With the abundance of gestures and animations being implemented into mobile apps designers are facing the tricky problem of how you present these UI concepts.
web design
30 Web Designs Featuring Pop Out Navigation Menus
Once upon a time navigation menus were constantly anchored in place along the top or side of a web design, but nowadays as Javascript and CSS animations are becoming more popular, we’re starting to see different navigation UI approaches when it comes to directing your users to where they want to go.
The “hamburger” icon has become the recognized metaphor for the menu, which allows designers to hide away their links until they’re needed.
Today’s post features 30 modern website designs which make use of pop out navigation menus. These sites cleverly bring the menu into view using slide-in or overlay effects.
30 Web Designs with Bright Flat Color Backgrounds
The flat design style is still going strong! We originally showcased a range of web designs with solid background colors, but there have been so many new designs launched since then we thought it was worth creating a whole new roundup.
Check out this collection of website designs with bright flat color backgrounds. These designs ditch textures, gradients and patterns in favor of vibrant bold solid colors.
35 Radical Red Colored Websites for Design Inspiration
Red is a vibrant hue that color theorists suggest represents love, anger and in some cultures, happiness, but how is it used in web design? The color red in its many variants seems to be a popular choice with web designers.
Web Design Trend Showcase: Super Gradients
After the dominance of flat colors in web design, we’ve noticed a new web design trend of gradient use beginning to emerge. Gradients are nothing new in web design, but the CSS property of linear-gradient now allows designers to add vibrant spectrums of color directly to their code, rather than the traditional method of creating a gradient image in Photoshop.
One advantage of the CSS approach is the gradient can be scaled to any size, which makes it great for screen filling gradient backgrounds.
Today’s showcase features 25 examples of these super gradients used as backgrounds, headers, and overlays.
20 Cool Website Designs with Full Screen Slideshows
Javascript slideshows became increasingly popular thanks to the introduction of libraries such as jQuery. We’re used to seeing slideshows contained in a box somewhere on the page, but nowadays we’re seeing supersize slideshows that span the whole screen.
This post showcases 20 cool websites that make use of these full-screen slideshows effects to promote their content.
30+ Websites Featuring Looping Video Backgrounds
Looping video backgrounds is one of the fastest growing trends in web design. Ever since designers were given the ability to render video content in HTML5 we’ve seen motion pictures quickly take the place of static images in website headers and backgrounds.
Showcase of Creative Website Designs for iPad Apps
Websites for iPhone and iPad apps are always a great source for creative inspiration as the projects often allow for the designers to go to town and create a beautiful design to promote the app. This showcase rounds up 35 of the most outstanding iPad app websites. Common traits include large imagery of the iPad device, subtle textures and plenty of white space around well-presented content.
50 Web Designs with Beautiful Creative Typography
Typography on the web comes in two formats; firstly there’s the classic image replacement technique which allows for beautiful typographic designs, but it lacks the technical wow factor. Then there are true examples of web typography where designers wrangle with browsers to manipulate HTML rendered type in impressive ways, but while browsers and web technologies are continuously improving, this method often lacks in the visual flair that is achieved when designing typography in Photoshop and exporting it as an image. Both techniques result in equally inspiring web designs, so today’s showcase features a huge collection of sites with all kinds of web typography.
Showcase of Outstanding Responsive Web Designs
This showcase rounds up a collection of the most inspiring and outstanding examples of responsive web designs. These responsive websites not only look great at full-scale monitor resolution but are designed to gracefully scale according to the user’s screen size. Resize your browser, view the site on a smartphone, tablet or netbook and you’ll see the same design in a range of well-presented formats.