Search resources for web designer within website.


Share with us resources, articles or posts.



soon ×


Subscribe to our free weekly newsletter.

How to Create a Blog Layout in Photoshop

Creating a blog layout isn’t that hard, the only thing you need is what kind of layout do you want. It maybe two column, three column and the list goes on. Keep in mind however that most themes have multiple page templates today e.g. blog index, archive page, contact page, front page (for CMS style sites where the blog is just an element). Today we will create a blog layout (the blog index page) in Photoshop, and convert it onto HTML / CSS (on the next series) and finally on a convert it …

How to Create a Blog Layout in Photoshop was last modified: January 23rd, 2012 by


Subscribe to our free weekly newsletter.


GlyphSearch is your free Icon Search Engine

Search icons from Font Awesome, Glyphicons, Material Design, Octicons, and more

12kb JavaScript Motion Engine – Pomption

Popmotion is used to drive the motion of a user interface. It has native support for CSS, DOM attributes, SVG ...

How to Switch from Blogger to WordPress without Losing Google Rankings

Blogger is an awesome free tool to quickly start blogging. However, many Blogger users eventually realize that if they want ...

Create a Detailed Glass of Milk and Cookies in Adobe Illustrator

A glass of cold, fresh milk and a crispy cookie with chocolate chip—many of us have loved this yummy snack ...

Shaded Progress Bars: A CSS/Sass Exercise

Today we’d like to show you how to create some pure CSS progress bars with a special 3D look. Consider ...

5 Best Related Posts Plugins for WordPress

Are your users leaving your site after reading the first post? Increasing pageviews and reducing bounce rate is a big ...

Stock Photos from

Over the last years the creative commons movement gained traction and more and more artists followed the trend of committing ...

How to Create Your Own Fog Brushes in Adobe Photoshop

In this tutorial you will learn how you can easily create your own mist brushes using different filters and transformations.

Add an Expiry Date to WordPress Posts

I run a few sites which include notices and important information in a banner on their home page. I tend ...

Create a Fantasy Angel Scene in Photoshop

In this Photoshop tutorial I’ll show you how to create a fantasy angel scene. You’ll learn how to combine different ...

11 Interesting Examples Of Hidden Website Menus

Here we have gathered some good examples of hidden menus in web design. The use of a navicon is a ...

How To Create a Flat Style Vector Planet in Illustrator

The flat style has been immensely popular in the web design scene, but it’s also a fun illustration style that ...

Website Layout Builder for Photoshop

Prototype the design of your website in seconds in Photoshop with the Velositey Photoshop Extension. Spend more time perfecting the ...

Hardening WordPress against Hackers: 10 Security Tips

As of 2015, WordPress runs a whopping 4.5% of the entire internet. 74.6 million Websites are powered by WordPress. Such ...

Resources for Web Designer ordered by popularity on social network
Email to B4WD - Privacy
MisterWebby - Free PSD