In Part 1 of this tutorial, you learned step-by-step how to design an awesome band website in Photoshop. Now in Part 2, you’ll learn how to take that PSD and turn it into clean, working XHTML/CSS code. By Shannon Noack
skip to main |
skip to sidebar
Points of interest
Translate To Your Language
Follow me on Twitter
Twitter Counter
Web Topia Followers
My Other Blogs
Blog Archive
-
▼
2010
(522)
-
▼
January
(63)
- 50 Fabulous Flash Web Design Tools and Software
- Useful Tools for Testing Cross Browser Compatibility
- Find The Right JavaScript Solution With A 7-Step Test
- 35 Beautiful E-Commerce Websites
- The Evolution of Apple.com
- 5 tutorials to web design, the apple.com way
- ClickHeat
- Search / SEO Metrics & Analytics Questions + Answers
- Creating a Web Page Layout with Blueprint CSS
- New Usability Testing Tool Packs Power and Simplicity
- 14 Helpful Cheat Sheets for Front-end Web Development
- 4 Rules for Pitching to Offline Clients
- In Defense of Vertical Navigation
- CSS Transitions 101
- 55 Trendy Web Design Interfaces From Deviantart
- 30 Cutting Edge Examples Of CSS Navigation
- Modern Web Form Design
- Mutually Exclusive Input Groups in Web Forms
- Design and Build Email Newsletters Without Losing ...
- 25-point website usability checklist
- 4 Rules for Pitching to Offline Clients
- Fantastic Presentation Styles of Web Designers’ Po...
- UX Madness – 20 Fantastic Resources For User Exper...
- Common Practices To Increase Returning Visitors
- Importance of Web Interactivity: Tips and Examples
- Progress Trackers in Web Design: Examples and Best...
- Web 2.0 how-to design guide
- An Introduction to Website Split Testing
- The web designer's guide to user experience
- 10 Web Browsers You Probably Haven’t Heard Of
- Create a Slick and Minimalist Web Layout in Photoshop
- Website Performance: What To Know and What You Can Do
- The Content Strategist as Digital Curator
- List of Free Web Based HTML Editors For Your CMS P...
- On Web Advertising
- 5 Successful Link Building Techniques
- Stop Wasting My Time
- 10 Well Designed Organic Baby Websites
- SEO Strategy and Your CMS; Are They Working Together?
- Creating a Web Development Environment using Googl...
- 10 Tips for Creating Mind-Blowing Freelance Logo D...
- How a Web Design Goes Straight to Hell
- 40+ Excellent GIMP Tutorials for Designers
- Beautiful Post Thumbnails: Top Examples & Best Pra...
- 10 Keys to Growth as a Designer
- The Best of 2009 in Flash Web Design
- Take Your HTML Tables to a New Level with JavaScri...
- Showcase Of 50 Best Inspiring Gaming Websites
- Search & Discovery Patterns
- CSS Techniques
- 30 Fresh AJAX Tutorials And Techniques
- Showcase Of Modern Navigation Design Trends
- Three Days in Seattle
- 10 Quick Tips to be Efficient With Photoshop
- Adding Depth with Pixel Perfect Line Work
- Headers and Footers that Grab You Coming and Going
- Coding a Band Website Created in Photoshop
- Best of the Web – December 2009
- Interface Design Inspiration | 30 Impressive Ways ...
- A Discussion on Hourly Rates in Web Design
- 5 Steps to Building Social Experiences
- Research Logistics
- Five Simple but Essential Web Usability Tips
-
▼
January
(63)
Presentations
Sources of Inspiration
Tutorials & Quick Reference
- .Net
- 404 Blog
- Abduzeedo
- Astheria
- Attack of Design
- BoagWorld
- Boxes & Arrows
- Build Internet
- Contentini
- Divine CSS
- Dzine Blog
- Fuel Your Creativity
- Killersites
- Meaningful Data
- Naldz Graphics
- Poetpainter
- PSD Tuts+
- Six Revisions
- Spoon Graphics
- Vectortuts
- Web Appers
- Web Design Blog
- Web Design Ledger
- Web Design Toolbox
- Web Designish
- Web Pages that Suck
- Web Resource Depot
- Web Solutions
- Web Squeeze
- Webdesigner Depot
- Wireframes Magazine