The grid based content block layout has become popular for many types of website, especially portfolios and inspiration ‘pinning’ sites. These sites have a series of tiling blocks that fill the page, often in a kind of modular format where they rearrange themselves depending on the viewport size. This post rounds up a collection of 25 cool website designs that all feature a modular style content block layout.
Posts from October, 2012
I’ve done plenty of retro photo effect tutorials in the past, but they’ve all been done using Photoshop. After playing around with some cool new CSS3 features I managed to create a pretty decent looking retro style image effect using just CSS. With the help of CSS gradients and filters, let’s take a look at how a cool vintage photo effect can be created directly in the browser.
As full screen backgrounds are becoming increasingly popular we’re starting to see more and more landscape photos being used in website designs. Sometimes the landscape photo is directly related to the subject of the site, but others use the awe inspiring shots to draw in the user and create a relaxing atmosphere. This post showcases 20 top quality web design that all feature a beautiful landscape photo.
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.
We often see websites from the fashion industry topping the design galleries. They usually make great use of photography and an overall minimalist style to put focus on the apparel products they are presenting. This showcase rounds up 20 beautiful web designs all based on a fashion theme.