![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2024” Archive (7)
- When It Says “Name From Author” It Means From You, Not Boll or Bukowski (by) · · accessibility, aria, naming
- What Is the Difference Between ASP and ASP.NET? (via) · · asp, asp-net, comparisons
- What Is Lighthouse Speed Index (SI) and How to Reduce It · · performance, metrics, lighthouse, google
- Wednesday, February 14, 2024 Security Releases (by+/via) · · release-notes, nodejs, security
- 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
- Selenium Automation Testing: A Step-by-Step Beginners Guide (via) · · guides, selenium, testing, automation
- 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
- How to Center a Div (by) · · how-tos, css, centering
- CSS Color Module Level 4 (by+/via) · · css, colors
- Building htmx and Go Web Apps With Gemini Advanced (by) · · videos, web-apps, htmx, go, ai
- Be Aware of Arrays—V8 Engine Advice · · javascript, 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
- You Want to Make It Easy to Feature Your Content (via) · · frontend-dogma, content, community
- The Anatomy of Addictive Content (by/via) · · content, writing, seo
- React, Solid, htmx (by) · · react, solidjs, htmx, comparisons
- Learn TypeScript (by) · · websites, courses, typescript
- How to Choose the Best Static Site Generator in 2024 (via) · · how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
- 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
- A CSS Project Boilerplate (by/via) · · css, tailwind, templates
- 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
- CSS Mixins and Functions Explainer (by/via) · · css, mixins, functions
- Navigating Prioritization: Four Approaches (by) · · project-management, prioritization, processes
- Don’t Disable Form Controls (by) · · accessibility, usability, forms, buttons
- The Front-End Development We’re Used to Is Dying · · career, simplicity, complexity
- HTML as the Baseline (by) · · html, progressive-enhancement
- Have We Forgotten How to Build Ethical Things for the Web? (by) · · web, ethics
- Everything You Need to Know About Image Formats in 2024 (via) · · images, jpeg, png, gif, webp, avif, pdf, svg
- Accelerating Code Reviews With Nudges (by) · · research, code-reviews, productivity, experiments, meta
- What Is a Descriptive Transcript? (via) · · accessibility, multimedia
- The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (via) · · videos, accessibility
- So You Think You Know Git (by/via) · · videos, git
- Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (by/via) · · nodejs, npm, yarn, pnpm, dependencies
- 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
- 10 Best Automated AI Code Review Tools 2024 (via) · · ai, automation, code-reviews, tooling, comparisons, link-lists
- When to Use the “min()” or “max()” Function (by) · · css, functions
- UI Elements Are Not So Elementary (by/via) · · design, design-patterns
- Remix Takes on Next.js in Battle of the React Frameworks (by/via) · · frameworks, react, remix, nextjs
- 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
- Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (by/via) · · videos, lessons, eleventy, javascript, modules, refactoring
- 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
- Designing User Onboarding: Lessons From Figma, Duolingo, and More (via) · · lessons, onboarding, design, user-experience, figma
- A Guide to Designing for Older Adults (by/via) · · guides, design, accessibility
- A Beginner’s Guide to Seamless Open-Source Contributions (by/via) · · guides, foss
- You Won’t Scale (by) · · maintainability, scaling
- Visual Hierarchy: Making User Experiences Easier to Understand (by/via) · · user-experience, design
- Thoughts on a Global Design System (by) · · design-systems
- The Most Demanded Frontend Frameworks in 2023 (by) · · frameworks, comparisons, react, angular, vuejs
- 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
- Getting Into Web Components—an Intro (by) · · introductions, web-components
- 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
- “X” Marks the Spot: Landmark Elements (by) · · html, semantics, accessibility, assistive-tech, aria
- Why Disabled People’s Needs Aren’t “Special” (by) · · accessibility
- The Importance of Web Performance to Information Equity (by/via) · · videos, performance, accessibility
- htmx Deep Dive With Carson Gross (via) · · videos, htmx
- What Is WAP? (by/via) · · wap, mobile
- SOLID Principles: They’re Rock-Solid for Good Reason (by) · · programming, principles, solid
- Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (by/via) · · images, svg, css, masking, performance
- From Many to One: Moving Our JavaScript Code Into a Monorepo (via) · · migration, monorepos, javascript, git
- All Art Is a Copy of Something (by) · · art
- 5 Hidden Risks of Your Inaccessible Website (by/via) · · accessibility
- Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code? · · ai, quality, technical-debt
- Tracking Your Interviews Is Extremely Important (by) · · career, interviewing
- The Web Just Gets Better With Interop 2024 (by/via) · · web-platform, interoperability, user-agents, support
- Interop 2024 (by/via) · · interoperability, web-platform, user-agents, support
- How to Make a Great Framework Better?—Svelte 5 With Rich Harris (by/via) · · videos, frameworks, svelte
- Everyone’s a Sellout Now (by/via) · · career, culture
- Dynamically Adding Text Alternatives to Images With AI (by/via) · · automation, ai, accessibility, alt-text
- Drupal Creator: Websites Needed More Than Ever in the AI Era (by/via) · · web, ai, complexity
- Career Retrospective (by) · · career, retrospectives
- A Look at the New WAI-ARIA 1.3 Draft (by) · · accessibility, aria, standards
- A Complete Guide to Open Source—100× Simpler (by) · · guides, foss
- GitLab vs. GitHub: Which Is Better in 2024? (by/via) · · version-control, gitlab, github, comparisons
- Why Not htmx? (by) · · htmx
- The Good, the Bad, the Web Components (by) · · web-components, shadow-dom, dom
- The Art and Science of Annotations in Dev Mode (by/via) · · figma
- Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization (by/via) · · testing, cypress, playwright, network
- PurePWA—a Radical U-Turn in Web Development · · web-apps, simplicity, tooling
- Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (by/via) · · html, dom, shadow-dom, apis, security
- Making VPATs and ACRs More Effective in Procurement (via) · · accessibility, vpat-acr, processes
- Interaction to Next Paint Becomes a Core Web Vital on March 12 (by+/via) · · performance, web-vitals, metrics
- Implementing User Authentication in React Apps With Appwrite (via) · · react, authentication, tooling
- How to Stream Files From Next.js Route Handlers (by) · · how-tos, nextjs, routing, streaming
- Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (via) · · guides, accessibility, colors, color-palettes, figma
- Be Purposeful About Your Content (via) · · accessibility, content, writing
- 5 Essential DevTools Console Hacks for Every Web Developer (by) · · videos, user-agents, dev-tools
- Why Do Rubber Ducks Work? (by/via) · · processes, productivity, creativity
- Web Platform Design Principles (by+/via) · · web-platform, software-design, principles, w3c
- Use CSS “accent-color” to Style Your Inputs (by) · · css, forms
- Understanding Signals in Django (by/via) · · signals, django
- Tuesday, February 6, 2024 Security Releases (by/via) · · release-notes, nodejs, security
- The Psychology of Site Speed and Human Happiness (by/via) · · performance, usability
- Stop Burning Out Maintainers: An Empathetic Guide for Contributors (by/via) · · guides, foss, collaboration
- Onboarding (by/via) · · processes, onboarding, productivity, engineering-management
- New to the Web Platform in January (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- Learn Testing (by/via) · · courses, testing
- Is Generated Code Harder to Maintain? (by) · · discussions, ai, maintainability, maintenance
- Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (by/via) · · css, units, fonts
- “field-sizing” Just Works! (by/via) · · css, forms, comparisons
- Celebrate a More Interoperable Web With Interop 2023 (by/via) · · web-platform, interoperability, user-agents, support
- A Highly Configurable Switch Component Using Modern CSS Techniques (by/via) · · html, css
- The Web Component Success Story (by) · · web-components
- The Loss of the Process in the Name of Progress (via) · · design, creativity, productivity, processes
- The EU Forces Open Apple’s Walled Garden (by/via) · · legal, apple, user-agents, mobile
- Practical Guide to Destructuring: TypeScript vs. Dart (by) · · guides, typescript, dart, comparisons
- Next.js App Router Migration: The Good, Bad, and Ugly (by/via) · · nextjs, routing, migration
- How to Favicon in 2024: Six Files That Fit Most Needs (by/via) · · how-tos, images, favicons
- Git: The Basics of “git bisect” (by) · · fundamentals, git
- Express Forward (by/via) · · discussions, visions, express
- ESG and DEI Policies Were Always Luxury Goods (by/via) · · dei, sustainability, policies
- Dynamic README Image Based on GitHub Activity (by) · · readme, github
- Debunking 10 Common Objections to Incremental Delivery for Software Teams (by/via) · · agile, processes
- At Last, Browser Choice * (by) · · legal, user-agents, apple, mobile
- Nicer Text Wrapping With CSS “text-wrap” (by) · · css, typography
- Design Systems Burnout (by) · · design-systems
- A Guide to Styling Tables (by) · · css, tables, responsive-design
- Please, Don’t Force Me to Log In (by) · · web, authentication, user-experience
- Gold Text Effect With CSS (by) · · css, effects
- Futuring With Design (via) · · design, creativity, processes
- Big, Beautiful, Beefy Focus States With “:focus-visible” (by) · · css, selectors, focus
- Apple, the DMA, and Malicious Compliance (by) · · legal, user-agents, apple, mobile
- Apple Redecorates Its iPhone Prison to Appease Europe (by/via) · · legal, user-agents, apple, mobile
- The Impact of Developer Experience (by) · · research, developer-experience, productivity, efficiency
- Overlays and Ethics: A Conference Panel That Hurt My Heart (by) · · accessibility, ethics, overlays, community
- Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (by/via) · · user-agents, apple, mozilla, firefox, mobile
- Introducing Our Updated [Green Web Hosting] Directory (by/via) · · release-notes, sustainability, hosting
- Inside .git (by) · · git
- HTML Web Components on the Server Are Great (by) · · html, web-components
- 7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (by/via) · · accessibility, tips-and-tricks, processes
- 5 Web Design Disasters That Will Ruin Your 2024 (via) · · design, responsive-design, seo
- Using Alternative Browser Engines in the European Union (via) · · apple, user-agents, browser-engines, mobile
- This Web Page Is Best Viewed in the EU (by/via) · · legal, user-agents, apple, mobile, web
- The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments (by+/via) · · studies, research, accessibility, legal
- Should Links Open in a New Tab? (by) · · links, usability, user-experience
- One World, One Web, One Love (by) · · web
- JWT vs. Session Authentication (by/via) · · security, authentication, json-web-tokens, comparisons
- Deno 1.40: Temporal API (by+/via) · · release-notes, deno
- CSS Blurry Shimmer Effect (by/via) · · css, effects
- Animating Font Palette (by) · · css, colors, fonts, effects
- A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js (by) · · functionality, databases, sql, nodejs, django, nextjs
- What Happened With the Web Monetization API? (by) · · apis
- What Can a Website Do? (by) · · accessibility, usability, quality
- Web Components in Earnest (by) · · web-components, javascript
- User Styles (by) · · css, user-styles, user-agents
- The Structure of User Experience (by/via) · · user-experience, processes
- The New CSS Color Format You Didn’t Know You Needed; “oklch()” (by) · · css, colors, oklch, functions, tailwind
- Take a Qwik Break From React With Astro (by/via) · · qwik, react, astro, frameworks, comparisons
- Release Notes for Safari Technology Preview 187 (by/via) · · release-notes, user-agents, apple, safari
- On Web Components (by) · · web-components
- GitHub, npm Registry Abused to Host SSH Key-Stealing Malware (via) · · github, npm, security, foss
- Getting Started With Content Collections in Astro (by/via) · · introductions, astro
- Five Future Roles for Designers (by) · · design, career, visions
- Are Design Systems a Zero-Interest Rate Phenomenon? (by) · · design-systems, economics
- 14 Best SEO Tools in 2024 (via) · · seo, tooling, link-lists
- New Study on Coding Behavior Raises Questions About Impact of AI on Software Development (by/via) · · studies, research, ai, quality, technical-debt
- What Is JSDoc and Why You May Not Need TypeScript for Your Next Project (by) · · javascript, typescript, documentation, jsdoc
- What Has a Ceiling but No Floor? (by) · · accessibility, apple, meta
- Unlocking the Power of HTML’s Native Browser “dialog” Element (by/via) · · html, modals
- Unit Testing With Jest and Integration With GitHub Actions (by) · · testing, jest, github, quality
- The Web Is Unversioned (by+/via) · · web-platform, versioning
- The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (by+/via) · · ai, design, typography
- Modern JavaScript Library Starter (by) · · dependencies, npm, libraries
- LCP and FCP on Single Page Application on Soft Navigations (by) · · performance, web-vitals, spas, navigation
- In Praise of Buttons (by/via) · · buttons
- Highlight Text When a User Scrolls Down to That Piece of Text (by/via) · · css, scrolling, effects
- Google Is Using AI to Organize and Customize Your Chrome Browser (by/via) · · ai, user-agents, google, chrome
- Exploring the Bounds of Jamstack With Zach Leatherman (by+/via) · · videos, interviews, tech-stacks, jamstack
- Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (by) · · bookmarklets, accessibility, html, aria, keyboard-shortcuts
- Better Form UX With the CSS Property “field-sizing” (by) · · forms, user-experience, css
- Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build (by) · · culture, engineering-management, processes, comparisons
- WebKit Features in Safari 17.3 (by/via) · · release-notes, user-agents, apple, safari, webkit
- Repetition Avoidance (by) · · code-pens, accessibility, user-experience, aria
- Layouts in Astro (by/via) · · astro
- How End-to-End Testing Moves Us Closer to Continuous Accessibility (by/via) · · accessibility, processes, testing
- How a Web-Site Redesign Can Impact the Customer Journey (by/via) · · redesign, user-experience
- Handling Environment Variables in Node.js (by/via) · · environments, nodejs
- Could Local SEO Transform Your User Experience? (by/via) · · seo, user-experience
- Continuous Accessibility: What, Why, How (by/via) · · accessibility, processes, testing, tooling
- 7 Mobile UX Design Tools to Supercharge Your Design Process (via) · · design, tooling, link-lists
- Why I Don’t Care About Website/Blog Stats (by) · · blogging, metrics, sem
- What Is Our Design Intention? (via) · · design, processes
- What Is CSS Motion Path? (by) · · css, svg, animations
- The World’s Smallest PNG (by) · · images, png, minimalism
- Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (by) · · accessibility, design, html, aria
- The Bun Shell (by/via) · · bun, javascript, shell
- Mastering Node CSV (via) · · nodejs, csv
- A Call for Consensus on HTML Semantics (by) · · html, semantics
- Why Do Reflows Negatively Affect Performance? (by/via) · · performance, reflow
- Under-Supported and Underpaid (by) · · accessibility, career, economics, craft
- My Take on Fading Content Using Transparent Gradients in CSS (by/via) · · css, gradients, transparency
- Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (by+) · · videos, interviews, css, web, user-agents, apple, safari
- Making CSS View Transitions Easy With Velvette (by/via) · · css, transitions, tooling
- How Core Web Vitals Affect SEO (by+/via) · · performance, web-vitals, lighthouse, google, seo
- 12 Modern CSS One-Line Upgrades (by) · · css
- The Color Input and the Color Picker (by/via) · · html, colors, usability
- Deceptive Deprecation: The Truth About npm Deprecated Packages (by+/via) · · security, npm, dependencies, research
- Create a Currency Converter With HTML, CSS, and Vanilla JavaScript (by/via) · · functionality, html, css, javascript
- Astro 4.2 (by+/via) · · astro, release-notes
- Which Programming Language Should I Learn First in 2024? (by/via) · · programming, career, learning
- The Designer’s Guide to Social Computing (via) · · guides, design, social-media
- Safely Accessing the DOM With Angular SSR (by/via) · · security, dom, javascript, angular, server-side-rendering
- JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) (by) · · videos, javascript, arrays, sorting, comparisons
- Indicators, Validations, and Notifications: Pick the Correct Communication Option (by/via) · · notifications, errors, validation, usability
- Fading Content Using Transparent Gradient in CSS (by) · · css, gradients, transparency, effects
- Dispatching an Event (by/via) · · javascript, events
- Basic Accessibility Mistakes I Often See in Audits (by) · · accessibility, mistakes, auditing, html, semantics, focus, links, buttons
- AI Art Is the New Stock Image (via) · · design, ai, images
- A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (by/via) · · introductions, scrolling, animations, css, functions
- Stop Trying to Recruit Unicorns With Acorns (by) · · accessibility, career
- Practical Guide to Usability Testing (via) · · guides, usability, testing
- Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (via) · · nodejs, security
- Measuring Developer Productivity: Real-World Examples (by+) · · productivity, metrics, developer-experience, google, microsoft
- Is It Time to Switch From Docker to Podman? (by) · · videos, docker, tooling, comparisons
- Guide to Fast Next.js (by/via) · · guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
- Git Lesson: How to Use .gitignore and .gitkeep? (by) · · git, how-tos
- Disillusioned With Deno (by) · · deno
- Difference Between “getElementByID” and “querySelector” (by) · · javascript, css, selectors
- Are You Boring Your Interviewer by Over-Explaining Context? (by/via) · · career, interviewing, design
- APA-Style Titles in Laravel (by) · · writing, conventions, laravel
- 14 Things to Check Before Deploying a Website (by) · · deploying, quality, processes