Browsing Tag

photoshop to html

Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)

Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)

A couple weeks ago, we learned how to create a comic book theme web design over at our sister-site, Webdesigntuts+. Today, we’ll tackle the second part: it’s time to slice the design and turn it into a functional HTML layout, ready to be ported to any CMS. Let’s get started!

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 9
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 9

Finishing up our Photoshop to HTML session, in this lesson, we’ll review all of the miscellaneous bugs and issues that need to be fixed before deploying our site. Along the way, we’ll also learn about proper compression methods to make our site load as quickly as possible.


This entry is part 9 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 8
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 8

Continuing on with our Photoshop to HTML session, in this lesson, we’ll take a look at the dreaded Internet Explorer, and learn about ways to wrangle it into submission!


This entry is part 8 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 7
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 7

Continuing on with our Photoshop to HTML session, in this lesson, we’ll work on form styling, with CSS.


This entry is part 7 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 6
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 6

Continuing on with our Photoshop to HTML session, in this lesson, we’ll use jQuery to implement the tabbing functionality in the sidebar of our web site.


This entry is part 6 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 5
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 5

Continuing on with our Photoshop to HTML session, in this lesson – split into four videos – we’ll use CSS to style our webpage.


This entry is part 5 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 4
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 4

Continuing on with our Photoshop to HTML session, in this lesson, we’ll learn how to use the 960 grid framework.


This entry is part 4 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 3
videos

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 3

Continuing on with our Photoshop to HTML session, in this lesson, we’ll slice the PSD.


This entry is part 3 of 9 in the Photoshop to HTML Session
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 2

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 2

Continuing on with our Photoshop to HTML session, in this lesson, we’ll begin constructing the markup for our website.


This entry is part 2 of 9 in the Photoshop to HTML Session
Photoshop to HTML: Slice your Designs Like a Pro

Photoshop to HTML: Slice your Designs Like a Pro

Hey, everyone! I have some exciting news (at least for me)! Late last year, I was asked to prepare a book and video series that covers exactly how to convert PSDs into standards-compliant HTML/CSS websites. This is what web designers do day-in and day-out. I’m proud to announce that it’s now been released by Rockable Press! So, if you’re at the point in your learning where this might be helpful, please do read on and consider checking it out.