CSS master
CSS Master is tailor-made for the web designer who's really serious about taking their skills to the next level. Discover how to keep ahead of the game by adhering to best practice and employing the most effective cutting-edge CSS techniques. Organize your CSS to create the most efficient and m...
| Otros Autores: | , |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
VIC Australia :
SitePoint
[2015]
|
| Edición: | 1st edition |
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009629803206719 |
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
- Transitions and Animation
