Converting an eCommerce PSD to HTML & CSS

by Andrew PerkinsDec 23, 2013

FREELessons:13Length:4.4 hours

Adobe Photoshop HTML CSS

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

4.3 The Sign In Page

With our New Account page finished, we'll complete the Sign In PSD, HTML and CSS conversion.

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.3 The Sign In 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