Librería Portfolio

Revisiting your code to remove redundancies and inconsistencies-known as refactoring-is a common practice when using programming languages. With this book, author Steve Lindstrom not only shows you how to structure your CSS to build a responsive, easy-to-use website, but also how to use refactoring tools to create faster, more readable CSS.

Good CSS is essential to the look and feel of modern sites-as important as the HTML that dictates the site's appearance and the JavaScript that runs the application. This book is ideal for seasoned front-end developers cleaning up an existing project, as well as those starting a new project for the first time.

Discover why CSS is easy to learn but difficult to master
Understand the difference between good and bad CSS
Learn about refactoring and how it relates to CSS
Explore methods for executing a CSS refactoring
Learn how to deal with browser inconsistencies
Investigate common CSS antipatterns-and how to avoid them
Use techniques for structuring a project´s CSS
Recognize when your CSS refactoring is successful



Chapter 1Refactoring and Architecture
What Is Refactoring?
What Is Software Architecture?
Shortcomings that Lead to Refactoring
When Should Code Be Refactored?
When Should Code NOT Be Refactored?
Am I Allowed to Refactor My Code?
Refactoring Examples
Chapter Summary
Chapter 2Understanding the Cascade
What Is the Cascade?
Selector Specificity
Ruleset Order
Inline CSS and Specificity
Overriding the Cascade with the !important Declaration
Chapter Summary
Chapter 3Writing Better CSS
Use Comments
Consistently Structure Rulesets
Keep Selectors Simple
Decouple CSS and JavaScript
Use Classes
Assign Classes Meaningful Names
Build a Better Box
Chapter Summary
Chapter 4Classifying Different Types of Styles
The Importance of Classifying Styles
Normalizing Styles
Base Styles
Component Styles
Structural Styles
Utility Styles
Browser-Specific Styles
Chapter Summary
Chapter 5Testing
Why Is Testing Difficult?
Which Browsers Are Important to Test?
Browser Market Share
Testing with Multiple Browsers
Testing with Old Versions of Browsers
Testing the Bleeding Edge
Third-Party Testing Services
Testing with Developer Tools
Visual Regression Testing
Maintaining Your Code
Chapter Summary
Chapter 6Code Placement and Refactoring Strategies
Organize CSS from Least Specific to Most Specific Styles
Multiple Files or One Big File?
Auditing Your CSS Before Refactoring
Refactoring Strategies
Measuring Success
Chapter Summary
Appendix normalize.css