![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2022” Archive (6)
- Customizing Color Fonts on the Web (by+/via) · · fonts, colors, customization
- Inclusive Design 101 (by/via) · · dei, design
- Advocating for Your Design System (by/via) · · design-systems, advocacy
- How to Position Your Design System Team for Success (by/via) · · how-tos, design-systems, collaboration, productivity
- Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks (by/via) · · javascript, npm, dependencies, security
- Four Tradeoffs When Designing Navigation Menus (by/via) · · design, navigation
- A Guide to Writing Industry Standard Git Commit Messages · · guides, git, conventions, documentation
- An Introduction to the Tailwind CSS and Atomic CSS (by) · · introductions, tailwind, atomic-css, comparisons
- Dialog Components: Go Native HTML or Roll Your Own? (by/via) · · modals, components, accessibility
- Lesser-Known and Underused CSS Features in 2022 (by/via) · · css
- 5 Things I’d Want to See Improved in WordPress Core (by/via) · · wordpress
- 15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (by/via) · · agile, scrum, processes, anti-patterns
- Accessibility From Different Perspectives (by) · · accessibility
- The Balance Has Shifted Away From SPAs (by) · · spas
- Fun With CSS Combinators (by) · · css, selectors
- Triaging WCAG 2.1 Level AAA (by/via) · · accessibility, wcag, standards
- First Look at the CSS “object-view-box” Property (by) · · css
- What We Can Learn From Remix (by/via) · · remix, frameworks
- Use “@ supports” At-Rule for Feature Detection in CSS (by/via) · · videos, css, at-rules, feature-detection, support
- Web Development === Accessibility (by) · · accessibility
- React Hooks Best Practices in 2022 (by) · · react, hooks
- 4 Web Accessibility Remediation Mistakes to Avoid (via) · · accessibility, mistakes
- Automate Accessibility Tests With Storybook (by/via) · · accessibility, testing, automation, storybook
- Web Accessibility Is Broken—It’s Time to Fix It (by) · · videos, accessibility
- Thinking Colors: Balancing Between Visual and Abstract (by/via) · · colors
- The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure (by/via) · · interviews, accessibility, leadership, culture, metrics
- React Accessibility Resources (by) · · react, accessibility, link-lists
- Patterns (via) · · design-patterns, aria, best-practices
- Let’s Make Accessibility Boring Again (by/via) · · accessibility
- Accessibility Not-Checklist (via) · · websites, accessibility, checklists
- Building a Button Component (by/via) · · components, html, css, javascript, buttons
- Quick and Dirty Text Diffing (by) · · tooling
- RFC 9239: Updates to ECMAScript Media Types (by) · · javascript, mime-types
- How to Ask for a Promotion (by/via) · · how-tos, career
- Conditionally Loading CSS or Any Resource Using Media Queries (by) · · html, media-queries, performance
- The Rise and Fall of Neumorphism (by/via) · · design
- UI and UX Micro-Tips (by/via) · · user-experience, forms, tips-and-tricks
- WCAG 2.2 and WCAG 3 Status Updates · · accessibility, wcag, standards
- The Modern Way to Create and Host a WordPress Site (by/via) · · content-management, wordpress, hosting
- The Forgotten Benefits of “Low Tech” User Interfaces (via) · · usability
- Reduce Array of Objects to an Object in JavaScript (by) · · javascript, arrays, objects
- How the HTML “lang” Attribute Helps Accessibility (via) · · accessibility, html, localization
- 9 Ways to Design Inclusive Content (by/via) · · content, dei
- Peering Into the Accessibility of Dark Mode (by/via) · · accessibility, dark-mode
- :where() :is() :has()? New CSS Selectors That Make Your Life Easier (by/via) · · css, selectors
- Quick Tip: You Might Not Need “calc()” (by/via) · · css, tips-and-tricks
- Building a Design System With Eleventy (by) · · design-systems, eleventy
- Web Applications 101 (by) · · web-apps, concepts
- Unpack Arrays Conditionally in PHP (by) · · php, arrays
- Unexpectedly HTTPS? (by) · · http, security
- The Era of Rebellious Web Design Is Here (by/via) · · design
- Rethinking Server-Timing as a Critical Monitoring Tool (by/via) · · performance, http, metrics, monitoring
- Color Alignment for Multiple Design Systems (via) · · design-systems, colors
- An Affordable Work-from-Home Setup for Remote Workers (via) · · productivity
- 24×24 Pixel Cursor Bookmarklet (by) · · accessibility, wcag, testing, bookmarklets
- Personas vs. Archetypes (by/via) · · usability, user-experience, personas, testing, comparisons
- More Common Accessibility Issues That You Can Fix Today (by) · · accessibility
- Call to Action Examples (by) · · websites, writing, buttons, examples
- Keyboard Testing: The A11y Enhancement to Your Definition of Done (by) · · accessibility, keyboard-navigation, testing
- Does JavaScript Make My Site Less Accessible? (via) · · accessibility, javascript, wcag
- Cool Hover Effects That Use CSS Text Shadow (by/via) · · css, effects
- Don’t Fight the Browser Preload Scanner (by/via) · · user-agents, html, parsing, performance
- Master the “:nth-child()” Pseudo-Class (by/via) · · videos, css, selectors
- A Designer’s Journey of Ignorance, Resentment, and Wisdom (by/via) · · design
- How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (by/via) · · how-tos, performance, google, metrics, javascript, frameworks
- Light and Dark Mode in Just 14 Lines of CSS (by) · · css, dark-mode
- Debugging Accessibility With Chrome DevTools (by/via) · · videos, dev-tools, accessibility, debugging, user-agents, google, chrome
- Bringing Page Transitions to the Web (by/via) · · videos, css, transitions
- W3C TAG Ethical Web Principles (by+/via) · · ethics, principles, w3c
- Tokens as Intents (by/via) · · design-tokens, naming, typography
- XHTML Syntax Is Still Worth Using (by) · · xhtml, html
- How to Learn JavaScript Fast: Six Simple Mind Tricks (by/via) · · how-tos, javascript, tips-and-tricks, learning
- State of CSS 2022 (by/via) · · css
- Bridging the Gap (by/via) · · css, support
- Why WCAG 2.2 Is Still in the Oven (via) · · accessibility, wcag
- On Design Thinking (by) · · design
- Divs Are Bad! (by) · · html, semantics
- Designing for Web Accessibility in 60 Seconds (by) · · accessibility
- The Complete Modern React Developer 2022 (by) · · react
- You Don’t Need “void 0” (by/via) · · javascript
- Two Approaches to Accessibility on the Web (by) · · accessibility, automation
- Under the Hood: React vs. Vue vs. Svelte (via) · · frameworks, react, vuejs, svelte, comparisons
- Magical SVG Techniques (via) · · svg, images, techniques
- Cron Jobs: A Comprehensive Guide (by/via) · · guides, cron, automation
- Learn HTML [and] CSS (by) · · websites, courses, html, css
- A Different View Into Accessibility Overlays (via) · · accessibility, overlays, testing, documentation, auditing
- Reinventing W3C Governance (by) · · standards, w3c
- Why SEO Is a Great Investment, Not Just a Cost (by/via) · · seo, economics
- Understanding User Behaviors Across Surfaces (via) · · usability
- The Road to Universal JavaScript (by) · · javascript
- “Someone Should Build X for the Web”—Why Not You? (by) · · github
- Performance Game Changer: Browser Back/Forward Cache (by/via) · · user-agents, caching, performance, web-vitals
- Frontend Versus Backend Web Development (via) · · comparisons
- A Management Maturity Model for Performance (by) · · performance
- What’s Your Heading? (by) · · accessibility, html, headings, semantics
- My Opinion on What Makes a Good Code Review (by) · · code-reviews, productivity
- Scaling CSS Layout Beyond Pixels (by/via) · · videos, css, layout
- Top 2021 CSS Frameworks Report: Validation (by/via) · · studies, research, frameworks, css, conformance, quality
- How to Use the GitHub Pulls API to Manage Pull Requests (by/via) · · how-tos, github, apis
- Learn CSS Subgrid (by) · · css, design
- Fetch API Is [the] New Old Version of AJAX (by) · · javascript, data-fetching, apis, ajax
- Please, Stop Disabling Zoom (by) · · accessibility, zooming, html
- Resilience, Flexibility, and Immediacy: Working With Headless Systems (by/via) · · headless, principles, resilience
- How to Use Videos With Alpha Transparency on the Web (by) · · how-tos, html, effects
- Master Higher-Order Functions in JavaScript (by/via) · · javascript, functions
- 12 Modern CSS Techniques for Older CSS Problems (by/via) · · css, techniques, optimization
- Practical Use Cases for “:has()” Pseudo-Class (by/via) · · videos, css, selectors
- Get to Know Your Browser’s Performance Profiler (by) · · user-agents, tooling, performance
- A Guide to Writing About Digital Accessibility (by/via) · · guides, writing, accessibility
- JavaScript Containers (by) · · javascript, visions
- The Evolution of WCAG: A Postcard From the Front Lines (by/via) · · accessibility, wcag, standards, history
- Nail Your Website Redesign in 2022—Tips and Tricks (by/via) · · videos, redesign, tips-and-tricks
- Design Patterns: How to Create Simple Interfaces (via) · · how-tos, design, design-patterns
- Designing a Better Language Selector (by/via) · · design, usability, internationalization, localization
- How Not to Do Accessible Design (by/via) · · accessibility, design, colors
- Developing a Low-Touch Adoption Strategy for a New Design System (by/via) · · user-experience, design-systems
- It’s Time We Fix the Unethical Design of Cookie Consent Windows (by/via) · · design, ethics, cookies, consent-management, legal
- 5 Simple Productivity Tips for Developers (via) · · productivity, tips-and-tricks
- Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (by/via) · · user-agents, desktop, microsoft, edge, apple, safari, metrics, comparisons
- How to Create a Color Palette for Your Design System (via) · · how-tos, design-systems, colors, color-palettes
- Legibility—How and Why Typography Affects Ease of Reading · · websites, books, typography, legibility
- You Don’t Need a UI Framework (by/via) · · frameworks, css, tooling
- Why I Don’t Miss React: A Story About Using the Platform (by) · · react
- Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (by) · · monorepos, dependencies, comparisons, nodejs
- In Defence of the Single Page Application (by) · · spas
- Contextual Spacing for Intrinsic Web Design (by) · · design, css, spacing
- Deep Dive Into Text Wrapping and Word Breaking (by) · · css, typography
- Creating Realistic Reflections With CSS (by/via) · · css, effects
- Writing Better CSS (by/via) · · css, quality, sorting
- If Design Principles Are for Designs, Then Design Values Are for Designers (via) · · design, principles
- Ethical Design Network (by) · · websites, design, ethics
- 8 JavaScript Quiz [Questions] That May Confuse You (via) · · javascript, interviewing
- Under-Engineered Multi-Selects (by) · · accessibility, html, aria
- Design System Documentation Best Practices (by/via) · · design-systems, documentation, best-practices
- How to Reduce Figma Memory Usage (via) · · how-tos, figma
- Creating a Firework Effect With CSS (by) · · css, effects
- How Web Browsers Work: Parsing the CSS · · user-agents, css, parsing
- Foundations: Lists (by/via) · · html, accessibility
- Server-Side vs. Client-Side Analytics (by) · · analytics, metrics, comparisons
- Introducing “inert” (by/via) · · html, accessibility, introductions
- CTA Modal: How to Build a Web Component (by/via) · · how-tos, web-components, javascript, modals
- How to Build Node.js REST API With MySQL · · how-tos, nodejs, apis, databases, mysql
- Common Frontend Interview Questions I’ve Been Asked · · interviewing, html, javascript
- The Complete Guide to Regular Expressions (Regex) (by/via) · · guides, regex
- My Browser Support Strategy (by/via) · · user-agents, support, progressive-enhancement, testing
- Understanding the Performance Impact of Anti-Flicker Snippets (by/via) · · performance, web-vitals
- The CSS Art Paradox (by) · · css, art, html, quality
- Let’s Keep the “Content” in WCAG (by/via) · · content, accessibility, wcag
- Best Practices for Integrating Content Design in Your Design System (via) · · design, design-systems, content, best-practices
- Traditional Web Design Process Is Fundamentally Broken (by/via) · · design, processes, prototyping, mobile, responsive-design
- Stop Removing Focus (by) · · accessibility, focus, css
- The 5 Golden Rules of Code Reviews (by) · · code-reviews, processes, quality
- Web Scraping via JavaScript Runtime Heap Snapshots (by) · · scraping, javascript, memory
- Cool Hover Effects That Use Background Properties (by/via) · · css, effects, backgrounds
- Learn to Code With JavaScript: The Most Popular Programming Language on Earth (by/via) · · javascript, learning
- A Practical Guide to Aspect Ratio in CSS (by/via) · · videos, guides, css
- Flexibly Centering an Element With Side-Aligned Content (by) · · css, centering
- What Is Memoization? How and When to Memoize in JavaScript and React (by/via) · · memoization, javascript, react
- Non-Interactive Elements With the “inert” Attribute (by/via) · · html, semantics
- Deploy Your First Website Without Leaving Your IDE (by/via) · · deploying
- Plain Old Semantic HTML: A Perfect Basis for Accessibility (via) · · accessibility, html, semantics
- Is Measuring Speed a Useful Metric for Design Systems? (by+/via) · · videos, performance, metrics, design-systems
- Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (by/via) · · user-agents, engines, legal, apple
- A Guide to Task-Based UX Metrics (by/via) · · guides, user-experience, metrics
- Deep Dive Into Top Web Developer Pain Points (by/via) · · web-platform
- How Web Browsers Work: Parsing the HTML · · user-agents, html, parsing
- Build a Lightweight Web Component With Lit.js (by/via) · · web-components, javascript
- Mobile App Versus Web Site: Which Is Better for Your Business? (via) · · comparisons, economics, mobile
- Supercharge Your Design System With Design Tokens (by/via) · · design-systems, design-tokens
- The “Dark Yellow Problem” in Design System Color Palettes (via) · · design-systems, colors, color-palettes
- Testing Figma Components (by/via) · · testing, components, figma
- Four Eras of JavaScript Frameworks (by) · · javascript, frameworks, history
- 9 Useful Principles of UX Design (via) · · user-experience, design, principles
- 8 Ways to Make Website Accessibility Easier (and Less Expensive) (via) · · accessibility
- 16 Top Design Trends for 2022 (via) · · design, trends
- 11 Steps to Keep Figma Clean (via) · · design, tooling, figma
- Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (via) · · design, atomic-design
- Best Font for Online Reading: No Single Answer (via) · · studies, research, fonts, typography, readability
- Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity (by) · · css, complexity
- How Web Browsers Work: Navigation · · user-agents, http
- Progressive Enhancement and HTML Forms: Use “FormData” (by/via) · · html, forms, progressive-enhancement
- Writing Strong Front-End Test Element Locators (by/via) · · testing
- Web Components as Progressive Enhancement (by/via) · · web-components, progressive-enhancement
- Web Color Is Still Broken (by) · · websites, colors, web
- TypeScript Tips and Tricks (by/via) · · videos, typescript, tips-and-tricks
- Mastering CSS Transitions With React 18 (by/via) · · css, transitions, react
- Building a Combined CSS Aspect Ratio Grid (by/via) · · css, layout
- Productivity Tips and Tools for a More Efficient Workflow (via) · · link-lists, productivity, tips-and-tricks, tooling
- Faster Initialization of Instances With New Class Features (by/via) · · user-agents, engines, v8, performance
- Debugging Node Serverless Functions on AWS Lambda (by) · · nodejs, debugging, serverless, functions, aws
- The Future of CSS: CSS Toggles (by/via) · · css
- Why Learn to Code? 17 Benefits of Learning to Code (by/via) · · learning, career
- Brief Note on Buttons, Enter, and Space (by) · · accessibility
- Beyond WCAG: Losing Spoons Online (via) · · accessibility, wcag, colors
- 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (by/via) · · seo, best-practices, strategies, mobile-first
- Ordering CSS Declarations (by) · · css, sorting
- Forced Colors Explained: A Practical Guide (by/via) · · colors, user-agents
- How to Start Testing Your Website With a Screen Reader (by/via) · · how-tos, accessibility, user-agents, testing
- Routing: I’m Not Smart Enough for an SPA (by) · · routing, spas
- The Role of Policy in Creating a Culture of Accessibility (by/via) · · interviews, accessibility, policies, culture
- The Front-End Developer’s Guide to the Terminal (by) · · guides, command-line
- How to Choose the Right Static Site Generator (by/via) · · static-site-generators, hugo, gatsby, astro, link-lists
- A Practical Guide to Centering in CSS (via) · · guides, css, centering
- Ensure Third Party Content Is Accessible (by/via) · · accessibility, wcag, embed-code
- React 18—New Features and Improvement Strategies · · react
- 20 Easy Ways to Be More Productive as a Developer (by) · · productivity
- When UX Goes Bad (and How to Fix It) (by/via) · · user-experience
- Web Scraping Is Legal, U.S. Appeals Court Reaffirms (by/via) · · scraping, legal
- The Ultimate Guide to Push Notifications for Developers (by/via) · · guides, notifications
- Does Valid and Semantic HTML Still Matter? (by+/via) · · podcasts, html, semantics, conformance
- 4 Reasons to Avoid Using “npm link” (by) · · npm
- Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking (by) · · testing, react, redux
- Node.js 18 Introduces Prefix-Only Core Modules (by/via) · · nodejs
- The Most Popular Node.js Frameworks in 2022 (via) · · nodejs, frameworks
- Is Agile an Anti-Design Pattern? (via) · · agile, design, anti-patterns
- 7 Web Component Tricks (by) · · web-components, tips-and-tricks
- Implementing Micro-Frontends: A Path to Evolve Legacy Codebases (by) · · refactoring, maintenance, micro-frontends
- Intro to CSS Parent Selector—“:has()” (by/via) · · videos, introductions, css, selectors
- Fonts for the Web: Rationale, 1996 (by/via) · · fonts, history
- Evaluating Design System Adoption Using Custom CSS (by/via) · · design-systems, css, custom-properties, metrics
- Accessibility Why You Need to Work Toward Progress Not Perfection (by) · · accessibility
- Building a Dialog Component (by/via) · · components, modals, html, css, javascript
- Usability Guidelines for Better Carousels UX (by/via) · · guidelines, usability, user-experience, carousels
- Title Rewrites: 3 Patterns to Avoid (by/via) · · seo, semantics, writing, microcontent
- How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (by/via) · · how-tos, quality, techniques
- Drastically Improve Your UI Designs With This Technique (via) · · design, techniques, optimization
- The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (by/via) · · guides, javascript, performance, optimization
- Designers Are Spending Too Much Time Designing UI Variations Manually (by/via) · · design, processes, productivity
- CSS Parent Selector (by) · · css, selectors
- A Web Renaissance (by) · · web
- Why Accessibility Bugs Are a Good Thing and How to Handle Them (by) · · accessibility, quality
- One Million Broken Web Sites—and a Way to Prevent That (by) · · accessibility, user-agents, tooling
- Naming Colors in Design Systems (via) · · design-systems, colors, naming
- Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (via) · · accessibility
- Common Accessibility Issues That You Can Fix Today (by) · · accessibility
- Takeaways From “The Internet Is Unusable”: The Disabled View (by/via) · · accessibility
- CSS Toggles Explainer and Proposal (by+/via) · · css
- Image Borders in CSS (by) · · css, images, borders
- Childish Font Sizes (by/via) · · fonts, readability, design
- How to Improve UX Design Through A/B Testing (by/via) · · how-tos, design, user-experience, testing, optimization
- How to Develop Your UX Design Philosophy (by/via) · · how-tos, user-experience, design
- Those HTML Elements You Never Use (by) · · html, semantics
- Mobile-First Ecommerce Site Design Is the Future (via) · · design, mobile-first
- Common App Design Challenges and Their Solutions (via) · · design, user-experience
- 7 Collaborative Coding Tools for Remote Pair Programming (by/via) · · collaboration, tooling
- JavaScript Function Composition: What’s the Big Deal? (by) · · javascript, functions
- How to Fix Your Low-Contrast Text (by) · · how-tos, accessibility, colors, contrast
- Information Architecture: Study Guide (by/via) · · guides, information-architecture, training, link-lists
- Open Accessibility Standards (by) · · websites, accessibility, wcag, aria
- CSS “:has()” a Parent Selector Now (by) · · css, selectors