PAC | Beginning Responsive Web Development With HTML And CSS (2018 EN)

Company: Packt Publishing
Author: Ben Frain, Joshua Miller, Et al
Full Title: Beginning Responsive Web Development With HTML And CSS
Year: 2018
Language: English
Genre: Educational: Web Development
Skill Level: -
Price: €199.99
-
Files: MP4 (+ Code Files)
Time: 06:53:20
Video: AVC, 1920 x 1080 (1.778) at 30.000 fps, 350 kbps
Audio: AAC at 160 Kbps, 2 channels, 48.0 KHz



Create websites that provide the best user experience for today's and tomorrow's devices.

With this course, you can build websites that will transform the user experience. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you'll discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before. By the time you reach the end, you'll be equipped with the latest cutting edge front- end development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.

Style and Approach
This course perfectly balances theory and exercises. Each module is designed to build on the learnings of the previous lesson. The course contains multiple demos that use real-life business scenarios for you to practice and apply your new skills in a highly relevant context.


Learn:
✓ Learn what is a responsive design and its importance in modern web development
✓ Fully utilize cleaner, faster, and semantically rich HTML markup
✓ Integrate CSS media queries into designs to serve unique styles to audiences
✓ Create web forms with built-in validation and interface elements using only HTML
✓ Use latest stylistic flourishes with custom fonts, properties, and selectors
✓ Use SVGs for resolution independence

Features:
✓ Covers essential aspects of RWD and front-end development best practices
✓ Uses real-world examples to teach HTML5 and CSS3 techniques
✓ Perfectly blends theory, hands-on exercises and assessments


Lessons:
1. The Essentials of Responsive Web Design
01. Course Overview
02. The Essentials of Responsive Web Design
03. Defining Responsive Web Design
04. Tools and Text Editors
05. First Responsive Example Building a Simple Fluid Layout
06. Taming Images
07. Amending the Example for a Larger Screen
08. Lesson Summary
2. Media Queries – Supporting Different Viewports
09. Lesson Overview
10. Media Query Syntax
11. Combining Media Queries
12. Using Media Queries to Alter a Design
13. Media Queries Best Practices
14. The Viewport Meta Tag
15. Media Queries Level 4
16. Lesson Summary
3. Fluid Layouts and Responsive Images
16. Lesson Overview
17. Converting a Fixed Pixel Design to a Fluid Proportional Layout
18. Flexbox
19. Direction Part 1
20. Direction Part 2
21. Alignment
22. Flex Property
23. Changing Source Order
24. Responsive Images
25. Lesson Summary
4. HTML5 for Responsive Web Designs
26. Lesson Overview
27. HTML5 Markup
28. Semantic HTML5
29. HTML5 Media Elements
30. Lesson Summary
5. CSS3 – Selectors, Typography, and Color Modes
31. Lesson Overview
32. Introduction to CSS
33. Word Wrapping
34. Facilitating Feature Forks in CSS
35. New CSS3 Selectors and Their Use
36. CSS3 Structural Pseudo-Classes
37. nth Rules
38. More about CSS
39. New CSS3 Color Formats and Alpha Transparency
40. esson Summary
6. Stunning Aesthetics with CSS3
41. Lesson Overview
42. Shadows with CSS3
43. Gradients
44. Adding Fallback for Older Browsers
45. Background Images
46. CSS Filters
47. Lesson Summary
7. Transitions, Transformations, and Animations
48. Lesson Overview
49. CSS3 Transitions
50. CSS3 2D Transforms
51. CSS3 3D Transformations
52. CSS Animations
53. Lesson Summary
8. Conquer Forms with HTML5 and CSS3
54. Lesson Overview
55. HTML5 Forms
56. The HTML5 Input Element
57. Styling forms with CSS
58. Lesson Summary
9. Using SVGs for Resolution Independence
59. Lesson Overview
60. Introducing SVGs
61. Inserting SVGs
62. Extra SVG Capabilities and Oddities
63. Lesson Summary

Our members see more. Join us!
-------------
Our members see more. Join us!