FreeCourseLab com Udemy - PSD to Responsive HTML5 Beginner to Advanced

1. 1. Getting Started & Preparations/1. Course Outline & What Are You Going to Learn.mp48.5MB
2. 1. Getting Started & Preparations/2. Quick Important Note About Reviews!.mp45.77MB
3. 1. Getting Started & Preparations/3. Pre-Start Why You've Just Made the Right Decision.mp413.06MB
4. 1. Getting Started & Preparations/4. Why PSD to HTML5 is a Must-Have Skill for Any Web DesignerDeveloper.mp415.79MB
5. 1. Getting Started & Preparations/5. Showcasing the Finished PSD design.mp414.65MB
6. 1. Getting Started & Preparations/6. Showcasing the Final Finished Website.mp425.39MB
7. 1. Getting Started & Preparations/8. Join the Official Course Chatroom Here!.mp422.8MB
8. 1. Getting Started & Preparations/9. How to Use the Q&A to Communicate With The Community.mp47.12MB
9. 2. Environment Setup Get Your Hands Dirty/1. Personalizing and Choosing the Right Code Editor.mp446.9MB
10. 2. Environment Setup Get Your Hands Dirty/2. Downloading & Installing Photoshop CC Free Trial.mp413.09MB
11. 2. Environment Setup Get Your Hands Dirty/3. Setting Up the Project Environment.mp439.08MB
12. 3. Studying & Preparing the Finished PSD design/1. Determining The Size & Measurements of Our Project.mp435.74MB
13. 3. Studying & Preparing the Finished PSD design/2. Choosing & Deciding the FileImage Structure to Work With.mp418.33MB
14. 3. Studying & Preparing the Finished PSD design/3. Slicing Up the Design.mp439.24MB
15. 3. Studying & Preparing the Finished PSD design/4. Installing & Implementing Fonts.mp426.17MB
16. 3. Studying & Preparing the Finished PSD design/5. Helper Classes What Are They and When to Use Them.mp419.72MB
17. 4. Converting the PSD design Into a Functional Website/1. Coding the Hero Section Creating the Markup & the Navbar.mp432.71MB
18. 4. Converting the PSD design Into a Functional Website/10. Coding the Copyright Section Learn Quick HTML5 Symbols.mp413.29MB
19. 4. Converting the PSD design Into a Functional Website/11. Styling the Copyright Section Finalizing the Website's Content.mp426.38MB
20. 4. Converting the PSD design Into a Functional Website/2. Styling the Hero Section Positioning the Content & Polishing the Navbar.mp436.9MB
21. 4. Converting the PSD design Into a Functional Website/3. Styling the Hero Section Buttons, Floats & Custom Width.mp452.75MB
22. 4. Converting the PSD design Into a Functional Website/4. Coding the App Section Creating Custom Columns.mp421.89MB
23. 4. Converting the PSD design Into a Functional Website/5. Styling the App Section Positioning and Polishing the Custom Columns.mp442.81MB
24. 4. Converting the PSD design Into a Functional Website/6. Coding the Nose Section Writing the Basic HTML Markup.mp410.52MB
25. 4. Converting the PSD design Into a Functional Website/7. Styling the Nose Section Transferring Colors from Photoshop to CSS3.mp447.02MB
26. 4. Converting the PSD design Into a Functional Website/8. Coding the Footer Introducing List-Style Footers.mp422.12MB
27. 4. Converting the PSD design Into a Functional Website/9. Styling the Footer Setting a Background Image to a List-Style Element.mp440.01MB
28. 5. Polishing the Website Learn to Create Amazing Interactive Animations/1. Preparations Installing & Setting Up Famous Animation Libraries.mp427.64MB
29. 5. Polishing the Website Learn to Create Amazing Interactive Animations/2. Interactive iPhone Turn-on Animation Preparing Files & Inserting Image Slices.mp447.8MB
30. 5. Polishing the Website Learn to Create Amazing Interactive Animations/3. Animations Aside Explaining Z-index and Relative & Absolute Positioning.mp436.16MB
31. 5. Polishing the Website Learn to Create Amazing Interactive Animations/4. iPhone Animation Moving the iPhone Around with Basic Positioning Techniques.mp422.09MB
32. 5. Polishing the Website Learn to Create Amazing Interactive Animations/5. iPhone Animation Creating the Finalized Animation.mp430.88MB
33. 5. Polishing the Website Learn to Create Amazing Interactive Animations/6. iPhone Animation Clicking the Button and Adding Delays with JavaScript.mp431.1MB
34. 5. Polishing the Website Learn to Create Amazing Interactive Animations/7. Get Your Hands Dirty Animating the Rest of the Website with WOW.js.mp439.98MB
35. 6. Let's Make Our Website Responsive!/1. Preparation Media Queries Explained + Adding Minor Final Changes to the Website.mp439.66MB
36. 6. Let's Make Our Website Responsive!/2. Responsive Layout Making the Hero Section Responsive.mp446.36MB
37. 6. Let's Make Our Website Responsive!/3. Responsive Layout Finishing the Responsive Layout with More Media Queries.mp443.7MB
38. 6. Let's Make Our Website Responsive!/4. Navigation Bar Creating Custom Responsive Navigation Bar from Scratch!.mp451.52MB
39. 7. Conclusion & Final Toughts/1. Congratulations! You did it! What now.mp42.88MB
40. 8. BONUS Lectures/2. What is 'Inspect Element' and When Should You Use It.mp429.22MB
41. 8. BONUS Lectures/3. Short Conversion Series Showcasing a Brand New PSD Design.mp413.11MB
42. 8. BONUS Lectures/4. Short Conversion Series Creating the Layout Markup.mp438.4MB
43. 8. BONUS Lectures/5. Short Conversion Series Styling & Preparing the Content Holder.mp423.83MB