Tags
Language
Tags
March 2024
Su Mo Tu We Th Fr Sa
25 26 27 28 29 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6

Building a Responsive Single-Page Design with PostCSS

Posted By: C2U
Building a Responsive Single-Page Design with PostCSS

Building a Responsive Single-Page Design with PostCSS
| Video: h264, yuv420p, 1280x720 | Audio: aac, 48KHz, 2 ch | 520 MB
Genre: eLearning | English

Learn how to create responsive single-page websites with PostCSS, the CSS post-processor engine that extends the power of CSS through JavaScript. These step-by-step instructions take existing HTML markup and add style, animation, and responsive navigation. This combination allows for dynamic one-page sites—a popular design that's now even faster and easier to create with PostCSS. Along the way, Ray Villalobos introduces some handy plugins, tips for integrating PostCSS into a Gulp-based workflow, and techniques for making layouts more responsive with Flexbox.
Topics include:
*Structuring the HTML markup for a single-page design
*Using PreCSS Sass-like imports in PostCSS
*Creating Sass-like variables with PreCSS
*Building styles
*Creating a layout for the header and navigation with Flexbox
*Creating and styling sections
*Animating page elements with PostCSS
Building a Responsive Single-Page Design with PostCSS