![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2022” Archive (8)
- What Is Responsible JavaScript? (by+/via) · · podcasts, javascript
- Turning the Tables on Accessibility (via) · · accessibility
- The Case for Adding Validation State to Your Design Tokens (by) · · design-tokens, validation
- Support for Marking Radio Buttons Required, Invalid (by) · · accessibility, html
- SPAs Were a Mistake (by) · · spas, mistakes
- Reliably Send an HTTP Request as a User Leaves a Page (by/via) · · http
- Inclusive Design vs. Accessible Design: Understanding the Differences (via) · · accessibility, dei, design, comparisons
- How to Prioritize Your Components (by/via) · · how-tos, design-systems, components, prioritization
- Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results (by) · · images, favicons, google, seo
- Design Systems in Figma: How to Be More Productive (by/via) · · how-tos, design-systems, figma, productivity
- Writing Logic in CSS (by) · · css
- Let’s Get Inclusive: Designing Products for Everyone (via) · · design, dei
- How Websites Die (by) · · web, link-rot
- Design System: How to Successfully Collaborate? (via) · · how-tos, design-systems, collaboration
- CSS Quick Tip: Animating in a Newly Added Element (by) · · css, animations, tips-and-tricks
- A Complete Guide to CSS Cascade Layers (by/via) · · guides, css, cascade
- Minimizing Google Fonts by Only Loading It for Certain Characters (by) · · typography, google, fonts, performance, minimalism
- Invisible Characters (by) · · websites, unicode
- Column Headers and Browser Support (by) · · accessibility, html, semantics
- You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (by) · · javascript
- There Is No Character Limit for “Alt Text” (by) · · accessibility, html, alt-text
- React State Management Libraries in 2022 (by) · · react, state-management, libraries
- Using “mask” as “clip-path” (by) · · svg, css, masking
- Structuring Documentation in Multi-Brand Design Systems (by) · · design-systems, documentation
- JavaScript Obfuscation: The Definitive Guide (2022) (via) · · guides, javascript, obfuscation
- Core Web Vitals: What Next? (by/via) · · performance, web-vitals, seo
- Comparing Node JavaScript to JavaScript in the Browser (by/via) · · javascript, nodejs, user-agents, comparisons
- What Makes Writing More Readable? (by+/via) · · writing, readability
- Web Developers and Cognitive Biases (by) · · productivity, career
- How to Create a Search Page for a Static Website With Vanilla JS (by) · · how-tos, functionality, searching, html, javascript
- How To: Correctly Test for Python’s Version (by) · · how-tos, python, testing, versioning
- Flexbox Dynamic Line Separator (by) · · css
- What Is the Difference Between WCAG Compliance Level A, AA, and AAA? (via) · · accessibility, wcag, compliance
- Track Down the JavaScript Code Responsible for Polluting the Global Scope (by) · · javascript, scope
- The State of JavaScript 2021 (by/via) · · surveys, javascript
- The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” (by) · · javascript, fundamentals, career
- An Auto-Filling CSS Grid With Max Columns of a Minimum Size (by/via) · · css, layout
- 7 Lessons I’ve Learned in the Last Year as a Software Engineer (by/via) · · lessons, career
- Version 100 in Chrome and Firefox (via) · · user-agents, support, google, chrome, mozilla, firefox
- The Basics of package.json (by+/via) · · fundamentals, nodejs, dependencies, npm, yarn
- Never, Ever, Ever Use Pixelation for Redacting Text (by/via) · · content, images, obfuscation, security
- Foundations: Colour and Meaning (by/via) · · accessibility, colors
- Colors That Make Sense (by/via) · · accessibility, semantics, colors
- 10 Mental Models Developers Can Use to Get Unstuck (by/via) · · productivity
- WCAG 2.2 Update (via) · · accessibility, wcag
- 7 Killer One-Liners in JavaScript (by) · · javascript
- The Entire Cascade (as a Funnel) (by) · · code-pens, css, cascade
- Functions and the Future of Design Systems (by) · · design-systems
- Why Radio Buttons Are Called Radio Buttons in UIs? (by) · · html, semantics, naming
- WebDex: Web Specs Index (by) · · websites, terminology, standards
- Using the Language Attribute to Make Your Website Accessible (by) · · accessibility, localization, internationalization
- Multi-Value CSS Properties With Optional Custom Property Values (by/via) · · css, custom-properties
- Hello, CSS Cascade Layers (by) · · css, cascade
- Moving From JavaScript to TypeScript (by) · · javascript, typescript
- How to Keep Your Repo Package Dependencies Up to Date Automatically (by) · · how-tos, dependencies, tooling
- What I Learned Implementing a Design System for an Existing Product (via) · · design-systems, lessons
- The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (by/via) · · performance, compression, brotli, gzip
- Only 2% of Sites Meet Accessibility Standards—Let’s Change That (via) · · accessibility
- MHTML in Chromium (by) · · html, user-agents
- How to Make CSS Slanted Containers (by/via) · · how-tos, css
- How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (via) · · design, layout, content
- Everything Publishers Need to Know About URLs (by) · · seo, urls, naming
- Building an Adaptive Favicon (by/via) · · images, favicons
- Accessibility Monitoring: How We Test (via) · · accessibility, monitoring, testing, case-studies
- This Is Why Your Node.js Application Is Slow (by) · · performance, nodejs
- Replace JavaScript Dialogs With the New HTML Dialog Element (by/via) · · modals, html, semantics
- New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (by) · · javascript, events
- Move Over JavaScript: Back-End Languages Are Coming to the Front-End (by/via) · · javascript
- Developing a Focus Style for a Themable Design System (by/via) · · accessibility, design-systems, theming, focus
- Debugging JavaScript (by) · · javascript, debugging
- Aspect Ratio Is Great (by/via) · · css, layout
- Modern, Single-Page Web Design: UX Design Trends and Tips (by/via) · · design, user-experience, trends
- Introducing the Dialog Element (by/via) · · introductions, html, modals
- How to Favicon in 2022: Six Files That Fit Most Needs (by/via) · · how-tos, images, favicons
- Do We Need Screen Reader for Accessibility Testing (by/via) · · accessibility, testing, user-agents, assistive-tech, screen-readers
- CSS Animations Tutorial: Complete Guide for Beginners (via) · · tutorials, guides, css, animations
- Creating Generative SVG Grids (by/via) · · javascript, svg
- Accessibility Testing Best Practices in CI/CD (via) · · accessibility, testing, ci-cd, best-practices
- UX and User Personas: How to Get It Right (by/via) · · user-experience, usability, personas
- How to Use the Accessibility Tree for A11Y Testing · · how-tos, accessibility, testing
- How to Create a UX Vision Statement (by/via) · · how-tos, user-experience
- Are We Live? (by) · · accessibility, aria
- What Web Frameworks Solve: The Vanilla Alternative (by/via) · · frameworks, javascript, react
- Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements (via) · · accessibility, conformance, testing
- Foundations: Colour Contrast (by/via) · · accessibility, colors, contrast
- Design System Versioning: Single Library or Individual Components? (by) · · design-systems, versioning
- Custom Markdown Components in 11ty (by) · · eleventy, markdown, functionality
- Why Efficient Hydration in JavaScript Frameworks Is So Challenging (by/via) · · javascript, frameworks, hydration
- The Impact of Motion Animation on Cognitive Disability (via) · · accessibility, css, javascript
- Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (by/via) · · social-media, embed-code, sustainability, performance
- No Accessibility Without Disabilities (by) · · accessibility, user-experience
- 8 Key Elements for Creating a Culture of Accessibility (via) · · accessibility, culture
- State of Frontend 2022 (via) · · surveys
- Settings Are Not a Design Failure (by/via) · · design, usability, user-experience
- Improving JavaScript Bundle Performance With Code-Splitting (by/via) · · javascript, performance, bundling, code-splitting, optimization
- Grow Your Design System From Good to Great (by) · · design-systems
- Assistive Technology, Accessible Technology, and the Accessibility Tree (by/via) · · accessibility, user-agents, assistive-tech, screen-readers, tooling
- Website Themes and Color Schemes (by) · · design, theming, colors, color-palettes
- Structuring Your Storybook (by/via) · · storybook
- “Evergreen” Does Not Mean Immediately Available (by/via) · · user-agents
- CSS—Understanding the Cascade (by/via) · · videos, css, cascade
- Cascade Layers Are Coming to Your Browser (by/via) · · css, cascade, user-agents, support
- Career Advice Nobody Gave Me: Never Ignore a Recruiter (by/via) · · career
- Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus (by/via) · · guides, design, usability
- 24 Lesser-Known HTML Attributes You May Want to Use (by) · · html
- 5 Pitfalls of Using Micro Frontends and How to Avoid Them (by/via) · · micro-frontends
- Use Cases for CSS “fit-content” (by) · · css
- The Focus-Indicated Pseudo-Class “:focus-visible” (by/via) · · css, selectors, focus
- Speed Matters, but It Isn’t Everything (by/via) · · performance, user-experience, metrics
- Preventing Smooth Scrolling With JavaScript (by) · · javascript, scrolling
- Learn Responsive Design (by/via) · · courses, responsive-design
- Accessibly Insecure (by/via) · · accessibility, security
- A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (by) · · javascript
- 4 Questions to Ask Before Using ARIA (via) · · accessibility, aria, semantics, testing
- Inclusive Design (by/via) · · design, dei
- Why You Should Use a Developer Font (by) · · fonts, typography, productivity
- Why Testing After Is a Bad Practice (by) · · testing
- What Web Frameworks Solve and How to Do Without Them (by/via) · · frameworks, react, svelte
- WCAG, but in Language I Can Understand (by) · · accessibility, wcag
- Internal Onboarding for Design System Teams (by) · · design-systems, onboarding
- How Does “!important” Actually Work? (by) · · videos, css, cascade
- Cascade Layers: First Contact (by) · · css, cascade
- WebAssembly Feature Detection (by/via) · · webassembly, feature-detection, support
- Top Ten Most Common Web Accessibility Issues (via) · · accessibility
- To Create an Excellent Design System, Treat It Like a Collaborative Process (via) · · design-systems, processes, collaboration
- There’s No Such Thing as Clean Code (by) · · developer-experience, quality
- Naming Design Tokens (by/via) · · design-tokens, naming
- Demystifying TypeScript Discriminated Unions (by/via) · · typescript
- Cherry Picking Commits in Git (by) · · git, command-line
- Caching Header Best Practices (by) · · performance, caching, best-practices
- A Pipe Operator for JavaScript: Introduction and Use Cases (by) · · introductions, javascript, operators
- What’s New in DevTools? (by/via) · · dev-tools, user-agents, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
- The Return of Server Side Routing (by/via) · · routing
- The Double-Assignment Pattern in jQuery’s Source Code (by) · · jquery, javascript
- The Baseline for Web Development in 2022 (by/via) · · user-agents, support, web-platform, libraries, frameworks, comparisons
- Overview of Accessibility Testing Using DevTools (by+/via) · · overviews, dev-tools, accessibility, testing, user-agents, microsoft, edge
- How to Convert Markdown to HTML (by/via) · · how-tos, markdown, html, conversion
- Fancy CSS Borders Using Masks (by/via) · · css, borders, decoration, masking
- Design System: How to Efficiently Scale Development? (via) · · how-tos, design-systems, scaling
- Here’s What I Didn’t Know About “:where()” (by) · · css, selectors
- Why Don’t Developers Take Accessibility Seriously? (by/via) · · accessibility
- The Risks and Rewards of App Modernization (by/via) · · maintenance, modernization, quality
- Monorepo Explained (via) · · websites, monorepos
- Foundations: Text Descriptions (by/via) · · accessibility, writing
- Best Practices for Creating Your UX Design Portfolio (by/via) · · user-experience, design, career, best-practices
- An Introduction to CSS Cascade Layers (by/via) · · introductions, css, cascade
- More to Give Than Just the Div: Semantics and How to Get Them Right (by) · · html, semantics, accessibility
- Drift: Why Your Design System Isn’t Working (by/via) · · design-systems, design-debt
- The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (by) · · javascript
- Technology Time-Outs (via) · · processes, productivity
- How to Check What Item Is in Focus When Accessibility Testing · · how-tos, accessibility, testing, focus
- Deploying Web Applications With GitHub Actions (by/via) · · deploying, web-apps, github
- Context-Aware Web Components Are Easier Than You Think (by/via) · · web-components, html, javascript
- The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” (by/via) · · css, at-rules, support
- Optimize Your PNGs With Oxipng and pre-commit (by) · · images, png, performance, compression, tooling
- Frontend Predictions for 2022 (by) · · visions, micro-frontends, tech-stacks, jamstack, progressive-enhancement
- Div Divisiveness (by) · · html, semantics
- Big Images, Blazingly Fast (by/via) · · performance, images, quality
- Accessibility Acceptance Criteria (via) · · websites, accessibility, testing, components
- What Should Someone Learn About CSS if They Last Boned Up During CSS3? (by/via) · · css
- The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (by/via) · · responsive-design, css
- How to Set Up a Node.js Project With TypeScript (by/via) · · how-tos, nodejs, typescript
- How to Avoid Layout Shifts Caused by Web Fonts (by) · · how-tos, performance, user-experience, fonts
- Giving Web Standards a Seat at the Table (by) · · standards, history
- Design Systems Are Flawed (by/via) · · design-systems
- Create an Open Graph Image Generator With Node.js (by/via) · · nodejs, open-graph, images
- An Introduction to High Contrast Accessibility (by) · · introductions, accessibility, colors, contrast
- Using PostCSS With Media Queries Level 4 (via) · · postcss, media-queries, css
- TypeScript Features to Avoid (via) · · typescript
- Quick Accessibility Tests Anyone Can Do (via) · · accessibility, user-experience, testing
- Naming Conventions for Your Design System (by/via) · · design-systems, naming, conventions
- Making IT Accessible for All! (by) · · videos, accessibility
- Building UI Components With SVG and CSS (by) · · components, svg, css
- Becoming a Better Writer as a Software Engineer (by) · · writing, career
- The Real Added Costs of Accessibility (by) · · accessibility, economics
- Rethinking Component Libraries (by) · · components
- On the Peculiarities of Counting the Number of HTML Elements (by) · · html
- Modern Fluid Typography Using CSS Clamp (by/via) · · css, typography
- Frontend Challenges: Front-End Engineer Assignment (by) · · react, javascript, typescript, training
- Find HTML Parsing Errors (by/via) · · user-agents, dev-tools, html, parsing, quality
- Comparing CSS Specificity Values (by) · · css, selectors, cascade
- “structuredClone()”: Deeply Copying Objects in JavaScript (by) · · javascript, objects
- Choosing Open Source License Wisely (by) · · foss, licensing
- CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (by) · · videos, overviews, css, cascade, at-rules
- Accessibility Data Is Not the Enemy (by/via) · · accessibility, metrics
- Rationalise It! 5 Steps to Introduce a New Component to the Design System (by/via) · · design-systems, components
- Git Organized: A Better Git Flow (by/via) · · git, command-line, processes
- CSS Conditional Rules Module Level 3 (by+/via) · · css, at-rules
- Building an Accessible Digital World (by/via) · · accessibility
- Accessibility and 2022: 13 Design Trends From a Usability Perspective (by/via) · · accessibility, design, trends, usability
- Website Performance and the Planet (by/via) · · performance, sustainability, caching
- Web Accessibility Lawsuits Dramatically Rose in 2021 (via) · · accessibility, conformance, legal
- Boolean Attributes in HTML and ARIA: What’s the Difference? (by) · · html, aria
- An Introduction to Tech Debt (and Why It Can Change Your Career) (by) · · introductions, technical-debt, career
- Software Is Automating Design—What Does That Mean for Designers? (by/via) · · design, automation
- Social Media Image Sizes 2022: Cheat Sheet for Every Network (by+/via) · · cheat-sheets, social-media, images
- Revisiting Why Hyperlinks Are Blue (via) · · design, links
- Remix vs. Next.js (via) · · remix, nextjs, comparisons
- PHP in 2022 (by) · · php
- Make Beautiful Gradients (by) · · css, gradients
- Writing With Respect (by/via) · · writing
- HTML Is General, ARIA Is Specific (by) · · html, aria
- How Not to Learn TypeScript (by) · · typescript
- Foundations: Animations and Flashing Content (by/via) · · accessibility, animations
- Don’t Fight the Cascade, Control It! (by/via) · · css, cascade
- Alt Tag Emptiness (by) · · accessibility, html, images, alt-text, aria
- A Deep CSS Dive Into Radial and Conic Gradients (by/via) · · css, gradients
- Memory Leaks, How to Avoid Them in a React App (by) · · how-tos, memory, react
- Your CSS Reset Needs “text-size-adjust” (Probably) (by) · · css, resetting
- Two Ways to Clear an Array With Vanilla JavaScript (by) · · javascript, arrays
- Ban Embed Codes (by) · · embed-code
- 22 Smart Google SEO Tips for 2022 (by/via) · · seo, google, tips-and-tricks
- Reduce the Pressure on Young and Inexperienced Developers (by) · · career, training
- Labeling the Point: Scenarios of Label Misuse in WCAG (by/via) · · accessibility, wcag, html
- How to Measure Your Design System? (by/via) · · how-tos, design-systems, metrics
- Memory Leaks: The Forgotten Side of Web Performance (by) · · performance, memory
- The Good, the Bad, and the Toggle (by/via) · · design, forms
- The 6 Most Important CSS Concepts for Beginners (by) · · videos, css
- Styling Strategies Using Typography · · typography
- CSS Underlines Are Too Thin and Too Low in Chrome (by/via) · · css, user-agents, google, chrome
- 30 Frontend Tips (by) · · career, tips-and-tricks
- The Web Doesn’t Have Version Numbers (by) · · versioning, web
- Responsive Image Gallery With Animated Captions (by) · · images, css, animations, responsive-design, examples
- Imperative vs. Declarative Programming (via) · · videos, programming, comparisons
- Fetch Commit Logs of Certain Function or Method in Git (by) · · git, command-line
- Accessible Heading Structure (by/via) · · accessibility, html, headings
- 8 Techniques to Write Cleaner JavaScript Code (by) · · javascript
- How Flexbox Works (by) · · css, layout
- Five 2022 Accessibility Trends (via) · · accessibility, trends
- A Contrast of Errors · · accessibility, wcag, colors, contrast