We’ve seen the use of solid colors increase through the adoption of the flat design trend, but these hues are becoming increasingly vibrant following the release of iOS7 and the colorful iPhone 5C. Dazzling RGB colors are becoming more popular in the latest website designs, with saturation levels at an all-time high. This post rounds up a collection of over 20 great examples of the growing trend of supersaturated background colors in web design.
trends
Inspiring Web Design Concepts Currently In The Works
Web design galleries are great places to find inspiration and gain an insight into the next big trend, but you’ll often find that the same sites are featured time and time again. Browsing sites such as Dribbble where designers share their current works in progress is a great way to find some hidden gems before they hit the mainstream.
Showcase of Websites Featuring Full Screen Videos
We’ve all seen videos on websites restricted to a specific frame size, but why not make use of the user’s whole monitor? Once upon a time, only Flash was capable of such wizardry, but these days Javascript and HTML5 make it perfectly feasible to stretch your video footage to fill the browser window. This post showcases 15 websites that all make use of full-screen video techniques.
How To Create a Trendy Flat Style Nav Menu in CSS
I’ve heard from a bunch of people who found my CSS drop down menu tutorial really useful, so today’s we’re going to build another menu with some fancy hover effects. With the Flat design trend being so popular we’ll use adopt this style for today’s menu by using bright solid colours and clean icons. We’ll be using various must-know CSS techniques so this is a great tutorial for any web designers learning the basics.
30 Websites Featuring a Horizontal Stripe Layout
One layout trend I’m sure we’ve all noticed recently is the use of full screen horizontal stripes. These horizontal sections are often identified with differing background colours or photos and span the whole screen to create a striping effect as the user scrolls down the page. This post showcases 30 great examples of websites utilizing these horizontal stripes and shows how this layout helps split up the page into clear sections while making use of all the available screen space across all resolutions.
30 Web Designs with Full Screen Background Photos
The trend of full screen background images has definitely become more popular over recent years. It was once only really prevailent with fashion or photography sites that relied particularly on impactful imagery, but now we can see the use of large photos spanning the page on sites of almost any topic. Large images have always been a proven tool for grabbing attention as we’ve seen in printed magazines, posters and advertisements, so it’s interesting to them being used in a similar way in web design.
How To Create a Simple Collapsing Header Effect
A couple of weeks ago I posted a showcase of web designs with clever header effects. In that roundup we saw a bunch of sites making use of a simple collapsing header effect, where the page header or banner would gradually shorten and disappear upon page scroll. Let’s take a look at recreating this cool effect for use in your own website designs.
Handy Tips For Creating a Cool Twitter Profile Design
Twitter profiles have gone through some big changes over the years, with the latest layouts offering a fair few customisation options. In this post we’ll take a look at some of the options that are available to us and see what kind of clever tricks people are using to create really cool profile designs.
30 Web Designs Featuring Vintage Style Typography
I’m a big fan of the vintage style, both in web design and design in general. Like many, my favourite aspect of vintage design is the elegance of classic typography with its mix of cursive & sans-serif typefaces, clever layouts and the combination of textures and illustrations to relate to the techniques used throughout the early 20th century. This post rounds up a collection of 30 websites all based on the vintage theme and feature great examples of authentic vintage style typography in their logos and titles.
25 Web Designs with Full Page Background Photos
The use of full screen background images isn’t particularly new in the world of web design, but designers are continuously thinking up new and cool ways of implementing some kind of full size photo into the design of their sites. Sometimes the photo will set the scene and introduce the topic of the site, whereas other times an inspirational photo is used to set the mood and to draw the user in. This post rounds up 25 examples of great uses of full screen background photos in website designs across the web.
