![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (6)
- A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (by) · · leadership, dei, accessibility
- Is Lighthouse a Misleading Performance Tool? · · performance, google, lighthouse, web-vitals, tooling
- Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (by/via) · · css, layout
- URL Explained: The Fundamentals (by) · · terminology
- Just Normal Web Things (by) · · web, user-experience
- Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management · · introductions, guides, kanban, agile, project-management
- CSS Only Floating Labels · · css, floats, forms
- Creating SVG Animations Using Tailwind CSS (by+/via) · · svg, images, animations, tailwind
- Multithreading With Worker Threads in Node.js (via) · · nodejs, multithreading, worker-threads
- Resources for Procurement of Accessible Digital Products and VPAT (by/via) · · accessibility, vpat-acr, conformance, tooling, link-lists
- Can We Query the Root Container? (by/via) · · css, container-queries
- How to Validate HTML On-Line at W3C (by) · · how-tos, html, conformance, tooling
- Redundancy Is Great (by) · · information-design
- Understanding JWTs: A Simple Guide for Beginners · · guides, json-web-tokens
- When User Testing Sessions Bring Up Trauma (via) · · user-experience, testing
- 90s Websites—Key Characteristics and Examples (via) · · design, history, trends, navigation, colors, typography
- What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (by/via) · · performance, user-experience, user-conversion, metrics, economics
- Introduction to MongoDB and NoSQL Databases (via) · · introductions, databases, mongodb
- Build a Simple Beginner App With Node, Bootstrap, and MongoDB (by/via) · · web-apps, nodejs, bootstrap, mongodb
- The “article” Element and Screen Readers (by) · · html, user-agents, assistive-tech, screen-readers, accessibility, support
- Design for the Web Without Figma (by) · · design, tooling
- The Trick to Smoothly Animating Shadows in CSS (by) · · videos, css, animations, shadows
- Are We There Yet? (by) · · css, colors, history
- See What’s New in Firefox [115.0] (via) · · release-notes, user-agents, mozilla, firefox
- Understanding SVG Paths (by) · · svg, images
- HTML Form Validation Using Cypress (by) · · forms, validation, cypress
- How I Am Blogging the IndieWeb Way (by) · · blogging, indieweb, automation
- Your Browser May Be Having a Secret Relationship With a Screen Reader (via) · · accessibility, user-agents, assistive-tech, screen-readers
- The Fake Aura of Care in UX (via) · · user-experience
- 4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (by) · · design, principles, user-experience, dei
- How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide (by) · · how-tos, guides, nodejs, command-line, servers, ssh
- And 4 More HTML Concepts You Didn’t Know (by) · · html, concepts, web-components
- AI and the Automation of Work (by) · · ai, automation, processes
- In Defence of “DOMContentLoaded” (by) · · javascript, dom, performance
- Designers Who Code, What Is It Good For? (by) · · design, career
- Angular Is Getting New Template Syntax (by/via) · · angular
- How to Tackle Docker and Kubernetes for Frontend · · how-tos, docker, kubernetes
- Observing Node.js Processes With eBPF (by) · · monitoring, nodejs
- How to Measure the Impact of a Design System? (by/via) · · how-tos, design-systems, metrics
- The Big Problem With Variables in Figma (by/via) · · figma
- Setting Expectations for the Node.js Test Runner (by) · · nodejs, testing, tooling
- Identify Unused npm Packages in Your Project (by) · · npm, dependencies, maintenance
- The “details” Element and In-Page Search (by) · · html, searching, user-agents, user-experience
- React Developers Love Preact, Here’s Why (by/via) · · react, preact, comparisons
- Introduction to JSX (by/via) · · introductions, jsx, react
- New to the Web Platform in June (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- CommonJS Is Hurting JavaScript (by/via) · · javascript
- Solved: Tricky Floating Image Alignment (by/via) · · css, floats, layout, responsive-design
- The Importance of Verifying Webhook Signatures (via) · · security, webhooks
- Introduction to MySQL Data Types (via) · · databases, mysql, data-types
- Combat Accessibility Decay: How to Maintain Ongoing Accessibility (via) · · how-tos, accessibility, processes
- How to Build Things People Want to Use (by) · · how-tos, user-experience
- Understanding TypeScript Generators (via) · · typescript
- What’s Next for Redux With Mark Erikson (by/via) · · videos, interviews, react, redux, state-management
- JavaScript Gom Jabbar (by) · · javascript
- WCAG 2.2, Quick and Simplified (by) · · wcag, accessibility, standards
- An Introduction to the View Transitions API (by/via) · · introductions, transitions, apis
- Accessible Overlays Aren’t Accessible (via) · · accessibility, overlays
- Under-Engineered Comboboxen? (by) · · forms, html, css, accessibility
- What’s the Perfect Design Process? (by/via) · · design, processes
- Why You Must Commit to Grounding Every DEI-Related Effort With Data (by+/via) · · interviews, dei, processes, metrics
- Getting Started With Native Design Tokens in Figma (by/via) · · design-tokens, figma, introductions
- Form and Search Landmarks (by) · · html, aria, forms, user-agents, assistive-tech, support
- JavaScript Console Methods: A Deep Dive (by) · · javascript, console, debugging
- Release Notes for Safari Technology Preview 173 (by/via) · · release-notes, user-agents, apple, safari
- Feature Flags Configuration, Instrumentation, and Use (via) · · videos, feature-management, releasing, testing
- How to Use CSS “background-size” and “background-position” (by/via) · · how-tos, css, backgrounds
- Web and App ADA Lawsuits: 6 Trends So Far in 2023 (via) · · accessibility, legal, trends
- 4 Ways to Improve Mobile Accessibility (by) · · accessibility, mobile
- Position-Driven Styles (by) · · css, animations
- What’s Next for JavaScript: New Features to Look Forward To (by/via) · · javascript
- Screen Magnification: Digital Accessibilitiy (via) · · videos, accessibility, assistive-tech, screen-magnification
- Popular DevTools Tips (by/via) · · user-agents, dev-tools, tips-and-tricks
- Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams (via) · · feature-management, experiments, testing, metrics
- Amplify Design Values Through Building Design System (via) · · design, design-systems
- Demystifying JavaScript Operators: What Does That Symbol Mean? (by/via) · · javascript, operators
- Building Sliding Cards With “position: sticky;” (by) · · css
- The Massive Bug at the Heart of the npm Ecosystem (by/via) · · npm, dependencies, security
- The Novel Engines: Servo (by+/via) · · podcasts, transcripts, engines, servo
- Magnification and Zoom Accessibility Guide—Everything You Need to Know (via) · · guides, accessibility, screen-magnification, zooming
- Top Tips From a Web Accessibility Evaluator at WebAIM (by/via) · · accessibility, auditing, tips-and-tricks
- Mapping Typography (by/via) · · videos, typography, css
- What’s Your Type? Try These Tests to Pick the Perfect Font for You (by+/via) · · design, typography, fonts
- Qwik Introduction—a Framework That Goes Fast (by) · · videos, introductions, qwik
- Tips for Upgrading Your Techstack for Faster Frontend Development (by/via) · · tips-and-tricks, tech-stacks, productivity, efficiency, modernization
- Live Regions in React (by) · · react, aria, live-regions, accessibility
- Learn How to Use Hue in CSS Colors With HSL (by/via) · · how-tos, colors, css
- What Does the Image “decoding” Attribute Actually Do? (by) · · html, images, performance
- AI Is Killing the Old Web, and the New Web Struggles to Be Born (by/via) · · ai, web
- Transition Between Pages Smoothly With a Single Line of Code (by) · · css, transitions
- Going Beyond Constants With Custom Properties (by/via) · · css, custom-properties
- Faking a “:snapped” Selector With Scroll-Driven Animations (by/via) · · css, selectors, animations, scrolling
- A Beginner’s Guide to Laravel: Introduction and Key Features · · guides, introductions, laravel
- Mixing Colors With CSS (by) · · colors, css
- An Introduction to Parser Combinators (by) · · introductions, parsing
- WebSockets 101 (by/via) · · introductions, protocols, websocket
- XML Is the Future (by) · · web, processes
- Using BEM for Design System Tokens (by) · · css, bem, design-tokens, conventions
- An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript (by) · · introductions, security, vulnerabilities, nodejs, javascript
- All You Need to Know About CORS and CORS Errors (by/via) · · security, cors, errors
- Debugging INP (by) · · videos, performance, debugging, web-vitals
- Understanding Authorization Before Authentication: Enhancing Web API Security (by/via) · · authorization, authentication, apis, security, comparisons
- Converting [a] JavaScript Codebase to TypeScript (by/via) · · javascript, typescript, migration, refactoring
- Choosing a Color Palette (via) · · videos, design, colors, color-palettes
- Text Wrap Pretty Is Coming to CSS (by) · · css, typography
- Introducing the MDN Playground: Bring Your Code to Life (via) · · mozilla, documentation, testing
- The Unlikely Story of UTF-8: The Text Encoding of the Web (by) · · unicode, history
- Component Driven User Interface Testing (CDUIT) · · components, testing
- Future CSS: State Container Queries (by) · · css, container-queries
- The Cost of JavaScript 2023 (by) · · videos, javascript, performance
- Announcing Svelte 4 (via) · · release-notes, svelte
- Designing for Inclusion (by/via) · · design, dei, accessibility
- Using Multiple Selectors With JavaScript Selector Methods (by) · · javascript, selectors
- Too Much JavaScript? Why the Frontend Needs to Build Better (by/via) · · javascript, web-platform, performance
- The 5 Pillars of Every HTTP Request · · http
- CSS in Micro Frontends (by) · · css, micro-frontends
- Cascade Layers Are Useless * (by) · · css, cascade
- How Designers Can Beat AI at Design (by/via) · · design, ai
- Design Systems Directory (by) · · websites, design-systems
- WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (by/via) · · wcag, accessibility, testing, tooling
- What Exactly Is [the] “:root” Pseudo-Element in CSS? (by/via) · · videos, css, selectors
- State of CSS 2023 (by/via) · · surveys, css
- Thoughts From “Meet Safari for Spatial Computing” (by) · · apple, safari, spatial-web, accessibility, responsive-design
- Style Your RSS Feed (by) · · css, syndication, rss, atom
- Continuous Accessibility (by) · · websites, accessibility, processes
- Authentication vs. Authorization · · authentication, authorization, comparisons
- Making Your Design Tokens Future-Proof (by) · · design-tokens
- Creating a Flexible Design Token Taxonomy for Intuit’s Design System (by) · · design-tokens, design-systems
- Three Key Principles for an Accessible Website (by+/via) · · principles, accessibility
- W3C Launch Their New Website (by/via) · · w3c
- Radix UI Component With Next.js and Tailwind CSS (by) · · videos, components, radix, nextjs, tailwind
- Button Types (by) · · html, buttons
- Gatsby Headaches and How to Cure Them: I18N II (by/via) · · gatsby, internationalization
- Why UX Testing Is Critical to Your Web Site’s Success (by/via) · · user-experience, testing
- Packaging and Selling a Node.js App (by/via) · · nodejs
- Balancing Users’ Needs and Business Goals in UX Design (via) · · user-experience, design
- Can Web Developers Be Held Liable? (by/via) · · accessibility, legal
- Balancing Users’ Data Privacy and the User Experience (by/via) · · privacy, user-experience
- How to Clean Up Your Local Repository With Git Commands (by/via) · · how-tos, git, command-line, maintenance
- The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (by) · · navigation, scrolling, user-experience
- The New CSS (by) · · css, design, web-platform
- Import Maps to Natively Import JavaScript Modules Using Bare Names (by) · · javascript
- IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples · · tutorials, guides, databases, indexeddb, examples
- Git Concepts Everyone Should Know (by) · · git, concepts
- It’s Time for Dimensional Thinking in Design (via) · · design, ai
- Scoping (by) · · css, scope
- Create React UI Lib: Component Library Speedrun (by) · · typescript, react, components, npm
- Standardising Design Tokens (by) · · design-tokens, conventions
- The Five Types of People Who Produce Inaccessible Code (by) · · accessibility, community
- TypeScript 5.2’s New Keyword: “using” (by) · · typescript
- HTML Imports (by+/via) · · html
- Top 10 Things You Should Add While Coding: Valuable Tips for Programmers (by) · · tips-and-tricks, programming
- How to Add a CSS Reveal Animation to Your Images (by/via) · · how-tos, css, animations, images
- A Guide to Coding Standards to Improve Code Quality (by/via) · · guides, conventions, formatting, consistency, quality
- An Explosion in Software Engineers Using AI Coding Tools? (by) · · ai, code-completion, productivity
- What Are Deceptive Patterns? (via) · · user-experience, dark-patterns
- What’s UnAI-Able (by/via) · · ai
- The Next Phase of Eleventy: Return of the Side Project (by) · · eleventy
- 6 Quick Tests You Can Do to Test Your Forms for Accessibility (by) · · accessibility, testing, forms
- Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (by/via) · · css, animations, transitions, scrolling, custom-properties, container-queries
- Puppeteer in Node.js: More Antipatterns to Avoid (via) · · nodejs, scraping, testing, anti-patterns, puppeteer
- npm Won’t Publish Packages Containing the Word “keygen” · · discussions, npm, dependencies
- Design vs. Accessibility and the CSS “visually-hidden” Class (by/via) · · design, accessibility, css, comparisons
- How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (by/via) · · how-tos, svelte, sveltekit, web-apps, server-side-rendering
- How (and Should?) We Stop the Infinite Scroll (via) · · user-experience, scrolling
- Cyclic Dependency Space Toggles (by) · · css, custom-properties
- Using Color Wheel Combinations in Your Designs (via) · · colors, design
- Tuesday, June 20, 2023 Security Releases (by/via) · · release-notes, nodejs, security
- Nuxt in 100 Seconds (by/via) · · videos, introductions, nuxt
- When and Why to Use a Click Test (via) · · usability, testing
- The Gotchas of CSS Nesting (by) · · css, nesting
- Rebuilding a Comment Component With Modern CSS (by) · · functionality, components, css
- Positioning Anchored Popovers (by) · · pop-overs, css
- “margin-trim” as a Best Practice? (by) · · css
- Naming Components · · design-systems, components, naming
- Blur Vignette Effect in CSS (by) · · css, effects
- Gatsby Headaches and How to Cure Them: I18N (by/via) · · gatsby, internationalization
- Chrome for Testing: Reliable Downloads for Browser Automation (by/via) · · user-agents, google, chrome, testing
- How to Learn Programming (by) · · how-tos, learning, programming
- The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (by) · · css, web-platform
- Bottom Sheets: Definition and UX Guidelines (by/via) · · terminology, guidelines, mobile, user-experience
- How to Highlight Required and Optional Form Fields (by) · · how-tos, forms, mistakes, usability
- CSS! CSS! CSS! (by) · · css, community
- You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (by) · · html, metadata, accessibility, responsive-design
- An Introduction to DevOps · · introductions, dev-ops
- Internet Explorer: The 1st Browser to Support CSS (by+/via) · · videos, css, user-agents, microsoft, internet-explorer, support, history
- CSS Containers, What Do They Know? (by/via) · · videos, css, container-queries
- Best Animation Libraries for React (by) · · libraries, animations, react, link-lists
- Liven Up Your Websites With Scroll-Driven Animations and View Transitions (by/via) · · videos, css, scrolling, animations, transitions
- Shining Light on the Shadow DOM (by/via) · · videos, shadow-dom, dom
- That’s Not How I Wrote CSS Three Years Ago (by/via) · · videos, css, support
- Modern CSS for Dynamic Component-Based Architecture (by) · · css, architecture, components
- Design Under Constraints: Challenges, Opportunities, and Practical Strategies (by/via) · · design, strategies
- Must Know JavaScript API—IndexedDB API (by/via) · · databases, indexeddb, javascript, apis
- Why Doesn’t CSS Have Scope? (by/via) · · videos, css, scope
- The Universal Focus State (by) · · accessibility, focus, css
- Style Recalculation Secrets They Don’t Want You to Know (by/via) · · videos, css, selectors, performance
- No, “AI” Will Not Fix Accessibility (by) · · accessibility, ai
- The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (by/via) · · css, scrolling
- Sticky Content: Focus in View (by/via) · · accessibility, focus, scrolling, css
- State of the CSS Community (by/via) · · videos, css, community
- Designing a Scalable Backend in Node.js (by/via) · · software-design, scaling, nodejs
- Testing Sites and Apps With Blind Users: A Cheat Sheet (by+/via) · · accessibility, testing, user-agents, assistive-tech, screen-readers, tooling, cheat-sheets
- Best Practices for Container Queries (by) · · best-practices, container-queries, css
- Before Your Next Frontend Pull Request, Use This Checklist (by+/via) · · checklists, performance, compression, dependencies, accessibility, legibility, naming
- Chrome DevTools Tips: Styles Pane and Elements Panel (by/via) · · videos, dev-tools, user-agents, google, chrome
- 48 Laws, Rules, and Principles of Web Development (by) · · programming, principles, terminology
- Are Simple Websites Better for Business? (via) · · design, simplicity
- Angular at Google I/O 2023 (by/via) · · release-notes, angular, google
- RSC From Scratch: Server Components (by) · · videos, react, components
- Accessible Rich Internet Applications (WAI-ARIA) 1.2 (via) · · standards, accessibility, aria
- Accessibility and Artificial Intelligence (by) · · accessibility, ai
- The Ultimate Guide to Writing Technical Blog Posts (by) · · guides, writing, blogging
- Tokens Are the Most Valuable Artifact a Design System Can Provide (by/via) · · design-systems, design-tokens
- What’s New in CSS (by/via) · · videos, css, apple
- Styling Scrollbars (by) · · scrolling, css
- Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (by/via) · · information-design, user-experience
- Reducing Complexity in Front End Development (by/via) · · complexity, performance, css, javascript
- Modern CSS in Real Life (by) · · css
- Be Careful With “ch” Units (by) · · css, units
- Assume the Position—a Labelling Story (by/via) · · accessibility, forms, html
- One More Thing—Apple’s Push on Web Apps on macOS (by) · · apple, web-apps
- Is React Having An Angular.js Moment? (by/via) · · react, angular
- Primitive Objects in JavaScript: When to Use Them (via) · · javascript, objects
- An Introduction to Debugging in Node.js (by/via) · · introductions, debugging, nodejs
- Accessibility Testing—Pay Attention to the Details (via) · · accessibility, testing
- How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (by) · · how-tos, rendering, dom, performance, debugging, angular
- New Job? Negotiate as If Your Life Depends on It (by) · · career
- The Problem With Automatically Focusing the First Input and What to Do Instead (by) · · user-experience, accessibility, focus, forms
- An Introduction to “@ scope” in CSS (by) · · introductions, scope, css, at-rules
- The Many Ways to Select the n-th Character From a String (by) · · javascript
- How We Created an Accessible, Scalable Color Palette · · colors, color-palettes, accessibility, scaling, case-studies
- New CSS Color Spaces and Functions in All Major Engines (by/via) · · css, colors, functions, user-agents, support
- Do Not Drop Sass for CSS · · css, sass, preprocessors
- How AI Can Make Software More Intuitive (by) · · ai, usability
- WCAG 2.2 Misses Mark on Defining Visible Focus (by) · · accessibility, focus, wcag, standards
- How Chrome Achieved High Scores on Three Browser Benchmarks (by/via) · · user-agents, google, chrome, performance
- Every Design Team Needs Writers (by/via) · · design, writing
- wasmati: You Should Write Your WebAssembly in TypeScript (by/via) · · webassembly, typescript, libraries
- No Single Metric Captures Productivity (by) · · productivity, metrics
- Presentational Colors (by/via) · · colors, design-tokens
- Advanced Form Control Styling With “selectmenu” and Anchoring API (by/via) · · forms, apis, css
- A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS · · guides, deploying, complexity, architecture, aws
- Performance Is Not a Checklist (by) · · performance, web-vitals, user-experience
- Why We Should Stop Using JavaScript According to Douglas Crockford (by/via) · · videos, javascript
- Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · html, semantics
- Accessible Components: The Hamburger Menu · · accessibility, components, navigation
- The Context Dilemma (by) · · design-systems, design-tokens
- Asynchronous JavaScript for Beginners (by+/via) · · javascript
- Announcing TypeScript 5.1 (by/via) · · release-notes, typescript