Grids are normally seen as blocky layouts with strict rows and columns, but grids don’t always have to be so structured. Modular grids provide a balanced layout by dividing up your content into equal measures, but the ability to span multiple columns ensures the content appears interesting and dynamic. Modular grids are becoming increasingly popular in web design, often combined with images and bright colors to create a patchwork quilt style layout that neatly presents a large amount of content in a small space.
Because the showcase of responsive website designs proved pretty popular, we decided to revisit the topic and look at some super handy responsive web design articles, tutorials, and guides that will help you get started with @media queries in order to create your own responsive or adaptive web designs. The resources in this collection have been hand picked as the best the web currently has to offer.
The flat trend in web design has recently gained a lot of popularity and we started noticing lots of website and interface designs springing up with this design style. 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 new iOS and new iPhone. Dazzling RGB colors are becoming more popular in the latest website designs, with saturation levels at an all-time high.
We do a fair bit of trend spotting while we’re browsing for cool website designs to feature in our inspirational web design roundups. One design trend we’ve noticed that is becoming more and more popular is the split layout, where the page is divided vertically into two halves to display separate areas of content. Often these two halves are contrasting with light and dark color schemes and allow the user to make a decision on the type of content they want to see.
Today’s post gathers 20 stunning full page designs with some interesting web design concepts that will inspire you!
We rarely get the chance to admire the full beauty of website designs when we’re limited to the cropped viewport of our browser windows, but there are some stunning examples of full page layouts out there. We might only see a finished website at a few thousand pixels at a time as we scroll down the page, but designers take great care to craft beautiful layouts in their design concepts.
The parallax illusion is one of the coolest effects to hit the world of web design. This showcase rounds up the best examples of websites that have scrolling parallax effects. Some use the effect to add a subtle effect to the website’s background, whereas others use the parallax effect more prominently to create an exciting browsing experience.
Websites are naturally made up of a series of square blocks due to the way they’re coded with HTML. This results in the typical boxy designs we’ve all come to expect on the web, but some designers are breaking free from the limitations of horizontal and vertical lines to experiment with other layouts. Today’s web design showcase features 25 cool sites that think outside the box with unusual shapes and angles.
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.
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.
I’m sure we’re all familiar with the popular parallax effect in web design. It has become a great tool to create a fun browsing experience that responds to the user’s controls as they scroll up and down the page. In this tutorial we’ll use a couple of readily available jQuery plugins to quickly put together a cool little single page website of our own, complete with fancy scrolling effects.