![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2024” Archive (5)
- Jakob Has Jumped the Shark (by) · · accessibility, link-lists
- Asking Users for Their Pronouns: A Guide for UX Designers (by) · · guides, user-experience, communication
- Add Superpowers to Your CSS Variables With Style Queries (by/via) · · css, container-queries, custom-properties
- Navigating the Future of Frontend (via) · · frameworks, web-platform, visions
- Modern CSS Tooltips and Speech Bubbles II (by/via) · · css, techniques
- How “HEAD” Works in Git (by) · · git
- Creating Color Palettes With the CSS “color-mix()” Function (by/via) · · css, functions, colors, color-palettes
- Some Little Ways I’m Using CSS “:has()” in the Real World (by/via) · · css, selectors, examples
- How to Test 2.5.8 Target Size (Minimum) (by/via) · · how-tos, accessibility, testing
- Managing Static Files in Django: A Comprehensive Guide (by/via) · · guides, django, file-handling
- AVIF Is the Future of Web Images · · images, avif, performance, visions
- The Quiet, Pervasive Devaluation of Frontend (by) · · html, css, craft, career, community
- Making Room for Long List Markers With Subgrid (by) · · html, css
- Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets (via) · · shadow-dom, dom, css
- 90% of Designers are Unhirable? (by/via) · · design, processes, career
- Sometimes, a Button Just Wants to Look Like a Button (by/via) · · design, usability, buttons
- Exploring the Creative Power of CSS Filters and Blending (via) · · css, blend-modes, effects
- WebAssembly JSPI Is Going to Origin Trial (by/via) · · webassembly
- The Ultimate Guide to Choosing the Best React Website Builder (via) · · guides, react, tooling, comparisons, link-lists
- The End of My Gatsby Journey (by) · · gatsby, frameworks, comparisons
- Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (by/via) · · videos, css, selectors
- Release Notes for Safari Technology Preview 190 (by/via) · · release-notes, user-agents, apple, safari
- Internationalization With Remix (by/via) · · remix, internationalization
- Announcing TypeScript 5.4 (by/via) · · release-notes, typescript
- 5 Ways Productivity Culture Kills Business Agility (by/via) · · productivity, agile, economics, culture
- Best Practices for Inclusive Design (by/via) · · design, dei, accessibility, best-practices
- Data Table Design Patterns (via) · · information-design, tables, design-patterns
- WebKit Features in Safari 17.4 (by+/via) · · release-notes, user-agents, apple, safari, webkit
- How to Use WebSockets in Node.js to Create Real-Time Apps (by/via) · · how-tos, websocket, nodejs
- How to Ensure Your Designs Work If You Can’t Access Sample Data (by/via) · · how-tos, design, usability, metrics, testing
- WCAG? More Like, W-What?! (by) · · accessibility, wcag, link-lists
- The 88×31 Archive · · web, images, history
- JavaScript Runs the World—Maybe Even Literally (by/via) · · javascript, programming, web
- Modern Git Commands and Features You Should Be Using (by) · · git, command-line
- JSR: Second Look (by) · · jsr
- Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (via) · · design, accessibility, user-experience, mobile
- Achieving Design Collegiality While Maintaining Psychological Safety (by/via) · · design, collaboration
- VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr (by) · · servers, hosting, comparisons, metrics
- How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (by/via) · · npm, dependencies, examples, security
- CSS for Printing to Paper · · css, print
- We Need to Talk About Jakob (by) · · accessibility
- Tools That Make Me Productive as a Software Engineer (by) · · tooling, productivity, link-lists
- Bugs I’ve Filed on Browsers (by) · · user-agents, chromium, firefox, webkit, quality
- Accessibility Has Not Failed—It Has Not Even Started for Real (by) · · accessibility, ai
- Accessibility Darkness (by) · · accessibility, overlays
- Planning a Design System Generation (by) · · design-systems, automation
- Go Ahead and Block AI Web Crawlers (by) · · robotstxt, scraping, ai
- The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked (by) · · aws, javascript, runtimes, nodejs, comparisons, metrics
- Emerging UX Patterns in Generative AI Experiences (via) · · user-experience, design-patterns, ai
- Apple Backs Off Killing Web Apps, but the Fight Continues (via) · · web-apps, apple
- Design System Generations (by) · · design-systems, processes
- Web Tech Trends to Watch in 2024 and Beyond (via) · · trends, design, dark-mode, ai, sustainability, minimalism
- TIL—“submit()” versus “requestSubmit()” (by) · · javascript, comparisons
- Retrofitting Fluid Typography (by) · · typography, css
- Modern CSS Tooltips and Speech Bubbles (by/via) · · css, techniques
- Introducing JSR—the JavaScript Registry (by+/via) · · jsr, deno, dependencies, javascript
- Eloquent JavaScript (by) · · websites, books, javascript
- Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (by/via) · · user-agents, apple, mobile, web-apps
- “AI” and Accessible Front-End Components: Is the Nuance Generatable? (by) · · accessibility, web-components, ai
- A Love Letter to the Underrepresented in Tech (by) · · community
- What Is Inclusive Design, and How Does It Relate to Accessibility? (by/via) · · design, dei, accessibility
- Diving Into CSS Interactivity (by+/via) · · videos, css
- Why Does “is-number” Package Have 59M Weekly Downloads? (by) · · dependencies, npm
- What You Need to Know About Software Requirements (by) · · software-design, best-practices
- Understanding Cookies and Sessions in React (by/via) · · react, authentication, cookies
- The Wax and the Wane of the Web (by/via) · · web-platform, history
- Techniques to Break Words (by) · · techniques, html, css, content
- New to the Web Platform in February (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (via) · · guides, nodejs, dependencies, comparisons
- Accessibility Has Failed: Try Generative UI = Individualized UX · · accessibility, usability, ai, visions
- Top 8 Recent V8 in Node Updates (by/via) · · nodejs, v8
- How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js (by/via) · · how-tos, navigation, functionality, astro, tailwind
- Ultimate Guide to Visual Testing With Playwright (via) · · guides, testing, regressions, playwright
- Test Quality vs. Bashing Tailwind CSS (by) · · tailwind, css, comparisons
- So, What Exactly Did Apple Break in the EU? (by) · · user-agents, apple, mobile, support, web-apps, apis
- Making Math Accessible (by/via) · · accessibility, math
- Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (by/via) · · css, container-queries, units
- Enhanced Internationalization (I18N) in Next.js 14 (via) · · nextjs, internationalization
- Creativity Lies in the Paradoxes (via) · · creativity, design
- Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (by) · · apple, web-apps, community
- An HTML Switch Control (by+/via) · · html, css, forms
- Here Lies the Internet, Murdered by Generative AI (by) · · web, content, ai
- AI and Design Systems (by) · · ai, design-systems
- A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (by) · · videos, mistakes, dark-mode, css
- How to Lazy-Load CodePen and CanIUse Embeds (by) · · how-tos, embed-code, performance
- How to Use Server-Sent Events in Node.js (by/via) · · how-tos, nodejs, events
- YouTube Video Embedding Harm Reduction (by) · · multimedia, embed-code, html, privacy
- Tumblr and WordPress to Sell Users’ Data to Train AI Tools (by/via) · · wordpress
- The 3 Capabilities Designers Need to Build for the AI Era (via) · · design, career, training, ai
- Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (by) · · accessibility, user-agents, assistive-tech, screen-readers, support
- Reporting Core Web Vitals With the Performance API (by/via) · · apis, performance, web-vitals
- A Fun Line of Code (by) · · javascript, apis, multimedia
- 10 Takeaways From the WebAIM Screenreader Survey #10 (by/via) · · accessibility, user-agents, assistive-tech, screen-readers
- A Web Designer’s Accessibility Advocacy Toolkit (via) · · accessibility, advocacy, strategies
- Speaker Spotlight: Michelle Barker (by+/via) · · interviews, css, sustainability
- How to Build a Newthing (by) · · how-tos, processes, creativity, maintenance
- Why I Use Firefox (by) · · user-agents, mozilla, firefox
- What Is a Single-Page Application? (by) · · spas, javascript, performance, user-experience
- The CSS Cascade—a (Re)Introduction (by) · · videos, css, cascade
- No Outer Margin (by) · · css, components
- CSS-Only Bottom-Anchored Scrolling Area (by) · · css, scrolling
- CSS Foundations: What Is IACVT? (by/via) · · css
- Advanced Figma Tips and Tricks 2024: Little Gems We Love (by/via) · · figma, tips-and-tricks
- Home Screen Advantage (by) · · user-agents, apple, mobile, support, web-apps, web-platform
- JSDoc as an Alternative TypeScript Syntax (by) · · typescript, documentation, jsdoc
- WebAIM Screen Reader User Survey 10 (by/via) · · accessibility, user-agents, assistive-tech, screen-readers
- Understanding Event-Driven Architecture (by) · · architecture, events
- The Power of Patterns and Playbooks in Content Design (by/via) · · design, content, design-patterns
- My WebAIM 10th SR User Survey Takeaways (by) · · accessibility, user-agents, assistive-tech, screen-readers
- CSS “:has()” Interactive Guide (by) · · guides, css, selectors
- CAPTCHA Is Still [the] Most Problematic Issue on the Web (by) · · accessibility, web, captcha
- Why My Code Isn’t in TypeScript (by) · · typescript
- Proposal: CSS Variable Groups (by) · · css
- A Developer’s Guide for Web Accessibility (by) · · guides, accessibility
- Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (via) · · javascript, libraries, client-side-rendering, state-management
- UX Leadership Is Failing (and What We Can Do About It) (by/via) · · user-experience, leadership
- JSR: What We Know So Far About Deno’s New JavaScript Package Registry (by/via) · · jsr, deno, dependencies, javascript
- JavaScript Bloat in 2024 (by) · · javascript, performance
- htmx vs. React: A Complete Comparison (by/via) · · htmx, react, comparisons
- Difference Between the Accessibility Page and the Accessibility Statement (by/via) · · accessibility, documentation, comparisons
- Building Dynamic Progress Bars Using Only CSS (by) · · css
- ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (via) · · videos, accessibility, aria, html, user-experience
- CSS “::backdrop” Now Inherits From Its Originating Element (by/via) · · css, selectors
- The One Trick Every Flutter Web Dev Needs to Know (by/via) · · tips-and-tricks, flutter, performance
- My Favourite Animation Trick: Exponential Smoothing (by) · · animations, tips-and-tricks
- View Transitions: Handling Aspect Ratio Changes (by) · · css, transitions
- Syntax Highlighting With No Spans?! (by/via) · · css, apis
- Release Notes for Safari Technology Preview 189 (by/via) · · release-notes, user-agents, apple, safari
- Node.js 2023 Year in an Article (by) · · nodejs, retrospectives
- Next.js vs. Remix—a Developer’s Dilemma (by/via) · · nextjs, remix, comparisons
- Making of True Multi-Brand Design System (via) · · design-systems, theming
- How to Optimize the Web for the Worst User Conditions? (by) · · how-tos, user-experience, responsive-design, performance, optimization
- 10 Best Create React App Alternatives for Different Use Cases (via) · · frameworks, tech-stacks, comparisons, link-lists
- A Practical Guide to Designing for Colorblind People (by/via) · · guides, accessibility, design, colors, color-blindness
- Why Is JavaScript Fragile? (by) · · javascript
- How to Transfer Binary Data Efficiently Across Worker Threads in Node.js (by) · · how-tos, nodejs, worker-threads
- “random()” Distribution Visualizer (by) · · javascript, randomness
- Preventing SQL Injection Attacks in Node.js (via) · · security, nodejs, databases, sql
- Okay, Color Spaces (by) · · colors, oklch
- My Design System Journey: Building the Plane While Flying (via) · · design-systems, collaboration, processes
- Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (by/via) · · videos, accessibility, wcag, guidelines, compliance
- Design Patterns That Encourage Junk Data (by/via) · · design-patterns, sustainability, economics, storage, email
- CSS-Only Radial Progress Bars Using Conic Gradients (by/via) · · videos, css, gradients
- Control Lazy Load, Infinite Scroll, and Animations in React (by/via) · · react, lazy-loading, scrolling, animations, javascript
- A Practical Guide to Using Shadow DOM (by) · · guides, dom, shadow-dom
- How to Design an Accessible Web Site for People With Color-Deficient Vision (via) · · how-tos, accessibility, dei, user-experience, colors, contrast, readability
- What Is Utility-First CSS? (by) · · css, presentational-css, principles
- [Web Accessibility] Survey Results · · accessibility, surveys
- “Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (by) · · content, design, design-debt, technical-debt, maintenance, processes
- The Fifty-Fifty Split and Overflow (by) · · css, layout
- Responsive Web Design: 3 Key Fundamentals (via) · · videos, responsive-design, fundamentals
- Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (by/via) · · collaboration, onboarding, user-experience
- 7 Effective Ways to Craft Compelling Problem Statements for UX Design (by/via) · · user-experience, product-management, processes
- 17 Equations That Changed the World—Rewritten in JavaScript (via) · · javascript, math
- 100 Things You Can Do on Your Personal Website (by) · · blogging, writing, indieweb
- Tailwind Marketing and Misinformation Engine (by) · · tailwind, css, semantics, principles, maintainability
- Don’t Care About Accessibility? Resistance Is Futile! (by) · · accessibility
- JavaScript on Demand: How Qwik Differs From React Hydration (by/via) · · javascript, qwik, react, hydration, comparisons
- Understanding React “useEffect” (via) · · react
- JavaScript Workers (by) · · videos, javascript, web-workers
- A Manifesto for Small, Static, Web Apps (by) · · web-apps, principles
- UI = ƒ(statesⁿ) (by) · · design, state-management
- Popular Git Config Options (by) · · git, configuration
- It’s Official, Apple Kills Web Apps in the EU (via) · · web-apps, apple
- How to Set Up a Node Server With TypeScript in 2024 (by/via) · · how-tos, nodejs, servers, typescript
- Be a Better Developer With These Git Good Practices (by) · · git, best-practices, conventions, consistency, code-reviews
- Future of CSS: Functions and Mixins (by) · · css, functions, mixins
- Full Guide on How to Hire Front-End Developers Effectively (via) · · guides, how-tos, hiring, career
- Top 20 JavaScript One-Liners That Don’t Actually Work (by) · · javascript
- React Labs: What We’ve Been Working On—February 2024 (by+/via) · · react
- Playing With Infinity in CSS (by) · · css, math
- Making the Most of Ligatures (by) · · css, typography
- How I Developed the 10 Usability Heuristics · · usability, heuristics, history
- Getting to an Accessibility Strategy (by) · · accessibility, strategies, processes
- ARIA “note” (by) · · accessibility, aria, user-agents, assistive-tech, screen-readers, support
- A Dozen Thoughts About AI (by) · · ai
- What Is the Difference Between ASP and ASP.NET? (via) · · asp, asp-net, comparisons
- When It Says “Name From Author” It Means From You, Not Boll or Bukowski (by) · · accessibility, aria, naming
- Wednesday, February 14, 2024 Security Releases (by+/via) · · release-notes, nodejs, security
- How Accessibility Standards Can Empower Better Chart Visual Design (by/via) · · accessibility, contrast, colors, information-design
- The Text File That Runs the Internet (by/via) · · robotstxt, scraping, ai, web
- Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (by/via) · · css, scrolling, animations
- Reasonable WCAG Additions (by) · · accessibility, wcag
- Input Type “date”: The Accessibility of HTML Date Picker (by/via) · · accessibility, forms
- How to Center a Div (by) · · how-tos, css, centering
- Building htmx and Go Web Apps With Gemini Advanced (by) · · videos, web-apps, htmx, go, ai
- Why I Like Scrumban (by) · · processes, agile, scrum, kanban
- The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (by) · · css, functions, math
- How to Fix the Invisible Scrollbar Issue in iOS Browsers (by/via) · · how-tos, user-agents, mobile, scrolling, css
- CSS Color Module Level 4 (by+/via) · · css, colors
- Be Aware of Arrays—V8 Engine Advice · · javascript, engines, v8, arrays
- An Introduction to Node.js Multithreading (by/via) · · introductions, nodejs, multithreading
- Advanced Architecture for AI Application (aka AAAA) (by) · · ai, architecture, edge-computing, optimization
- A Practical Guide to Designing for Children (by/via) · · guides, design, link-lists
- A CSS Project Boilerplate (by/via) · · css, tailwind, templates
- Learn TypeScript (by) · · websites, courses, typescript
- How to Choose the Best Static Site Generator in 2024 (via) · · static-site-generators, gatsby, nuxt, nextjs, hugo, eleventy, vuejs
- You Want to Make It Easy to Feature Your Content (via) · · frontend-dogma, content, community
- React, Solid, htmx (by) · · react, solidjs, htmx, comparisons
- The Anatomy of Addictive Content (by/via) · · content, writing, seo
- How to Boost WordPress Security and Protect Your SEO Ranking (via) · · how-tos, wordpress, security, seo
- Can Generative AI Help Write Accessible Code? (by/via) · · accessibility, code-generation, ai
- CSS Mixins and Functions Explainer (by/via) · · css, mixins, functions
- Using Recursive CSS to Change Styles Based on Depth (by) · · css, selectors
- Names Are Complex: Displaying Initials for an Avatar Component in a Design System (by) · · naming, design, case-studies
- Navigating Prioritization: Four Approaches (by) · · project-management, prioritization, processes
- Don’t Disable Form Controls (by) · · accessibility, usability, forms, buttons
- HTML as the Baseline (by) · · html, progressive-enhancement
- Everything You Need to Know About Image Formats in 2024 (via) · · images, jpeg, png, gif, webp, avif, pdf, svg
- Have We Forgotten How to Build Ethical Things for the Web? (by) · · web, ethics
- Accelerating Code Reviews With Nudges (by) · · research, code-reviews, productivity, experiments, meta
- The Front-End Development We’re Used to Is Dying · · career, simplicity, complexity
- Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (by/via) · · nodejs, npm, yarn, pnpm, dependencies
- So You Think You Know Git (by/via) · · videos, git
- What Is a Descriptive Transcript? (via) · · accessibility, multimedia
- The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (via) · · videos, accessibility
- Is [“* { min-width: 0; }”] a Good Idea? (by) · · videos, css
- In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (by/via) · · web-apps, user-agents, apple, mobile
- Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (by/via) · · css, units
- Git Tips: Really Large Repositories (by/via) · · git, monorepos, tips-and-tricks
- Frequently Heard in My Beginning Front-End Web Development Class (by/via) · · learning, career
- Web Development Is Getting Too Complex, and It May Be Our Fault (by/via) · · web-platform, frameworks, tech-stacks, complexity
- Release Notes for Safari Technology Preview 188 (by/via) · · release-notes, user-agents, apple, safari
- Opportunities for AI in Accessibility (by/via) · · accessibility, ai
- Offloading JavaScript With Custom Properties (by) · · javascript, css, custom-properties
- CSS Is Logical (by) · · css
- A Beginner’s Guide to Seamless Open-Source Contributions (by/via) · · guides, foss
- Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (by/via) · · videos, lessons, eleventy, javascript, modules, refactoring
- Designing User Onboarding: Lessons From Figma, Duolingo, and More (via) · · lessons, onboarding, design, user-experience, figma
- Remix Takes on Next.js in Battle of the React Frameworks (by/via) · · frameworks, react, remix, nextjs
- When to Use the “min()” or “max()” Function (by) · · css, functions
- UI Elements Are Not So Elementary (by/via) · · design, design-patterns
- Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (by/via) · · npm, dependencies, security
- Lines of Code—How to Not Measure Code Quality and Developer Efficiency (by) · · metrics, quality, efficiency, productivity
- jQuery 4.0.0 Beta (by/via) · · release-notes, jquery
- JavaScript vs. Python: Which One Should You Learn First? (by/via) · · javascript, python, comparisons
- JavaScript Promises Demystified (by+/via) · · javascript, promises
- In Praise of the “switch” Statement (by) · · javascript
- Immutable Array Updates With “Array.prototype.with” (by/via) · · javascript, arrays, user-agents, support
- Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (by/via) · · accessibility, usability, forms, errors
- Detect Caps Lock With JavaScript (by) · · javascript
- A Guide to Designing for Older Adults (by/via) · · guides, design, accessibility
- The Decision to Leave Tech (by) · · career, retrospectives
- Revolutionizing Usability Testing With Machine Learning (via) · · usability, testing, ai
- It’s the Hope That Kills You (by) · · accessibility, career, community
- How to Create Rounded Gradient Borders With Any Background in CSS (by) · · how-tos, css, borders, gradients, backgrounds
- Exciting New Tools for Designers, February 2024 (by/via) · · design, tooling, link-lists
- Everything You Need to Know About Git (by) · · git, command-line
- Bookmarklet: Load All GitHub Comments (by) · · bookmarklets, github, code-reviews
- 13 Best Books, Courses, and Communities for Learning React (via) · · react, books, courses, link-lists