0%

Book Description

CSS has grown from a language for formatting documents into a robust language for designing web applications. Its syntax is easy to learn, making CSS a great entry point for those new to programming. Indeed, it's often the second language that developers learn, right behind HTML.

As CSS's feature set and abilities have grown, so has its depth. This book contains a selection fo articles that look at essential CSS tools and skills for front-end developers today. It contains:

  • How to Use Gulp.js to Automate Your CSS Tasks by Craig Buckler
  • CSS Optimization Tools for Boosting PWA Performance by Ahmed Bouchefra
  • CSS Debugging and Optimization: Code Quality Tools by Tiffany B. Brown
  • CSS Debugging and Optimization: Developer Tools by Tiffany B. Brown
  • CSS Debugging and Optimization: Minification with CSSO by Tiffany B. Brown
  • How to Create Printer-friendly Pages with CSS by Craig Buckler

Table of Contents

  1. CSS: Tools & Skills
  2. Notice of Rights
  3. Notice of Liability
  4. Trademark Notice
  5. About SitePoint
  6. Preface
    1. Conventions Used
      1. Code Samples
      2. Tips, Notes, and Warnings
  7. Chapter 1: How to Use Gulp.js to Automate Your CSS Tasks
    1. by Craig Buckler
    2. Why Use Gulp?
    3. Example Project Overview
    4. Getting Started with Gulp
    5. Test HTML Page
    6. Module Installation
    7. Create a Gulp Task File
    8. Gulp Image Task
    9. Gulp CSS Task
    10. Automating Your Workflow
    11. Live Production Code
    12. Next Steps
  8. Chapter 2: CSS Optimization Tools for Boosting PWA Performance
    1. by Ahmed Bouchefra
    2. The Demo PWA to Audit
    3. Auditing with Google’s Lighthouse
    4. Critical Rendering Path
    5. CSS Optimization Using Lighthouse Opportunities
      1. CSS Optimization: Removing Unused CSS Rules
      2. Reduce Render-Blocking CSS
      3. Unminified CSS
      4. Deferring Bootstrap Loading with JavaScript
    6. Checking the Optimizations
    7. Similar Tools
    8. Conclusion
  9. Chapter 3: CSS Debugging and Optimization: Code Quality Tools
    1. by Tiffany B. Brown
    2. stylelint
      1. stylelint Installation and Configuration
      2. Starting with a Base stylelint Configuration
      3. Using stylelint
    3. UnCSS
      1. UnCSS Installation
      2. Using UnCSS from the Command Line
    4. Consider a Task Runner or Build Tool
  10. Chapter 4: CSS Debugging and Optimization: Developer Tools
    1. by Tiffany B. Brown
    2. Using the Styles Panel
      1. Identifying Cascade and Inheritance Problems
      2. Spotting Invalid Properties and Values
    3. Debugging Responsive Layouts
      1. Chrome
      2. Firefox
      3. Microsoft Edge
      4. Safari
  11. Chapter 5: CSS Debugging and Optimization: Minification with CSSO
    1. by Tiffany B. Brown
    2. Installing CSSO
    3. Minification with CSSO
  12. Chapter 6: How to Create Printer-friendly Pages with CSS
    1. by Craig Buckler
    2. Print Stylesheets
    3. Testing Printer Output
      1. Print Preview
      2. Developer Tools
      3. Hack Your Media
    4. Remove Unnecessary Sections
    5. Linearize the Layout
    6. Printer Styling
      1. Adopt CSS Columns
      2. Use Borders Instead of Background Colors
      3. Remove or Invert Images
    7. Add Supplementary Content
    8. Page Breaks
    9. Printing Pains
174.129.140.206