| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0101_Welcome.mov |
2.2 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0102_Getting Setup Properly.mov |
6.1 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0103_Analyze the Layout.mov |
4.7 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0104_Isolate and Export Graphics.mov |
11.6 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0105_Additional Export Considerations.mov |
4 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0106_Isolating Button Graphics.mov |
9.7 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0107_Export Button Graphics.mov |
8.6 MB |
| Train Simple - Photoshop PSD to HTML/01. Setup and Analyze/0108_Next Steps.mov |
2 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0201_Getting Started.mov |
4.8 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0202_Calculating the Width.mov |
18.4 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0203_Adding the Background Image.mov |
11.3 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0204_Creating the Links.mov |
28.4 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0205_Reviewing the F2FW ico Class.mov |
10.1 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0206_Creating the Social Icon Graphics.mov |
8.6 MB |
| Train Simple - Photoshop PSD to HTML/02. Coding the Top Section/0207_Displaying the Social Icons.mov |
17.9 MB |
| Train Simple - Photoshop PSD to HTML/03. Coding the Header/0301_Coding the Header Structure.mov |
7.5 MB |
| Train Simple - Photoshop PSD to HTML/03. Coding the Header/0302_Included F2FW ID's and Classes.mov |
16.2 MB |
| Train Simple - Photoshop PSD to HTML/03. Coding the Header/0303_Create the Gradient Background.mov |
11 MB |
| Train Simple - Photoshop PSD to HTML/03. Coding the Header/0304_Adding the Logo.mov |
15.4 MB |
| Train Simple - Photoshop PSD to HTML/03. Coding the Header/0305_Adding the Menu.mov |
18.4 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0401_Creating the HTML Structure.mov |
3.2 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0402_Creating the Gradient Background.mov |
11.8 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0403_Adding the Border.mov |
8.7 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0404_Coding the Top Bar.mov |
15.5 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0405_Adding the Hello Button.mov |
12.3 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0406_Creating the Article Text.mov |
22.6 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0407_Adding the Custom Buttons.mov |
16.9 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0408_Placing the Slider Image.mov |
6.8 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0409_Generating the Next and Previous Buttons.mov |
8.6 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0410_Position Button and Create Image Files.mov |
11.4 MB |
| Train Simple - Photoshop PSD to HTML/04. Coding the Page Hello Section/0411_Adding the Arrow Images.mov |
7.5 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0501_Coding the Thumbnails.mov |
15.8 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0502_Adding Gray Surrounds and White Space.mov |
11 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0503_Correcting Thumbnail Appearance.mov |
4.6 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0504_Styling the Hyperlinks.mov |
6.1 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0505_Adding the Icons to the Hyperlinks.mov |
16.9 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0506_Coding the HTML for the Blog Section.mov |
10.5 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0507_Styling the Blog Section.mov |
12.8 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0508_Displaying Blog Post Icons.mov |
18.8 MB |
| Train Simple - Photoshop PSD to HTML/05. Coding the Page Albums and Blog Section/0509_Changing Icon Position.mov |
8.6 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0601_Coding the HTML for the Footer.mov |
10.9 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0602_Styling the Footer.mov |
12.7 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0603_Testing in Safari, Chrome, and Opera.mov |
5.2 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0604_Debugging Firefox Issues.mov |
7.9 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0605_Testing in Internet Explorer 9.mov |
3.7 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0606_Using Adobe Browser Lab.mov |
3.5 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0607_Adding the @font-face Declaration.mov |
3.8 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0608_Correcting IE Bug 1 and 2.mov |
9 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0609_Correcting IE Bug 3 and 4.mov |
3 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0610_Correcting IE Bug 5 and 6.mov |
7.9 MB |
| Train Simple - Photoshop PSD to HTML/06. Coding the Footer and Debugging/0611_Conclusion.mov |
846 KB |
| Train Simple - Photoshop PSD to HTML/Exercise Files/PSD_to_HTML.zip |
529 KB |
Magnet link