万本电子书0元读

万本电子书0元读

顶部广告

Enduring CSS电子书

售       价:¥

22人正在读 | 0人评论 9.8

作       者:Ben Frain

出  版  社:Packt Publishing

出版时间:2017-01-01

字       数:60.1万

所属分类: 进口书 > 外文原版书 > 电脑/网络

温馨提示:此类商品不支持退换货,不支持下载打印

为你推荐

  • 读书简介
  • 目录
  • 累计评论(0条)
  • 读书简介
  • 目录
  • 累计评论(0条)
Learn to really THINK about CSS, and how to create CSS that endures continual iteration, multiple authors, and yet always produces predictable results About This Book Address the problems of CSS at scale, avoiding the shortfalls of scaling CSS. The shortfalls of conventional approaches to scaling CSS. Develop consistent and enforceable selector naming conventions with ECSS. Learn how to organize project structure to more easily isolate and decouple visual components. Who This Book Is For This is a book for working CSS authors involved in large projects. This is a book that tackles create enduring CSS for large-scale projects. What You Will Learn The problems of CSS at scale—specificity, the cascade and styles intrinsically tied to element structure. The shortfalls of conventional approaches to scaling CSS. The ECSS methodology and the problems it solves. How to develop consistent and enforceable selector naming conventions with ECSS. How to organise project structure to more easily isolate and decouple visual components. How to handle state changes in the DOM with ARIA or override selectors. How to apply ECSS to web applications and visual modules. Considerations of CSS tooling and processing: Sass/PostCSS and linting. Addressing the notion of CSS selector speed with hard data and browser representative insight In Detail Learn with me, Ben Frain, about how to really THINK about CSS and how to use CSS for any size project! I'll show you how to write CSS that endures continual iteration, multiple authors, and yet always produces predictable results. Enduring CSS, often referred to as ECSS, offers you a robust and proven approach to authoring and maintaining style sheets at scale. Enduring CSS is not a book about writing CSS, as in the stuff inside the curly braces. This is a book showing you how to think about CSS, and be a smarter developer with that thinking! It's about the organisation and architecture of CSS—the parts outside the braces. I will help you think about the aspects of CSS development that become the most difficult part of writing CSS in larger projects. You’ll learn about the problems of authoring CSS at scale—including specificity, the cascade and styles intrinsically tied to document structure. I'll introduce you to the ECSS methodology, and show you how to develop consistent and enforceable selector naming conventions. We'll cover how to apply ECSS to your web applications and visual model, and how you can organize your project structure wisely, and handle visual state changes with ARIA, providing greater accessibility considerations. In addition, we'll take a deep look into CSS tooling and process considerations. Finally we will address performance considerations by examining topics such as CSS selector speed with hard data and browser-representative insight. Style and approach Learn with me, Ben Frain, about how to really think about CSS. This is a book to deal with writing CSS for large-scale, rapidly changing web projects and applications. This isn't a book about writing CSS, as in the stuff inside the curly braces - this is a book about the organisation and architecture of CSS; the parts outside the braces!
目录展开

Enduring CSS

Enduring CSS

Credits

About the Author

Thanks

www.PacktPub.com

Why subscribe?

Preface

1. Writing Styles for Rapidly Changing, Long-lived Projects

Defining the problem

Solve your own problems

2. The Problems of CSS at Scale

Specificity

Markup structure tied to selectors

The cascade

Summary

3. Implementing Received Wisdom

On OOCSS

Responsive web design, the Achilles heel of OOCSS

Responsive issues

Maintenance and iteration

An alien abstraction for new developers

A pure OOCSS example

SMACSS

BEM

Summary

4. Introducing the ECSS Methodology

Defining terminology

The problems ECSS solves

Dealing with specificity

This is !important

Embracing repetition

Zero component abstractions

The cost of repetition?

gzip is incredibly efficient at compressing repetitive strings

Summary

5. File Organisation and Naming Conventions

Project organisation

When same folder organisation isn't possible

Naming classes and selectors with ECSS

Reiterating the benefits

Source order becomes unimportant

Anatomy of the ECSS naming convention

Explanation of selector sections

Namespace

Module or Component

Child node

Variant

Doubling up on ECSS selectors

Summary

6. Dealing with State Changes in ECSS

How ECSS used to handle state change

Switching to WAI-ARIA

ARIA attributes as CSS selectors

States and properties, redone with ARIA

If ARIA can't be used

Summary

Additional information and statistics from the Royal National Institute for the Blind (RNIB)

7. Applying ECSS to Your Website or Application

Applying ECSS to logic modules

An example

Child nodes of a module or component

A note on type selectors

Applying ECSS to visual modules

Organising modules, their components, and naming files

Nodes within a component

Variants

Working with generated content from a CMS

ECSS and global styles

Summary

8. The Ten Commandments of Sane Style Sheets

Why the ten commandments?

Tooling

Rationale

Definitions used throughout:

1. Thou shalt have a single source of truth for all key selectors

Dealing with overrides

Standard override

Override with additional class on same element

Override when inside another class and also has an additional class

Override with media queries

2. Thou shalt not nest, unless thou art nesting media queries or overrides

Don't nest children within a rule

3. Thou shalt not use ID selectors, even if thou thinkest thou hast to

4. Thou shalt not write vendor prefixes in the authoring style sheets

5. Thou shalt use variables for sizing, colours and z-index

6. Thou shalt always write rules mobile first (avoid max-width)

7. Use mixins sparingly (and avoid @extend)

Avoid @extends

With no font references

Using @includes

Using @extend

8. Thou shalt comment all magic numbers and browser hacks

9. Thou shalt not place inline images in the authoring style sheets

10. Thou shalt not write complicated CSS when simple CSS will work just as well

Summary

9. Tooling for an ECSS Approach

CSS requisites for CSS processors

Building CSS from authoring style sheets

Save to compile, the journey of an ECSS style sheet

Stylelint

Optimisation

Summary

The closing curly brace

Resources

1. CSS Selector Performance

Testing selector speed

The difference between fastest and slowest selector

The slowest selector

Good CSS architecture practices

What does this mean?

Cause and effect

What difference does style bloat make?

Rules diet

Removing unused styles

Performance inside the brackets

What properties are expensive?

Summary

2. Browser Representatives on CSS Performance

TL;DR

Browser representatives on CSS performance

Should we worry about CSS selectors?

What about JavaScript

Dealing with CSS performance

Summary

Additional Information

累计评论(0条) 0个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部