CG数据库 >> CSS: Refactoring Style Sheets

CSS: Refactoring Style Sheets的图片1MP4 | Video: h264, 1280x720 | Audio: AAC, 48 KHz, 2 Ch

Genre: eLearning | Language: English + .SRT | + Exercise Files

Level: Intermediate | Duration: 1h 38m | 327 MB

As sites and apps grow ever more intricate, stylesheets frequently grow by gradual accumulation—things get added and things get adjusted, resulting in stylesheets becoming unnecessarily complicated. Refactoring CSS is different from refactoring typical programming languages, with a different set of priorities and tools. In this course, learn how make stylesheets leaner while maintaining the stylesheet's power. Find out how to optimize new and legacy stylesheets. First, Morten Rand-Hendriksen explains the goal of refactoring—to rewrite CSS to simplify, improve, and optimize the code without changing its behavior. Then he covers tools like nmp, stylelint, Prettier, Visual Studio Code, Purgecss, and Gulp. He also shows a practical example of how to fix and reformat a stylesheet, followed by sharing best practices and demonstrating how to clean code via automation.

Topics include:

CSS optimization

Refactoring many stylesheets

Structuring CSS

Reordering properties automatically

Fixing errors

Ignoring warnings

Auditing stylesheets with Chrome

Quarantining unused code

Modularizing CSS

Using task runners

Optimizing CSS for delivery

CSS: Refactoring Style Sheets的图片2

Password/解压密码

-0daydown

CSS: Refactoring Style Sheets的图片1
CSS: Refactoring Style Sheets的图片2
CSS: Refactoring Style Sheets的图片3
CSS: Refactoring Style Sheets的图片4
CSS: Refactoring Style Sheets的图片5

发布日期: 2018-09-11