![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2021” Archive (4)
- Component-Specific Design Tokens (via) · · components, design-tokens
- Reasons Why Bugs Might Feel “Impossible” (by) · · debugging, quality
- Improving the UX of Your Design System (via) · · design-systems, user-experience, optimization
- Extracts From a Private Q&A Retrospective About the WHATWG (by) · · interviews, whatwg
- 10 Utility Functions for Working With Objects in JavaScript (by/via) · · javascript, functions, objects
- Vue.js vs. React—Not Your Usual Comparison (by) · · frameworks, vuejs, react, comparisons
- Using AVIF to Compress Images on Your Site (by/via) · · performance, images, avif, compression
- What Can the HTTP Archive Tell Us About Largest Contentful Paint? (by) · · performance
- An Accessibility Strategy (by) · · accessibility, strategies
- Accessible Overflow (by) · · accessibility, html, css
- A Little Book of Accessibility (by) · · accessibility
- JavaScript: Debouncing and Throttling (by) · · javascript, debouncing, throttling
- Open Source Insights (via) · · websites, foss, dependencies, security, licensing
- CSS System Colors (by) · · css, colors
- Getting Started With a Kanban Board: 6 Tips for Productive Work (by/via) · · introductions, kanban, agile, tips-and-tricks, productivity
- Best Practices for Fonts (by+/via) · · fonts, best-practices, performance
- How to Fix Cumulative Layout Shift (CLS) Issues (by/via) · · how-tos, performance, web-vitals
- CSS for Web Vitals (by+/via) · · css, performance, web-vitals
- Why Accessibility Overlays Hurt More Than Help (by/via) · · accessibility, overlays
- The Hidden World of “aria-hidden” (by) · · accessibility, html
- Embracing Design Constraints (by) · · design
- Thoughts for the Aging Web Developer (by) · · career
- Disabling a Link (by) · · links, css, accessibility
- How to Build an Image Comparison Slider (by) · · how-tos, react, images
- What Makes a Great Component Library? (by) · · components, libraries
- History of Web Browser Engines From 1990 Until Today · · user-agents, engines, history
- Writing Better Regular Expressions in PHP (via) · · php, regex, readability
- A Thorough Analysis of CSS-in-JS (by/via) · · javascript, css, css-in-js
- Accessible Web Forms (by/via) · · videos, accessibility, forms
- Your Design System Is Actually a Product—Treat It Like One (by/via) · · design-systems
- 25 Years of CSS (by) · · css, history
- CSS Container Queries: Use Cases and Migration Strategies (by/via) · · css, container-queries
- Access Guide (by) · · websites, guides, accessibility
- Svelte for the Experienced React Dev (by/via) · · react, svelte
- Professional Development Is a Choice (by) · · career, training
- A11y Audit Bookmarklets (by) · · accessibility, auditing, link-lists, bookmarklets
- Useful and Useless Code Comments (by) · · developer-experience, documentation
- How to Name Your Design System (via) · · how-tos, design-systems, naming
- The New Responsive: Web Design in a Component-Driven World (by/via) · · responsive-design, css, components
- Dark Patterns Tip Line (via) · · websites, dark-patterns, user-experience
- Don’t Overabstract Your Components (by) · · html, javascript, components
- Learn CSS (by/via) · · courses, css
- 2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (by) · · html, css, conformance, quality
- We Need to Talk About WCAG (by/via) · · accessibility, wcag
- Theoretical Foundations for Server-Side Rendering and Static-Rendering (by/via) · · studies, research, server-side-rendering
- The Button Cheat Sheet (by) · · html, cheat-sheets
- Container Queries in Web Components (by) · · css, container-queries, web-components
- Create Scripts in JavaScript With zx (by) · · zx, javascript, automation
- Upgrade Your HTML III (by) · · books, html, minimalism, craft, conformance
- Making Disabled Buttons More Inclusive (by/via) · · css, accessibility
- Building a React Design System for Adoption and Scale (via) · · react, design-systems
- A Complete Guide to Grid (by/via) · · guides, css, layout
- Everything You Need to Know About A/B Testing (via) · · metrics, testing, optimization
- Meet zx: A Better Way to Write Scripts With Node.js (by) · · zx, nodejs
- A Primer on CSS Container Queries (by/via) · · introductions, css, container-queries
- Introduction to Using Dart in Flutter (by/via) · · introductions, dart, flutter
- Web Application Development: The Ultimate Guide (2021) (via) · · guides, web-apps
- Rethinking Component Libraries (by) · · components
- Introduction to HTTP Cookies (by) · · introductions, cookies, javascript
- How to Satisfy User Intent When Considering Search vs. Browse (via) · · how-tos, usability, browsing, searching, comparisons
- Custom Attributes Are Fast Good and Cheap (by) · · css, selectors
- Is Vendor Prefixing Dead? (via) · · css, vendor-extensions
- Overreliance on Overlays Is Counter to Enculturation of Accessibility (by/via) · · accessibility, overlays
- Auditing Design Systems for Accessibility (by/via) · · accessibility, design-systems, quality, auditing
- Using Hotwire to Build a Search Form With Minimal JavaScript (by) · · hotwire, forms, searching, functionality
- Immersive Content Strategy (by/via) · · content, strategies, user-experience
- Better Onboarding: How to Prevent Codebase Overwhelm (via) · · how-tos, onboarding
- Designing Adaptive Components, Beyond Responsive Breakpoints (by/via) · · videos, components, responsive-design
- Understanding Design Systems—Designing Component APIs (via) · · design-systems, components, apis
- Level Up Your Team Workflows With These Kanban Board Best Practices (by/via) · · agile, kanban, best-practices
- Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (by/via) · · css, custom-properties, engines, webkit
- 21 Best Practices for a Clean React Project (by) · · best-practices, quality, react
- A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (by/via) · · guides, css, selectors, support
- Do You Need to Localize Your Website? (by/via) · · content, localization, strategies
- Engineer to Engineer: Don’t Be Afraid to Rock the Boat (via) · · interviews, career
- 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (by) · · career
- Intrinsic Typography Is the Future of Styling Text on the Web (by/via) · · typography, css
- Five Reasons Your First Design System Will Fail (via) · · design-systems
- Content-Aware Image Resizing in JavaScript (by) · · javascript, images, resizing
- What Is DevOps? A Comprehensive Introduction (by/via) · · introductions, dev-ops
- CSS Hell (by) · · websites, css
- Fifteen Design Trends From an Accessibility Perspective (by) · · accessibility, design, trends
- The 5 Most Popular Front-End Frameworks Compared (by/via) · · frameworks, comparisons, react, angular, vuejs, svelte, emberjs
- Variable Scope, Lexical Scope, and Code Blocks in JavaScript (by) · · javascript, scope
- Web Developer’s Guide to AVIF Images (by) · · guides, images, avif
- Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (via) · · accessibility, wcag
- Understanding Logical Focus Order (by) · · accessibility, focus, html
- Comparing the New Generation of Build Tools (by/via) · · tooling, building, bundling, comparisons
- Write a Plugin for Tailwind CSS (by/via) · · tailwind, plugins
- Getting Started With Preact (by) · · introductions, preact
- Building an Accessibility Library (by/via) · · accessibility, processes
- Defining a Strategy for Accessibility (by) · · accessibility, strategies
- Sentence Case versus Title Case (by) · · accessibility, writing, headings
- Using Design Tokens to Accelerate Design Systems (by/via) · · design-systems, design-tokens, css
- Code in Quarantine (by) · · quality, maintenance
- 5 Things I’m Thinking About When I Check a Pull Request for Accessibility (by) · · code-reviews, accessibility
- How to Build a Developer Blog With Gatsby and MDX (by/via) · · how-tos, gatsby, blogging
- Primitive Values, Objects, and References in JavaScript Made Simple (by) · · javascript, objects
- Why Should We Care About Developer Experience (DX) (via) · · developer-experience
- Not Your Typical Horizontal Rules (by) · · html, semantics
- Human-Readable JavaScript: A Tale of Two Experts (by/via) · · javascript, maintainability
- Why Skip-Links Are Important for Accessibility (via) · · accessibility, links
- How to Build a Great Developer Experience (by/via) · · how-tos, developer-experience
- Taming Blend Modes: “difference” and “exclusion” (by/via) · · css, blend-modes
- Git Maintenance (by) · · git, maintenance
- React vs. Vue in 2021: Best JavaScript Framework (by/via) · · frameworks, vuejs, react, comparisons
- “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (by) · · css, animations, accessibility
- Why Your Website Should Work Without JavaScript · · accessibility, javascript, support, graceful-degradation
- The 5-Hour CDN (by/via) · · performance, content-delivery
- A Year of Transformation: The Web and the World (via) · · w3c, web, commemoration-days
- Minimalism Is Boring (by) · · design, minimalism
- A Comprehensive Guide to JavaScript Design Patterns (via) · · guides, javascript, software-design-patterns
- Comparing Svelte and React (by) · · svelte, react, comparisons
- Beyond “console.log()”—Level Up Your Debugging Skills (by/via) · · javascript, console, debugging
- JavaScript: What Is the Meaning of “this”? (by/via) · · javascript
- You Want Enabling CSS Selectors, Not Disabling Ones (by) · · css, selectors
- Enforce, Enable, and Empower (by) · · design-systems
- How to Get a Dysfunctional Team Back on Track (by/via) · · leadership, culture, collaboration
- Semantic Versioning Will Not Save You (by) · · versioning
- Measuring Web Performance in Mobile Safari (by) · · performance, testing, mobile, user-agents, apple, safari
- The Future of Web Software Is HTML-over-WebSockets (by/via) · · visions, html, websocket
- Introduction to ARIA Live Regions (by) · · introductions, accessibility, aria, live-regions
- How to Use PostCSS as a Configurable Alternative to Sass (by/via) · · how-tos, postcss, sass, tooling
- Automating the Accessibility Tests of Your Source Code With GitHub Actions (by) · · accessibility, testing, automation, github
- Hello World (via) · · frontend-dogma
- Managing CSS Colors Systems With a Single Source of Truth (via) · · css, colors, maintainability
- Understanding Z-Index in CSS (by) · · css
- Front-of-the-Front-End and Back-of-the-Front-End Web Development (by) · · career
- How to Test the Accessibility of Your Components With Storybook (by) · · how-tos, accessibility, components, storybook
- The Significance of Building Offline-First Apps (by) · · offline, web-apps
- Seven Myths About Alt Text (by) · · accessibility, alt-text, myths
- The Never-Ending Job of Selling Design Systems (by/via) · · design-systems
- Revisiting Dark Patterns With the HTML “dialog” Tag (by) · · modals, html, javascript
- 10 Principles of the Best Landing Page Design (via) · · principles, design, landing-pages
- Practical Guide to XHTML · · guides, xhtml
- 9 Vital Qualities Every Developer Should Possess (via) · · career
- 5 Tips for Your Next Promotion or Salary Raise (by) · · career
- One Figma Component—3,360 Variants (via) · · components, figma
- Hotwire: HTML Over the Wire (by) · · hotwire
- How to Use WordPress as a Headless CMS for Eleventy (by/via) · · how-tos, wordpress, eleventy, content-management, headless
- Uniwidth Typefaces for Interface Design (by/via) · · typography, fonts
- JavaScript Obfuscation: What, Why, and How? (via) · · javascript, obfuscation
- Building a Consistent Platform (via) · · design-systems
- Svelte 3: A Radical Compiler-Based JavaScript Framework (by/via) · · svelte
- The Dos and Don’ts of Code Reviews (via) · · code-reviews, quality, learning
- In Critical Defense of Frontend Development (by) · · quality
- The Definitive Guide to Feature Management (via) · · guides, feature-management, releasing
- HTML: The 16 Content Categories and Their Elements (by) · · html, semantics
- How Does CSS Work? (by) · · css
- Laravel and Hotwire Intro (by) · · introductions, laravel, hotwire
- Popup Problems (via) · · videos, pop-ups, modals, usability