SEARCH

Search resources for web designer within website.

SEND

Share with us resources, articles or posts.

SEND POSTS

SEND POSTS

Link Title (required)

Link URL (required)

Post Text(required)

×

SUBSCRIBE

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 tripwiremagazine.com

SUBSCRIBE

Subscribe to our free weekly newsletter.

TRENDS POSTS

Lightning-Fast, Modular CSS with No Side Effects

Basscss is a lightweight collection of base element styles, immutable utilities, layout modules, and color styles designed for speed, clarity, ...

Interactive Drag and Drop Coloring Concept

Today we would like to share a fun interactive coloring concept with you. The idea is to simply drag a ...

Does responsive web design make you more money?

Getting your website mobile-ready is attracting a lot of attention of late. Just yesterday Google rolled out a hefty algorithm change that ...

Extending WordPress With Custom Content Types

WordPress does some pretty amazing things out of the box. It handles content management as well as any other open-source ...

Using Sketch For Responsive Web Design (A Case Study)

If you’re a member of the web or UI design community, it’s been hard to avoid talking about Sketch1 over ...

Create an SVG Animation using CSS and JavaScript

SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike ...

How to Clean Up Your WordPress Database for Improved Performance

If you have been using WordPress for a while, then there is a good chance that you need to clean ...

Hero Slider, a full-width, responsive and easy to customize slideshow.

It is a common approach to fill in the intro section of a website with a slideshow: you’re trying to ...

How to Create a Flat Cityscape in Adobe Illustrator

In today’s tutorial I’m going to show you step by step how to create a warm cityscape using some simple ...

How to Create a Set of Productivity Icons in Adobe Illustrator

In today’s tutorial I’m going to show you how to create a set of flat productivity icons that might come ...

Learn to Create Forms That Improve User Experience

Most applications, either for mobile and tablet or beyond, rely on input from the user at least once. Actually, most of ...

A small, fast, modern, and dependency-free library for lazy loading.

Lazy loading boosts page speed by deferring the loading of images until they're in (or near) the viewport. This library ...

How to Create a Glowing Metal Text Effect in Adobe Photoshop

Using patterns with different glow and texture settings can make creating interesting, detailed effects a fun and simple job. This ...

Ditching Large Images: The Absence of Large Header Background Images

Although the utilization of impressive images as a header background is considered to be a huge web design trend, it ...

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