Converting an eCommerce PSD to HTML & CSS

Andrew PerkinsDec 23, 2013Lessons: 13Length: 4.4 hours

HTML/CSS HTML

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

4.1 The Search Results Page

With the Product Page complete, we'll now tackle our Search Results PSD to turn it into HTML and CSS.

1.Introduction
1 lesson, 12:08

1.1
Introduction, Overview, and Setup
12:08

2.The Index Page
2 lessons, 1:43:11

2.1
The Index Page's HTML
44:14

2.2
The Index Page's CSS
58:57

3.Product and Category Pages
2 lessons, 1:08:41

3.1
The Category Page
47:32

3.2
The Product Page
21:09

4.Utilities Pages
7 lessons, 1:08:15

4.1
The Search Results Page
06:05

4.2
The New Account Page
12:05

4.3
The Sign In Page
11:23

4.4
The Contact Us Page
08:16

4.5
The Order Details Page
16:46

4.6
The Order History Page
07:51

4.7
The Personal Details Page
05:49

5.Conclusion
1 lesson, 13:13

5.1
The Shopping Cart Page & Conclusion
13:13

Andrew Perkins

Hi there, I'm an assistant editor at Tuts+ and am very passionate about the Web, PHP, Ruby, Rails, JavaScript, and web frameworks in general. You can connect with me on Twitter, Youtube, and Flickr.

Converting an eCommerce PSD to HTML & CSS

Next lesson playing in 5 seconds

4.1 The Search Results Page

1.Introduction1 lesson, 12:08

2.The Index Page2 lessons, 1:43:11

3.Product and Category Pages2 lessons, 1:08:41

4.Utilities Pages7 lessons, 1:08:15

5.Conclusion1 lesson, 13:13

1.Introduction
1 lesson, 12:08

2.The Index Page
2 lessons, 1:43:11

3.Product and Category Pages
2 lessons, 1:08:41

4.Utilities Pages
7 lessons, 1:08:15

5.Conclusion
1 lesson, 13:13