Next Generation CSS Design with PostCSS and CSSNext 利用PostCSS和CSSNext实现下一代CSS设计 Lynda课程中文字幕

Next Generation CSS Design with PostCSS and CSSNext 中文字幕

利用PostCSS和CSSNext实现下一代CSS设计 中文字幕Next Generation CSS Design with PostCSS and CSSNext

PostCSS - CSS后处理引擎 - 通过JavaScript转换CSS，使您可以在旧版浏览器上使用最新的CSS功能
在这个基于项目的课程中，学习如何使用PostCSS创建一个逼真的单页面网站，该网站使用尖端的CSS功能，同时保持与旧浏览器的兼容性
Ray Villalobos解释了如何处理这个项目，他介绍了一些重要的概念，比如PostCSS和CSSNext如何工作，如何通过将工作分解为部分来保持代码的组织，以及如何使用高级伪类和定制属性变量
此外，他会带您了解如何使用柔性版式，使用颜色功能，设置移动版式以及添加动画

主题包括：
将你的CSS组织成部分
创建变量
使用自定义选择器
使用flexbox布局
设置移动版式
让您的功能更具响应性
交替布局
添加动画
添加视频

• [Ray Voiceover]嘿, 那是Ray Villalobos。
  在本课程中, 我将通过使用PostCSS教你如何处理CSS语言的即将到来的功能。
  它翻译了尖端的CSS代码, 使其适用于较旧的浏览器。
  我们将使用一系列名为CSSNext的插件。
  我将首先介绍一下该项目的概况。
  并显示PostCSS和CSSNext如何工作。
  我会告诉你如何使用PostCSS将你的工作分成部分。
  所以你的代码可以保持在单独的文件中。
  然后, 我将向您展示如何使用自定义属性变量, 高级伪类和减少计算的变量等功能。
  我们将学习如何使用Flexbox布局和NextCSS规则, 以及如何使用自定义媒体查询以及CSS中可用的许多颜色功能。
  最后, 我将向您展示如何创建响应式布局, 动画和SVG Graphics具有嵌入式视频。
  有很多要学习, 但这就是为什么你在这里。
  所以让我们开始吧。
  本课程视频下载地址:利用PostCSS和CSSNext实现下一代CSS设计