The description
PSD To Responsive HTML5: Beginner To Advanced is a tutorial from Udemy that teaches how to design a web design and convert a Photoshop design to responsive with HTML5 and CSS3. If you’re new to web design and want to learn how PSD designs relate to HTML5/CSS3 sites, this is the perfect start for you. Converting PSD to HTML5 is an essential skill for web designers and developers, and this course will help you learn it professionally.
This course starts with Photoshop and demonstrates the first steps in converting PSD designs. The lecturer explains how to cut out the sketches and separate the necessary images from the original sketch. Then you start HTML5 coding to prepare the work for development. Helpful info on floating, resizing, width and length, custom columns, floating design, background settings, and more. will be explained while coming up with the designs and the topics of the animation section of the website are also discussed in detail. The debate has begun.
Courses taught in this course:
- Converting a Static Photoshop Design to a Responsive Website
- Redesign of the site without the use of frameworks
- Become proficient in converting a variety of designs
- Learn how to create professional animations using JavaScript and CSS3
- Introduction to modern web design techniques
- Use 25 ready-to-use PSD schemes
PSD to Responsive HTML5: Beginner to Advanced Course Specifications:
- English language
- Duration: 6 hours and 3 minutes
- Number of lessons: 50
- Coach: Filip Kordanovski
- File format: mp4
Course titles:
50 lectures 06:03:54
Getting started and preparations
10 lessons 35:23
Setting up the environment: get your hands dirty
5 lessons 34:18
Study and prepare the finished PSD design
5 lessons 41:39
Converting the PSD design into a working website
11 lectures 01:41:17
Fine-tune the website: learn how to create amazing interactive animations
7 lectures 01:08:19
Let’s make our website responsive!
4 lessons 52:12
Conclusion and final thoughts
1 conference 01:08
BONUS Conferences
7 lessons 30:12
Course prerequisites
- Basic understanding of HTML and CSS (divs, classes, ids)
- Photoshop CS3 / CS4 / CS5 / CS6 / CC (or a free trial)
- A code editor of your choice (Brackets in my case)
- Internet connection is required
- Your favorite chip flavor and a drink!
Pictures
sample movie
Installation guide
View with your favorite player after ripping.
english subtitle
Quality: 720p
Download link
File password(s): ngaur.com
Cut
1.60 GB