Index
Symbols
- @access annotation, Exploring SassDoc
- @access private annotation, Exploring SassDoc
- @param annotation, Digging Deep into SassDoc
- @return annotation, Internal Dependencies
- @type annotation, Exploring SassDoc
A
- A List Apart blog, Origins, Origins
- Atomic Design principles, Pattern Libraries
- automated testing (see performance testing)
- averaged baseline, Averaged Baseline
B
- backend development, Origins
- BackstopJS, The Many Faces of Visual Regression Testing
- BEM (Block Element Modifier), BEM Approach, A Modern, Modular Approach
- branches, Development
C
- CasperJS, The Many Faces of Visual Regression Testing, The Testing Tools
- change approval systems, The Many Faces of Visual Regression Testing
- code pillar
- CSS, CSS-Conclusion
- HTML, HTML-Choosing What Is Right for You
- JavaScript, JavaScript-Conclusion
- overview, The Pillars
- purpose of, The Code Pillar
- Red Hat code, Red Hat Code-Semantic Grids
- code-driven documentation, The Documentation Pillar
- commits, Committing Compiled Assets
- Compass, Task Runners
- competitive baseline, Competitive Baseline
- compiled assets, Committing Compiled Assets
- component deliverables, A Standard Set of Deliverables
- component modifiers, Component Modifiers
- component-based diffing, The Many Faces of Visual Regression Testing, The Many Faces of Visual Regression Testing
- components, Cataloging Components
- content strategy, Origins
- context styles, Opt-in Context
- context, opt-in, Opt-in Context-Opt-in Context
- continuous integration (CI), Continuous Integration Server-Why Would You Ever Want to Do This?
- CSS
- adopting techniques, Conclusion
- evolution and trends in, CSS
- modular approach, A Modern, Modular Approach-A Modern, Modular Approach
- principles of, Single Responsibility Principle-Component Modifiers
- specificity and inheritance, Specificity Wars and the Pains of Inheritance
- unit testing, The Many Faces of Visual Regression Testing
- CSS methodologies
- BEM approach, BEM Approach, A Modern, Modular Approach
- OOCSS approach, OOCSS Approach, A Modern, Modular Approach
- selecting, The Many Faces of Modular CSS Methodologies, A Modern, Modular Approach
- SMACSS approach, SMACSS Approach, A Modern, Modular Approach
D
- deliverables, A Standard Set of Deliverables
- dependency bloat, Dependency Bloat
- design guidelines, Cataloging Components-Writing Your Own Rules
- design systems
- context styles, Opt-in Context
- creating rules for, Writing Your Own Rules
- defined, It All Leads to a Design System
- documentation for, The Documentation Pillar, Style Guides
- inconsistent decisions and, Waffling Decision Makers
- inconsistent designs and, Inconsistent Designs
- layout, Breaking the Design Down
- managing change in, Visual Regression in Action-Conclusion
- schema-driven vs. test-driven, Schema-Driven Design System-Moving to the Twig File
- standardizing deliverables with, A Standard Set of Deliverables
- writing requests, Story Writing
- desktop browser-driven testing, The Many Faces of Visual Regression Testing
- diffing tools, The Many Faces of Visual Regression Testing
- Diffux, The Many Faces of Visual Regression Testing
- distribution, Distribution
- distribution channels, Distribution Channels
- documentation
- code-driven, The Documentation Pillar
- defined, The Documentation Pillar
- static, The Documentation Pillar, Conclusion, Stage 1: A Static Style Guide
- documentation pillar
- overview, The Pillars
- pattern libraries, Pattern Libraries-Running Off Atomic Power
- purpose of, The Documentation Pillar
- Red Hat documentation, Red Hat Documentation-Creating Patterns
- style guides, Style Guides-Conclusion
- Dorn, Jeremy, Stage 5: Automating the Creation of New Patterns
- Drupal, Stage 4: Creating a Unified Rendering Engine
F
- feature branches, Development
- files, deliverable, A Standard Set of Deliverables
- Frain, Ben, Opt-in Modifiers
- frontend architecture
- benefits of, Conclusion
- focus areas, A Slow, Powerful Start
- key components of, The Discipline of Frontend Architecture-The Discipline of Frontend Architecture
- origins of, Origins
- overcoming objections to, Adopting an Architectural Process
- pillars of, The Pillars of Frontend Architecture-The Pillars
- frontend workflow
- overview, Frontend Workflow
- provisioning, Provisioning
- story writing, Story Writing
- version control, Spinning Up Local
- Frost, Brad, Pattern Libraries
- functions
- writing reusable, The Unit
- writing testable, Better Testing
G
- Gemini, The Many Faces of Visual Regression Testing
- general documentation, The Documentation Pillar
- Git
- branches, Development
- cloning, Spinning Up Local
- commits, Committing Compiled Assets
- merge conflicts, Committing Compiled Assets
- tagged releases, Tagged Releases
- Grunt
- setting up, Setting Up Grunt
- using with task runners, Going All In with Task Runners
- Grunt PageSpeed, Grunt PageSpeed
- Grunt Perfbudget, Grunt Perfbudget
- GUI-based comparison, The Many Faces of Visual Regression Testing
H
- Halvorson, Kristina, Origins
- Hannemann, Anselm, Setting Up Grunt
- headless browser-driven testing, The Many Faces of Visual Regression Testing
- Hologram
- benefits of, Style Guides
- configuration, Hologram Configuration
- documentation block, Hologram Documentation Block
- overview, The Documentation Pillar
- process, The Hologram Process
- used at Red Hat, Stage 1: A Static Style Guide
- HTML
- adopting modular approach, It All Leads to a Design System
- CSS methodologies, The Many Faces of Modular CSS Methodologies-Choosing What Is Right for You
- modular markup, Striking a Balance Between Control and Automation-Modular Markup: 100% Automation, 100% Control
- procedural vs. static markup, Markup of the Web’s Past-Static Markup: 0% Automation, 100% Control
- HTTP requests, Number of HTTP Requests
- HTTPArchive, Averaged Baseline
- hybrid metrics, Hybrid Metrics
I
- inconsistent designs, Inconsistent Designs
- inheritance, Specificity Wars and the Pains of Inheritance, A Modern, Modular Approach
J
- JavaScript
- best practices, Keeping Your Code Clean
- reusable functions, Create Reusable Functions
- selecting frameworks, Selecting Frameworks
- JSON schema, The Documentation Pillar, Pattern Lab in Action, JSON Schemas
L
- layout design, Breaking the Design Down
- location dependence, Specificity Wars and the Pains of Inheritance, A Modern, Modular Approach, Location-Dependent Nightmare
M
- m.dot websites, Origins
- Marcotte, Ethan, Origins
- Markdown-formatted documentation, The Documentation Pillar, Hologram Conclusion
- markup
- merge conflicts, Committing Compiled Assets
- modifiers, opt-in, Opt-in Modifiers-Opt-in Modifiers
- modular markup, Modular Markup: 100% Automation, 100% Control-Choosing What Is Right for You
- Mustache files, Pattern Lab in Action
N
- number of HTTP requests, Number of HTTP Requests
O
- OOCSS (Object-Oriented CSS), OOCSS Approach, A Modern, Modular Approach
- open source concept, CSS
- opt-in context, Opt-in Context-Opt-in Context
- opt-in modifiers, Opt-in Modifiers-Opt-in Modifiers
P
- package managers, Distribution Channels
- page weights, Page Weight
- page-based diffing, The Many Faces of Visual Regression Testing
- PageSpeed, PageSpeed Score
- Pattern Lab
- Atomic design principles, Going Atomic
- benefits of, The Documentation Pillar, What Is Pattern Lab?, Running Off Atomic Power
- homepage template, Homepage Template
- how it works, Pattern Lab in Action
- initializing, Getting Started with Pattern Lab
- reinvention at Red Hat, Stage 2: We Just Reinvented Pattern Lab-Stage 2: We Just Reinvented Pattern Lab
- variables, Our First Variables
- patterns, automating creation of, Stage 5: Automating the Creation of New Patterns-Creating Patterns
- performance testing
- hybrid metrics, Hybrid Metrics
- overview, Performance Testing
- raw metrics, Raw Metrics-Timing Metrics
- setting a budget for, Setting a Performance Budget-Averaged Baseline
- setting up, Setting Up Performance Tests-Grunt Perfbudget
- timing metrics, Timing Metrics
- PhantomCSS
- overview, The Many Faces of Visual Regression Testing
- tools included, The Testing Tools
- PhantomJS, The Many Faces of Visual Regression Testing, The Testing Tools
- Photoshop, Inconsistent Designs
- procedural markup, Procedural Markup: 100% Automation, 0% Control
- process pillar
- overview, The Pillars
- purpose of, The Process Pillar
- Red Hat process, Red Hat Process-Moving to the Twig File
- task runners, Task Runners-Is There a Clear Winner?
- workflow, Workflow-Distribution Channels
- prototypes, Prototyping, Waffling Decision Makers
- provisioning, Provisioning
Q
- Quixote, The Many Faces of Visual Regression Testing
- QUnit, A Test-Driven Example
R
- Red Hat code
- component design, Cataloging Components
- dependency bloat, Dependency Bloat
- design guidelines, Cataloging Components-Writing Your Own Rules
- layout design, Breaking the Design Down
- location dependence, Location-Dependent Nightmare
- opt-in context, Opt-in Context-Opt-in Context
- opt-in modifiers, Opt-in Modifiers-Opt-in Modifiers
- semantic grids, Semantic Grids-Semantic Grids
- single responsibility principle, Single Responsibility Principle
- single source of truth principle, Single Source of Truth
- Red Hat documentation
- automating new pattern creation, Stage 5: Automating the Creation of New Patterns-Creating Patterns
- pattern library, Stage 2: We Just Reinvented Pattern Lab-Stage 2: We Just Reinvented Pattern Lab
- separating pattern library and style guide, Stage 3: Splitting the Pattern Library from the Style Guide
- static style guide, Stage 1: A Static Style Guide-Stage 1: A Static Style Guide
- unified rendering engine, Stage 4: Creating a Unified Rendering Engine
- Red Hat process
- overview, Red Hat Process
- schema-driven design, Schema-Driven Design System-Moving to the Twig File
- standard deliverables, A Standard Set of Deliverables
- unit testing, Coverage from the Start
- universal rendering engine, Conquering the Last Mile, Stage 4: Creating a Unified Rendering Engine
- Red Hat testing
- code modifications, Making It Our Own
- Grunt set up, Setting Up Grunt
- handling failed tests, What Do We Do with Failing Tests?
- making comparisons, Making a Comparison
- process controls, Place Baselines in Component Folder-Run Each Component Test Suite Individually
- running entire testing suite, Running the Entire Suite
- test file, Our Test File
- test portability, Test Portability
- testing tools, The Testing Tools
- regression testing, visual, Visual Regression Testing-The Many Faces of Visual Regression Testing
- request tickets, Story Writing
- requirements, in development workflow, Requirements
- ResembleJS, The Testing Tools
- responsive web design (RWD)
- reuseable functions, Create Reusable Functions
- Road Runner Rules, The Road Runner Rules-Writing Your Own Rules
S
- SassDoc
- annotation types in, Exploring SassDoc
- benefits of, The Documentation Pillar, SassDoc
- installing, Installing SassDoc
- internal dependencies, Internal Dependencies
- task runners and, Task Runners
- using, Using SassDoc
- schema-driven design, Schema-Driven Design System-Moving to the Twig File
- scope, Specificity Wars and the Pains of Inheritance, A Modern, Modular Approach, Location-Dependent Nightmare
- Selenium, The Many Faces of Visual Regression Testing
- semantic grids, Semantic Grids-Semantic Grids
- single responsibility principle, Single Responsibility Principle, Single Responsibility Principle
- single source of truth principle, Single Source of Truth, Single Source of Truth
- SMACSS (Scalable and Modular Architecture for CSS), SMACSS Approach, A Modern, Modular Approach
- specificity, Specificity Wars and the Pains of Inheritance, A Modern, Modular Approach
- Speed Index, Speed Index
- static documentation, The Documentation Pillar, Conclusion, Stage 1: A Static Style Guide-Stage 1: A Static Style Guide
- static markup, Static Markup: 0% Automation, 100% Control
- story writing, Story Writing
- style guides
- Hologram, Style Guides-Hologram Conclusion
- SassDoc, SassDoc-Internal Dependencies
- Sullivan, Nicole, Stage 1: A Static Style Guide
- system documentation, The Documentation Pillar
T
- tagged releases, Tagged Releases
- task runners, Task Runners-Is There a Clear Winner?
- test-driven design, Schema-Driven Design System
- test-driven development (TDD), Test-Driven Development-A Test-Driven Example, The Many Faces of Visual Regression Testing
- testing pillar
- overview, The Pillars
- performance testing, Performance Testing-Conclusion
- purpose of, The Testing Pillar
- Red Hat testing, Visual Regression in Action-Conclusion
- unit testing, Unit Testing-Coverage from the Start
- visual regression testing, Visual Regression Testing-The Many Faces of Visual Regression Testing
- time to Document Complete, Timing Metrics
- time to first byte (TTFB), Timing Metrics
- time to start render, Timing Metrics
- Twig, Stage 2: We Just Reinvented Pattern Lab
U
- unit tests
- CSS unit testing, The Many Faces of Visual Regression Testing
- determining coverage, How Much Coverage Is Enough?
- overview, Unit Testing
- vs. test-driven development, Test-Driven Development-A Test-Driven Example
- writing testable functions, The Unit
V
- version control
- cloning code to local environments, Spinning Up Local
- committing compiled assets, Committing Compiled Assets
- continuous integration, Continuous Integration Server
- creating feature branches, Development
- package managers for, Distribution Channels
- tagged releases, Tagged Releases
- visual regression testing, Visual Regression Testing-The Many Faces of Visual Regression Testing
- at Red Hat, Visual Regression in Action-Conclusion
W
- waterfall development, The Old Development Workflow
- web design
- WebKit browsers, The Many Faces of Visual Regression Testing
- WebPageTest API, Grunt Perfbudget
- wireframes, The Old Development Workflow
- workflow
- committing compiled assets, Committing Compiled Assets
- continuous integration servers, Continuous Integration Server-Why Would You Ever Want to Do This?
- development, Development-Development
- distribution, Distribution
- distribution channels, Distribution Channels
- frontend, Frontend Workflow-Story Writing
- old vs. new, The Old Development Workflow-Development
- Wraith, The Many Faces of Visual Regression Testing
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.