->

Building a Responsive Single-Page Design with PostCSS
Building a Responsive Single-Page Design with PostCSS

MP4 | Video: 1280x720 | Duration: 2h 30m | Language: 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


 TO MAC USERS: If RAR password doesn't work, use this archive program: 

RAR Expander 0.8.5 Beta 4  and extract password protected files without error.


 TO WIN USERS: If RAR password doesn't work, use this archive program: 

Latest Winrar  and extract password protected files without error.


 Unity   |  




rss