CSS master /
Annotation
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
VIC Australia :
SitePoint Pty. Ltd.,
[2015]
|
Temas: | |
Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- CSS Master; Table of Contents; Preface; Who Should Read This Book; Conventions Used; Code Samples; Tips, Notes, and Warnings; Supplementary Materials; Want to take your learning further?; Selectors; Combinators; The Descendant Combinator; The Child Combinator; The Adjacent Sibling Combinator; The General Sibling Combinator; Attribute Selectors; Matching Attribute Presence; Matching Hyphenated Attribute Values; Matching Attribute Values by Substring; Pseudo-classes versus Pseudo-elements; Pseudo-elements; ::before and ::after; Creating Typographic Effects with ::first-letter
- Browser Bugs When Using ::first-letterCreating Typographic Effects with ::first-line; User Interface Fun with ::selection; Pseudo-classes; Highlighting Page Fragments with :target; Negating Selectors with :not(); Selecting Elements by Their Index; :first-child and :last-child; :nth-child() and :nth-last-child(); :only-child; :empty; Selecting Elements of a Particular Type by their Index; Using :first-of-type, :last-of-type, and :only-type; Using :nth-of-type and :nth-last-of-type; Styling Form Fields Based on Input; :enabled and :disabled; :required and :optional; :checked
- :In-range and :out-of-range:valid and :invalid; Selectors and Specificity; Conclusion; CSS Architecture and Organization; CSS File Organization; How many files?; Managing Styles for Legacy Browsers; Using Conditional Comments (IE9 and Earlier); Using CSS Parsing to Our Advantage; Golden Guidelines for Writing Clean CSS; Avoid Global Selectors; Avoid Overly Specific Selectors; Don't Chain Classes; Avoid Using id Selectors; Use Semantic Class Names; Avoid Tying CSS Closely to Markup; Block-Element-Modifier (BEM); Atomic CSS; The Case Against Atomic CSS; BEM versus Atomic CSS; Conclusion
- Debugging and OptimizationBrowser-based Developer Tools; Using the Styles Panel; Identifying Cascade and Inheritance Problems; Spotting Invalid Properties and Values; Multi-device Tools; Chrome and Opera; Firefox; Microsft Edge and Internet Explorer 11; Safari 9+; Debugging for UI Responsiveness; What is a reflow?; Timeline Tools; Identifying Lines to Remove; Minification; Installing CSSO; Minification with CSSO; Code-quality Tools; CSS Lint; Installation; Basic Usage; analyze-css; Installation; Basic Usage; UnCSS; Installation; Using UnCSS from the Command Line; Consider a Task Runner
- ConclusionComplex Layouts; Managing the CSS Box Model; Choosing a Box Model with box-sizing; Managing Layers with position and z-index; Using CSS Multicolumn Layout; Defining Column Number and Width Using columns; Spacing Columns with column-gap and column-rule; Images Within Columns; Making Elements Span Columns; Managing Column Breaks; Optimizing the User Interface; Creating Flexible Layouts with Flexbox; Creating Simple Grids with flex-wrap; Creating Flexible Components with flex; Letting Source Order Diverge from Layout: the order Property; Vertical Centering with Flexbox; Conclusion