Incorporating nature-inspired elements in web layouts is a popular design trend. By making use of organic parts of nature such as trees, leaves, the sun, the sky, and fauna, you can give your designs a more realistic and down-to-earth look and feel.

In this collection, you’ll find some of the best web designs that take inspiration from nature.


Patterns and textures, when applied correctly, can produce amazing and truly unique designs. Typically, they are used for site backgrounds, but can also be used as repeating patterns on site components such as the header and the footer. If you use right type of patterns it can really improve your site visually for the viewer.

In this article, we share 20 excellent sites where you can find and download seamless textures, patterns, and tiles free of cost.

1. Seamless Textures

Seamless Textures


How to Create a Clean Web 2.0 Style Web Design in Photoshop

In this Photoshop web design tutorial, you’ll learn, step-by-step, how to create a stunning and clean web layout. You’ll be using some basic to intermediate-level techniques to build your very own sleek "Web 2.0" style web design that uses the 960 Grid System.

This is a two-part series that will teach you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design.


Last week, Marketcircle and Six Revisions asked you what you thought the best time-tracking app was.

To make things fun, Marketcircle kindly donated five Billings 3 licenses to be given away to the randomly-selected voters on said poll.

Here are the winners:

Accessible Slideshow.

In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action.


Getting Started with Ruby on Rails: Installation


This article will guide you through the process of installing Ruby on Rails, and any other software that is required to begin using it.


Using color gradients, or effects that transition two or more colors with one another, is one of the most popular design techniques in web design. They’re easy to create yet hard to get right. In this showcase, you’ll witness some of the best examples of using color gradients in the hopes of inspiring you in your own designs.

If you’d like to learn more about color gradients, check out the tutorial called "Make High-Impact Backgrounds for Your Designs with Photoshop" which covers the use of color gradients, among other techniques.