From PSD to HTML, Building a Set of Website Designs Step by Step

You can always count on NETTUTS and the Evanto network to supply you with high quality tutorials.  This is a great tutorial for beginners and intermediate learners alike to advance there coding skills.  Be sure to set aside a few hours, this walks you through the entire process of creating the design.  From PSD, to HTML, and then to WordPress.

Build a Sleek Portfolio Site from Scratch

With PSDTUTS providing a great file to start off with, NETTUTS delivers yet another great tutorial on coverting a PSD to HTML for your own Portfolio website design.

PSD to HTML/CSS from HVDESIGNS

By reviewing what’s changed and what’s stood the test of time, we can make general assumptions of web design principles that will work going forward. Things have moved on in terms of interface design and graphics, some websites more than others. Looking at the examples below sites such as Amazon, eBay and Craigslist have changed comparatively little (Craigslist has hardly changed at all), a testimony to their forward thinking at the time, whilst others such as the Whitehouse have come a long way.

Whitehouse 1997 - 2009

Microsoft 1999 - 2009

CNN 2000 - 2009

BBC 2000 - 2009

Ebay 1999 - 2009

Amazon 1999 - 2009

Craigslist 1999 - 2009

Apple 1999 - 2009

Oakley 2000 - 2009

Google 1999 - 2009

Yahoo 1997 - 2009

How awesome would it be if you could combine the aesthetic rigor and clarity of fixed-width, grid-based layouts with the device- and screen size independence and user-focused flexibility of fluid layouts? Completely awesome, that’s how awesome. And with a little cunning and a tad of easy math, ALA’s Ethan Marcotte gets it done. We smell a trend in the offing.

Read the rest of this great article at alistapart.com

Popularity: 7% [?]

Seamless patterns are great for adding depth and texture to your design work. Use big bold patterns to capture attention or subtle calming patterns as backdrops. Here are 106 high-quality free seamless vector patterns.

What’s so good about vectors?

Well, in a word flexibilty. Unlike pixel patterns, you can scale vector patterns to any size without losing quality. That makes them ideal for high impact web designs or high resolution print work. Be sure to check the terms of use for each pattern before using.

• DesignFruit Freebies (8 patterns)

  

• Art Nouveau Flower (1 pattern)

  

• Fifties Wallpaper Pattern (1 pattern)

  

• Victorian Scrapbooking (9 patterns)

  

• Floral Vector (1 pattern)

  

• Floral Vector (1 pattern)

  

• Vector Grunge Patterns (25 patterns)

  

• Summer Floral (2 patterns)

  

• Red Million (3 patterns)

  

• Grunge Patterns (13 patterns)

  

You can’t remember everything especially with that huge amount of new information we consume daily. It is always great to have a few sheets that list most essential data we often need to deal with. Below I am listing a few cool cheat sheets most SEOs will find useful:

SEO Cheat Sheet

The Web Developers SEO Cheat Sheet (or preview it on Scribd) include:

• Important SEO HTML tags;
• Search engine indexing limits (common indexing limits imposed by search engines on sites that don’t hold a lot of authority);
• Recommended title tag syntax;
• Common canonical issues;
• Important search engine robot user-agents;
• Common robot traps to avoid (how webmasters might unintentionally stop spiders from crawling their sites);
• Robots Meta tag syntax;
• Robots.txt syntax;
• Sitemap syntax.

HTML Cheat Sheets

Within the music industry there is a great variety in terms of the quality of websites. Some bands have excellent, creative websites, and others have sites that are not so friendly for visitors. In this post we’ll feature 35 websites from the music industry. Some are band websites and others are involved in the music industry in various ways.

The Blizzards

Gary Nock

Jared Campbell

Remedy Drive

The RGBs

Derek Scholl

Dave Barnes

George Lazaros

Umusic.ie

The 9513

Bristol Archive Records

Nonesuch Records

Native Tongue Music Publishing

Concertwire

Evel Merch

Song Pull

The Jazz Mann

Bumbershoot

Rox