![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (3)
- What Does the “A” Mean in “DEAI”? (via) · · dei, accessibility
- WebKit Features in Safari 17.1 (by/via) · · release-notes, user-agents, apple, safari, webkit
- Web Components Will Outlive Your JavaScript Framework (by) · · web-components, javascript, frameworks
- Vue.js (Vue v3) for Beginners (by/via) · · videos, courses, vuejs
- Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” (by/via) · · accessibility, wcag, focus
- Sheet, Dialog, or Snackbar—What Should a Designer Go For? (by) · · design, design-patterns, modals
- Data Engineering Essentials #1: Your First Pipeline (by) · · data-engineering
- My Problem With Using TypeScript in 2023 (by) · · videos, typescript
- It’s 2023, Here Is Why Your Web Design Sucks (by) · · web, design, career
- Goodbye, Node.js Buffer (by) · · nodejs
- Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators (via) · · accessibility, forms, focus, user-experience, tips-and-tricks
- Complex MPA View Transitions (by) · · mpas, transitions, css
- Change Project, Change Node Version, Let .nvmrc Help You · · nodejs, nvm
- A Comprehensive Guide to Django Caching (by/via) · · guides, django, caching
- What Removing Object Properties Tells Us About JavaScript (by/via) · · javascript, objects
- Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency (by) · · javascript, software-design-patterns, efficiency
- Tailwind vs. Semantic CSS (by) · · tailwind, css, html, semantics, comparisons, performance
- Svelte by Example (by) · · websites, svelte, examples
- Stop Waiting (by) · · quality, testing
- Splitting Within Selects (by) · · accessibility, html, forms, user-agents, support
- Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed (by/via) · · css, scrolling, animations
- Select Element: Now With Horizontal Rules (by/via) · · html, forms, semantics, user-agents, google, chrome, apple, safari, support
- Release: Yarn 4.0 (by/via) · · yarn, release-notes
- Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent (via) · · user-experience, personalization, ethics, privacy, consent-management
- JavaScript Is Enabled by Default in Web Browsers (by) · · javascript, web-platform, permissions
- JavaScript Decorators: An In-Depth Guide (by/via) · · guides, javascript
- JavaScript Anti-Pattern: Self-Documenting Code (by) · · javascript, anti-patterns, documentation
- In Defense of Learning on Company Time (by) · · learning, career
- Igalia Chats: Web History Part VI (by+/via) · · podcasts, transcripts, web, history
- HTML Meta Tags · · html, metadata
- CSS “text-wrap: pretty” (by/via) · · css, typography, user-agents, google, chrome, support
- Color Contrast Accessibility Tools With Examples (via) · · accessibility, tooling, link-lists, colors, contrast, examples
- Changing Colors in an SVG Element Using CSS and JavaScript (by) · · svg, colors, css, javascript
- Accessibility Improvements for User-Agents (by) · · accessibility, user-agents
- Strikethrough Accessibility (by/via) · · accessibility, html, user-agents, assistive-tech, screen-readers, support
- When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” (by) · · css, typography, comparisons
- What Should Be the Contrast Level of Inactive Buttons? (via) · · accessibility, buttons, contrast, colors
- Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes (by) · · ai, github, tailwind, configuration
- Using ChatGPT for Smart Truncation in Responsive Web Design (by) · · content, responsive-design, ai, html
- Is CAPTCHA Accessible? (via) · · accessibility, captcha
- How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser (by) · · introductions, testing
- Finding the Primary Branch of a Git Repository (by) · · git
- Embedding Accessibility Into Code Reviews (via) · · videos, accessibility, code-reviews, processes
- Why Unique ID Attributes Matter (via) · · accessibility, html, conformance
- Web Accessibility Strategies for Non-Accessible Projects (by/via) · · videos, accessibility, strategies, processes
- The Need for Recognition in Open Source (by/via) · · foss, culture, communication, community
- Prodding Firefox to Update “:has()” Selection (by) · · css, selectors, mozilla, firefox, support
- I Asked People to Make This Simple Layout and Was Surprised by the Results (by) · · videos, css, layout, comparisons
- How to Map a Number Between Two Ranges (by) · · how-tos, javascript, math
- How to Collaborate on Pull Requests for Beginners (by/via) · · how-tos, code-reviews, collaboration
- Don’t Do It on Frontend or… Frontend Good Practices for Devs (by) · · best-practices, quality, maintainability, documentation
- The New “light-dark()” Function to Switch Theme Color in CSS (by) · · css, functions, dark-mode
- The Inverse Value of UX and Art (via) · · user-experience, art
- Storybook 7.5 (by/via) · · storybook, release-notes
- Solid.js Creator Outlines Options to Reduce JavaScript Code (by/via) · · javascript, performance
- Release Notes for Safari Technology Preview 181 (by/via) · · release-notes, user-agents, apple, safari
- On the Uniting Power of a Commitment to HTML Conformance (by) · · html, conformance, quality, community, web
- How to Animate Along a Path in CSS (by/via) · · how-tos, css, animations
- Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? (by/via) · · html, accessibility, user-agents, assistive-tech, screen-readers
- Do We Need State Management in Angular? · · angular, state-management
- Transition Animations: A Practical Guide (by) · · guides, transitions, animations, interaction-design
- The True Cost of Not Prioritizing Accessibility: Avoid Risk and Maximize Product ROI (by/via) · · accessibility, economics, product-management, prioritization
- The Three Cs: Concatenate, Compress, Cache (by) · · performance, compression, caching
- The Nuances of Base64 Encoding Strings in JavaScript (by) · · javascript, encoding
- Synchronizing Figma Variables With Design Tokens (by) · · figma, design-tokens, automation
- Start Styling Your “console.log()” Messages in DevTools (by/via) · · videos, javascript, console, user-agents, dev-tools
- React Design Patterns (by/via) · · react, software-design-patterns
- Node.js 21 Available Now! (via) · · nodejs, release-notes
- How to Use SEO to Build Long-Term Brand Recognition and Visibility (by/via) · · how-tos, seo, branding
- Design System Documentation Sucks—How We Can Do Better (by) · · design-systems, documentation
- Burn Your Toast (by) · · notifications, accessibility, usability
- A Couple of New CSS Functions I’d Never Heard Of (by) · · css, functions
- Scroll-Driven State Transfer (by) · · css, scrolling
- Link Colors and the Rule of Tincture (by) · · links, colors
- “JavaScript Is Weird” as a Compressor (by) · · javascript, compression
- Ensuring Negative Numbers Are Available for Everyone (by+/via) · · accessibility, testing, math
- Common Vue.js Development Mistakes and How to Avoid Them (by) · · vuejs, mistakes
- 2.4.11: Adversarial Conformance (by) · · accessibility, wcag, compliance
- CSS Findings From Photoshop Web Version (by) · · html, css, adobe, photoshop, case-studies
- How to Style Element Descendants With Tailwind CSS (by) · · how-tos, tailwind
- Bubble Sort… in Pure CSS? (No JS) (by) · · css, algorithms, sorting
- The Negative Impact of Mobile-First Web Design on Desktop (by+/via) · · design, mobile-first, mobile, desktop, usability, information-design
- What’s New in CSS? (by/via) · · css, transcripts
- Organizing Multiple Git Identities (by) · · git
- How We Optimized Package Imports in Next.js (by/via) · · nextjs, dependencies, optimization, case-studies
- Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon (by/via) · · social-media, twitter, wordpress, mastodon
- Button Labels: Is “OK” Ok? (via) · · forms, buttons, writing, usability
- 44 React Frontend Interview Questions · · interviewing, react
- Why Companies Kill Great Design (by/via) · · design
- Using CSS Custom Properties Like This Is a Waste (by) · · videos, css, custom-properties
- Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer (by) · · career, quality
- Scrollbars Are Becoming a Problem (by) · · scrolling, usability, accessibility
- Quick Tip: Creating Polymorphic Components in TypeScript (by/via) · · tips-and-tricks, typescript, components
- Honor User’s Transparency Setting in CSS (by) · · css, transparency, accessibility, user-experience
- Digital Accessibility Blogs and Newsletters (by/via) · · accessibility, link-lists
- Astro 3.3: Picture Component (by+/via) · · astro, release-notes
- You Can’t Get Faster Than No Build (by/via) · · building, processes
- Why Naming Is #1 Skill for Writing Clean Code (by/via) · · naming, conventions, best-practices
- We Need Web Progress, Not Pessimism (by) · · web-platform, principles
- Styling External Links With Attribute Selectors (by/via) · · links, css, selectors
- Skip Links on ikea.com (by) · · accessibility, links, case-studies
- Preventing and Debugging Memory Leaks in Node.js (by/via) · · debugging, memory, nodejs
- Let’s Prototype a JavaScript JIT Compiler (by) · · videos, javascript, compiling, prototyping
- Introduction to Web Sustainability (by/via) · · introductions, sustainability
- Designing for All: The Basic Principles of Web Accessibility (via) · · accessibility, fundamentals, principles, aria, tooling
- CSS Relative Color Syntax (by/via) · · css, colors, functions
- The Selected Date Must Be Within the Last 10 Years (by/via) · · html, forms, validation
- The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport (by/via) · · javascript, interoperability, webkit
- Local HTTPS for Next.js 13.5 (by) · · security, testing, http, nextjs
- Hashnode’s Overall Architecture (by/via) · · architecture, case-studies
- Greenwashing and the COP28 Website (by/via) · · sustainability, case-studies
- AI Could Soon Need as Much Electricity as an Entire Country (by/via) · · ai, sustainability
- 5 Best Practices for Preventing Chaos in Tailwind CSS (by+/via) · · best-practices, tailwind
- Why the Internet Isn’t Fun Anymore (by/via) · · web, social-media
- The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (by/via) · · css, functions, dark-mode
- Obligatory WCAG 2.2 Launch Post (by) · · accessibility, wcag, standards
- Inclusivity in the Digital Age: The Importance of Accessibility Advocacy (via) · · accessibility, dei, communication, advocacy
- Extending the Properties of an HTML Element in TypeScript (by/via) · · html, components, typescript
- CSS-Only Scroll-Driven Animation and Other Impossible Things (by+/via) · · videos, css, animations
- Adding Search to an Eleventy Site Without Client-Side JavaScript (by) · · eleventy, serverless, functionality, searching
- The Hidden Performance Cost of Node.js and GraphQL (by) · · performance, nodejs, graphql
- Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (by) · · javascript, performance, architecture
- Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” (by) · · accessibility, wcag, conformance
- Naming Variables in CSS (by) · · css, custom-properties, naming
- Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers (by) · · css, accessibility, usability, buttons, links
- CSS 3D Text Effects · · css, effects
- Writing Accessible Form Messages (by) · · accessibility, writing, forms
- Which Is the Best Image Format for Your Website? (via) · · images, comparisons, jpeg, png, gif, webp, avif
- WCAG 2.2 and Validation (by) · · accessibility, wcag, conformance, quality
- The Nonvisual Website (by) · · websites, accessibility
- Table of Contents: The Ultimate Design Guide (by/via) · · guides, navigation, design, usability
- Quick Tip: Decorators in TypeScript (by/via) · · tips-and-tricks, typescript
- How Did You Switch From JavaScript to TypeScript? · · discussions, javascript, typescript, migration
- Demystifying WCAG 2.2 (by/via) · · accessibility, wcag, standards
- When to Nest CSS (by/via) · · css, nesting
- What’s New in WCAG 2.2 (by/via) · · accessibility, wcag, standards, release-notes
- What Happened to Separation of Concerns in Frontend Development (by) · · maintainability, principles, css, frameworks, history
- Web Content Accessibility Guidelines (WCAG) 2.2 (by+/via) · · accessibility, guidelines, wcag, standards
- WCAG 2.2 Is Now a W3C Recommendation (by) · · accessibility, wcag, standards
- WCAG 2.2 Is Now a Published Web Standard (by/via) · · discussions, accessibility, wcag, standards, w3c
- React Micro-Frontends Using Vite · · micro-frontends, react, vite
- Intopia Launches WCAG 2.2 Map (by/via) · · accessibility, wcag, standards
- Hey Designers, They’re Gaslighting You (by) · · design, career
- GitHub Actions: “NODE_OPTIONS” Is Now Restricted From “GITHUB_ENV” (via) · · github, automation, nodejs
- An Anchored Navbar Solution (by) · · html, css, navigation
- Whatever Happened to the Zend Framework (by) · · frameworks, php, history
- The Power of Type Safety in TypeScript (via) · · typescript, type-safety
- Still No CSS Reset (by) · · css, resetting
- Release Notes for Safari Technology Preview 180 (by/via) · · release-notes, user-agents, apple, safari
- Limit the Reach of Your Selectors With the CSS “@ scope” At-Rule (by/via) · · css, selectors, at-rules, scope
- Let’s Create a Filter Table Component in Vue (by) · · videos, tables, components, vuejs
- It’s Time to Rethink the Americans With Disabilities Act (via) · · accessibility, legal
- How to Develop Terminal Productivity With Bash Aliases · · how-tos, command-line, aliases, shell, productivity
- Deploy and Test AWS Step Functions With Node.js (via) · · nodejs, aws, functions, deploying, testing
- Chrome Now Shows Each Active Tab’s Memory Usage (by) · · memory, user-agents, google, chrome
- Career Growth After 35: What Awaits Programmers? (via) · · discussions, career
- An Interactive Intro to CRDTs (by) · · introductions, javascript, data-types
- Accessibility vs. Inclusive Design (by/via) · · videos, accessibility, dei, comparisons
- Your Website Does Not Need JavaScript (by/via) · · videos, javascript, support
- The Problem With WordPress Is Positioning, Not Plugins (by/via) · · wordpress
- How to Be an Accessibility Ally (by) · · how-tos, accessibility, community
- Get Ready for Interop 2024 (by/via) · · interoperability, web-platform
- Being Picky About a CSS Reset for Fun and Pleasure (by) · · css, resetting
- The Most Minimal Valid HTML Document (by) · · html, minimalism, conformance, templates
- The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses) (by) · · unicode, encoding, standards
- Return to Office Is Bullshit and Everyone Knows It (by) · · processes, career
- Nine Things Automated Accessibility Tests Can’t Test (by) · · accessibility, testing, automation
- How to Clear Cache and Cookies on a Customer’s Device (by) · · how-tos, caching, cookies, testing
- Have You Seen These Weird Image Tag Issues? (by) · · videos, css
- Demystifying CSS Container Queries (by+/via) · · videos, css, container-queries
- Crawlers (by) · · robotstxt, ai
- TypeScript Monorepo With npm Workspaces (by) · · monorepos, typescript, npm, architecture
- The Myth of Infinite Data Growth (by) · · sustainability, myths
- The 3 Secrets to Font Pairing · · typography, fonts, design
- Monitoring a Kubernetes Application With Prometheus, Grafana, and Loki (by/via) · · videos, monitoring, kubernetes
- Making a Website Is for Everyone (by) · · dei, community, career
- In-Page Links for Content Navigation (via) · · navigation, links, usability
- All the Ways to Turn an Array Into an Object in JavaScript (by) · · javascript, arrays, objects
- Understanding the CSS Auto-Resizing Textarea Trick (by) · · css, forms, resizing
- Test Assertion Styles in JavaScript (by) · · javascript, testing
- Managing and Mitigating Design Debt: A Solo UX Designer’s Guide · · guides, design-debt, user-experience
- Re-Creating the Pop-Out Hover Effect With Modern CSS (by/via) · · css, effects
- Node v20.8.0 (by/via) · · release-notes, nodejs
- Naming Things Needn’t Be Hard (by) · · websites, naming
- How I Deployed My Website as a Docker Container (by) · · deploying, docker
- Four Reasons to Give WCAG AAA a Second Look (via) · · accessibility, wcag, standards
- Crafting Future-Ready Experiences: The Power of Progressive Web Apps (PWAs) and Offline-First Design (by) · · web-apps, offline
- Characteristics of Code Quality (by) · · research, quality
- 20+ Tools for Node.js Development in 2023 (via) · · nodejs, tooling, link-lists
- The Ultimate Low-Quality Image Placeholder Technique (by) · · performance, images, web-vitals
- Exploring Enhanced Patterns in WordPress 6.3 (via) · · wordpress
- Easy Dark Mode With “color-scheme” (by) · · slides, dark-mode, html, css, accessibility
- CSS Nesting and the Cascade (by/via) · · css, nesting, cascade
- A Socket API That Works Across JavaScript Runtimes—Announcing a WinterCG Spec and Node.js Implementation of “connect()” (by+/via) · · javascript, runtimes, apis
- A Comprehensive Guide to the Dangers of Regular Expressions in JavaScript (by/via) · · guides, javascript, security, regex
- 5 Pillars of Responsible Generative AI: A Code of Ethics for the Future (via) · · ai, ethics
- What Is Transpiling? · · javascript, ecmascript, transpiling
- The Saga of the Closure Compiler, and Why TypeScript Won (by) · · javascript, compiling, typescript, history
- The Cost of Obsessing Over Design Perfection (by/via) · · design, processes, career
- Stop Using JS for That: Moving Features to CSS and HTML (by/via) · · videos, javascript, css, html
- SSH Keys Stolen by Stream of Malicious PyPI and npm Packages (by/via) · · security, ssh, dependencies, npm
- How to Make the Case for Design Systems (by/via) · · how-tos, design-systems
- Honey, I Shrunk the npm Package (by) · · dependencies, npm, compression
- Frontend Monitoring: Strategies, Best Practices, Tools, and More (via) · · monitoring, alerting, strategies, best-practices
- CSS Terminology Demystified (by/via) · · videos, css, terminology
- Best Practices for Securing Node.js Applications in Production (by+/via) · · best-practices, security, nodejs
- An Introduction to Web Components (by) · · introductions, web-components
- Top 5 ARIA Implementation Errors (by/via) · · accessibility, aria, errors
- Taming Tailwind (by) · · tailwind, optimization
- Real AI Solutions for Accessibility Challenges (via) · · accessibility, ai
- Overlays: Just Another Disability Dongle (by/via) · · accessibility, overlays
- npm Provenance General Availability (via) · · github, npm, provenance, security
- No More 404 (by) · · link-rot, user-experience, quality, automation
- Mastering Closures in JavaScript: A Comprehensive Guide (by) · · guides, closures, scope, javascript
- Form Accessibility and Usability Beyond the Basics (via) · · forms, accessibility, usability
- 8 More Micro Tips for Remarkably Better Typography (by/via) · · typography, tips-and-tricks, legibility, readability
- What Are Accessibility Overlays? (by) · · videos, transcripts, accessibility, overlays
- Why HTTP/3 Is Eating the World (by/via) · · http, protocols
- Understanding Puppeteer Headless (via) · · puppeteer, automation, testing, headless
- The Illusion of Developer “Productivity” Opens the Door to Snake Oil (via) · · productivity, metrics
- The Future of Web Design: Emerging AI Technologies and Trends (by/via) · · design, visions, trends, ai
- Textareas With Auto-Increasing Height Using CSS (by) · · css, forms
- HTML Popover, Videos and “display:blackhole” (by) · · html, pop-overs, videos
- How Mastodon Handles Images and Web Previews (by) · · social-media, mastodon, open-graph, metadata, images, html
- Token Based Authentication With Fastify, JWT, and TypeScript (by) · · authentication, fastify, json-web-tokens, typescript
- Misconceptions Can Kill Accessibility Momentum (by) · · accessibility, html, processes
- Accessibility Is Easy… Except for When It Isn’t (by/via) · · videos, accessibility
- Upgrading Frontend Dependencies With Confidence (by/via) · · dependencies, maintenance, testing, regressions, playwright
- The Path to Awesome CSS Easing With the “linear()” Function (by/via) · · css, functions, animations
- State of HTML 2023 (by/via) · · surveys, html
- Responsive Type Scales With Composable CSS Utilities (by) · · css, responsive-design, typography
- How to Escape CSS Selectors in JavaScript (by) · · how-tos, css, selectors, javascript, escaping
- How to Build Trust With Others by Organizing Your Figma Files (by/via) · · how-tos, figma, conventions, collaboration
- GitHub Actions Could Be So Much Better (by) · · github, ci-cd, automation
- What Makes an Accessible Date Picker? Is It Even Possible? (by/via) · · videos, accessibility, html
- What Is Strict Mode in JavaScript? · · javascript
- Unlocking a World of Accessibility: How Internationalization Is the Key (by/via) · · videos, accessibility, internationalization, localization
- TypeScript Origins: The Documentary (via) · · videos, typescript, history
- The WebP 0-Day (by) · · security, webp, google, apple
- The Design System Ecosystem (by) · · design-systems, design-tokens
- The Character Encoding Cheat Sheet for JS Developers (by/via) · · encoding, unicode, cheat-sheets, javascript
- Supercharge Your Repository With Code Owners (by/via) · · maintenance, code-reviews, processes
- Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (by) · · javascript, performance, polyfills
- Save Our World With Progressive Enhancement and Accessibility (by/via) · · videos, accessibility, progressive-enhancement
- Open Source Trends to Look for in 2024 (via) · · foss, trends, visions, ai, security
- Native Mobile Accessibility Testing (by/via) · · videos, accessibility, testing, mobile
- Developers Talking About Code Quality (by+/via) · · studies, research, quality, readability
- Accessible Web Components? (by/via) · · videos, web-components, accessibility
- CSS Findings From The Threads App II (by) · · css, case-studies
- Building a Core Accessibility Team: The Keys to the Kingdom (by/via) · · accessibility, engineering-management, processes