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.
Articles
10 Free Mockup Backgrounds to Present Your Work
Uploading samples of your work to sites such as Behance or Dribbble is a great way of getting noticed, so it’s worth spending a couple of minutes adding some polish to your images so they stand out and catch the attention of viewers. This free pack of abstract backgrounds will help you enhance your designs by mocking them up on abstract backgrounds. The vibrant colours and subtle textures help complement your pieces and turn them into stunning pieces of eye candy.
Are you looking for more backgrounds freebies? Check out these free Vector Backgrounds! They will surely help you create awesome, creative websites with vector-patterned backgrounds.
Or maybe you are looking for some inspiration on how to use these backgrounds in web design? Check out these Pattern Backgrounds, Web Designs with Subtle Grain Texture Backgrounds, and Web Designs with Bright Flat Color Backgrounds. Hope these hand-picked website designs will inspire you and teach you new ways on how you can use backgrounds in web design.
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.
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.
Which Responsive Frameworks are Designers Using?
All the mathematics involved in creating a responsive website design can be exhausting and time consuming, but thankfully there’s a range of responsive frameworks available that make the process quick and easy. These frameworks or boilerplates have all the complicated grids, layouts and media queries in place ready for you to add your own design and markup. Here’s a roundup of the most popular frameworks currently being used by designers.
Top Places to Find Free Photoshop UI Kits Online
Ready made Photoshop UI kits are useful resources for web designers to quickly put together website or application interface designs with buttons, menus and input fields. There’s plenty of high quality free UI kits available across the web, but it’s sometimes difficult to know where to look. This post rounds up the best websites to find great quality UI sets, with a selection of samples from each.
30 Free Icon Packs from the Dribbble Community
Dribbble is not only a great website to find insights into what fellow designers are working on, it’s also home to an array of freebies available for download from generous Dribbble users. This post rounds up 30 high-quality icon sets that can be downloaded and used in your own projects for free.
10 CSS Rules Every Web Designer Should Know
Through experience as web designers we memorise all kinds of code syntax, hacks and snippets. With CSS in particular there is a number of rules and declarations that can really help transform your website designs and open up new possibilities when compared to older techniques. This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal.
20 Free Sans-Serif Fonts Licensed for @Font-Face
Remember back when @font-face and Google Fonts were first introduced? We only had the choice of a handful of custom fonts we could use. Nowadays it’s quite the opposite, we’re spoilt for choice with hundreds of cool fonts licensed for free @font-face embedding. This post rounds up a collection of 20 stylish sans-serif fonts, all of which can be downloaded and used freely to spice up your website design’s typography.
