![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (8)
- Why “font-size” Must Never Be in Pixels (by) · · css, units, accessibility, responsive-design
- The Simple Trick to Transition From Height “0” to “auto” With CSS (by) · · videos, css, transitions, tips-and-tricks
- What’s New in Svelte: May 2023 (by/via) · · release-notes, svelte, sveltekit
- This Blog Is Hosted on My Android Phone (by) · · websites, hosting
- Testing Feature Support for Modern CSS (by) · · css, feature-detection, support
- Tailwind CSS vs. UnoCSS (by) · · tailwind, unocss, css, frameworks, comparisons
- “:root” Isn’t Global (by) · · css
- Practical Guide to Not Blocking the Event Loop · · guides, javascript, event-loop, events, performance
- CSS Wishlist 2023 (by) · · css, wish-lists
- Configuring ESLint, Prettier, and TypeScript Together (by) · · eslint, prettier, linting, formatting, tooling, typescript, configuration
- CDNs: Speed Up Performance by Reducing Latency (by) · · content-delivery, performance
- Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (by/via) · · foss, content, career
- 7 Things to Remove From Your Job Postings to Be More Inclusive (by/via) · · hiring, dei
- Two Underused Arguments for Writing Documentation (by) · · writing, documentation, career
- My Favorite Free Courses to Learn JavaScript in Depth (by) · · courses, javascript, training, link-lists
- 30th Anniversary of Licensing the Web for General Use and at No Cost (by/via) · · web, web-platform, standards, foss, history
- The Popover API Is Exciting, Sort Of (by) · · apis, pop-overs
- Dark Mode in 3 Lines of CSS and Other Adventures (by) · · css, dark-mode
- Write Better CSS by Borrowing Ideas From JavaScript Functions (by/via) · · css, javascript, functions, quality
- Rebuilding a Featured News Section With Modern CSS: Vox News (by) · · css, refactoring, maintenance, optimization
- New to the Web Platform in April (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox
- JS Private Class Fields Considered Harmful (by) · · javascript
- Everything You Need to Know About Webpack’s Bundle Analyzer (by) · · webpack, bundling, tooling
- Animating the Impossible (by/via) · · videos, animations, transitions
- A Beginner’s Introduction to the Most Common Data Types in Programming (via) · · introductions, data-types, programming
- Writing Unit Tests in Node.js Using Jest (by+/via) · · testing, nodejs, jest
- What Is the Value of a Design System? (by/via) · · design-systems
- Typography for Everyone (by/via) · · videos, fonts, typography
- The Most Underrated Section of Design Portfolios (by/via) · · design, career
- Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (by) · · accessibility, communication, advocacy, processes
- Modern CSS Layout Is Awesome! (by/via) · · videos, css, layout
- How to Manage Design Tokens (by) · · how-tos, design-tokens, maintenance
- How to Deep Merge Arrays and Objects With JavaScript (by) · · how-tos, javascript, arrays, objects
- Accessible Target Sizes Cheatsheet (by/via) · · accessibility, user-experience
- The Most Important Thing Productivity Tools Are Missing About AI (by/via) · · tooling, productivity, ai
- The Interactive Guide to Rendering in React (by/via) · · guides, client-side-rendering, react
- Discovering the Power of JavaScript Proxy After All This Time (by) · · javascript
- Transition To and From “display: none” With Upcoming CSS Capabilities (by) · · videos, css, transitions
- The Best Way to Get nvm Working in CI/CD Systems · · nvm, ci-cd
- Reducing the Cost of String Serialization in Node.js Core (by) · · nodejs, performance
- Crafting the Next.js Website (by+) · · nextjs
- Comparing the Best Node.js Version Managers: nvm, Volta, and asdf (by/via) · · nodejs, npm, nvm
- Adding Motion to the Next Decade of Atomic Design (via) · · design, atomic-design
- The Potentially Dangerous Non-Accessibility of Cookie Notices (by/via) · · accessibility, cookies, legal, privacy, user-experience
- The “const” Deception (by) · · javascript
- Scoped CSS Is Back (by) · · css, scope
- Organizing a Web Design System for Scalability in Figma (via) · · design-systems, scaling, figma
- npm vs. Yarn vs. pnpm (by) · · npm, yarn, pnpm, comparisons
- Goodbye “create-react-app”: A New Approach (by) · · react
- Frontend Web Performance Checklist (by) · · performance, checklists
- Figma, I Love You but You’re Bringing Me Down (by/via) · · figma
- Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (by/via) · · design-debt, user-experience, metrics, economics
- CSS Blend Modes (by) · · css, blend-modes
- Avoiding Dark Patterns in Web Design (by/via) · · dark-patterns, design
- Transitioning to Height Auto (Two Ways) (by) · · css
- “The Secret List of Websites” (by) · · ai, web, content
- The Effects of Technical Debt on Morale (by) · · technical-debt, productivity
- Meeting WCAG Level AAA (by/via) · · accessibility, wcag, conformance, standards
- How to Write Comments in React: The Good, the Bad, and the Ugly (by) · · how-tos, react, documentation
- Exploring the Potential of Web Workers for Multithreading on the Web (by/via) · · web-workers, multithreading, performance, javascript
- “details”/“summary” Inconsistencies (by) · · html, user-agents, assistive-tech, support
- Dark Mode Toggle and “prefers-color-scheme” (by) · · dark-mode, css
- Considering Content Warnings in HTML (by) · · html, content, dei
- Upgrading Our CSS Habits: “aspect-ratio” (by) · · css
- Spinning Diagrams With CSS (by) · · css, animations
- Read-Only Web Apps (by) · · javascript, progressive-enhancement
- Designing and Coding for Voice (by) · · accessibility, voice
- CSS Custom Properties Beyond the “:root” (by) · · css, custom-properties, semantics
- 5 Topics You Should Touch on During the Recruitment Process · · interviewing, career, processes
- Why Is Scrum the Most Popular Agile Framework? (by/via) · · scrum, agile, processes
- Visually Accessible Data Visualization (by/via) · · accessibility, information-design
- Using HTML Elements as CSS Masks (by) · · css
- Release Notes for Safari Technology Preview 168 (by/via) · · release-notes, user-agents, apple, safari
- Productivity and Well-Being: A Summary of What Works · · productivity, career
- It’s Time for the Tech Industry to Live Up to Its Ideals (via) · · career, visions
- Introducing npm Package Provenance (by+/via) · · github, npm, provenance, security, foss
- Intro to Runtime Performance in the Chrome DevTools Performance Panel (by/via) · · videos, introductions, performance, dev-tools, user-agents, google, chrome
- Generating Provenance Statements (by/via) · · npm, provenance, security
- 5 Code Refactoring Techniques to Improve Your Code (by/via) · · refactoring, maintenance, techniques
- Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It? (by) · · how-tos, aws, caching
- What’s New in ECMAScript 2023 (by) · · ecmascript, standards
- Signals: Fine-Grained Reactivity for JavaScript Frameworks (by/via) · · javascript, reactivity, signals, frameworks
- Node.js 20 Is Now Available! (via) · · nodejs, release-notes
- Kubernetes Quick Tutorial (by) · · tutorials, kubernetes
- How to Create an SEO Strategy (by/via) · · how-tos, seo, strategies
- DevTools: A Better Way to Visualize Your JavaScript (by) · · dev-tools, visualization, user-agents, performance, lighthouse, google, chrome, microsoft, edge
- Container Query Units and Fluid Typography (by) · · css, container-queries, typography
- Audio Accessibility in Miro: A Hackathon Story in 3 Acts (by/via) · · accessibility, multimedia, experiments
- 8 Best Tools for Cryptography and Encryption (via) · · link-lists, tooling, comparisons, security, cryptography, privacy
- You Are What You Measure (by) · · videos, metrics
- What Is Design Thinking? (via) · · design
- Using a Muted Color Palette in Web Design (via) · · design, colors, color-palettes
- It’s Very Likely That… (by) · · html, semantics, buttons, modals
- Firefox May Soon Reject Cookie Prompts Automatically (by/via) · · cookies, legal, user-experience, mozilla, firefox
- Deno vs. Node: No One Is Ready for the Move (by/via) · · deno, nodejs, dependencies, comparisons
- Business Impacts of UI Design and UX Design (by/via) · · design, economics
- Answering “What ARIA Can I Use?” (by/via) · · accessibility, aria, user-agents, assistive-tech, screen-readers, support
- All About the Semantic Web (via) · · semantic-web, concepts
- A List of Programming Playgrounds (by) · · programming, link-lists, testing
- The Acronyms of Rendering on the Web (by) · · rendering, server-side-rendering, client-side-rendering, terminology
- Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (by) · · javascript, performance, plugins
- Serving Less Data to Users With the “prefers-reduced-data” Media Query (by) · · css, media-queries, performance, sustainability
- My Favorite Courses to Learn Microservices in Depth (by) · · courses, training, microservices, link-lists
- How to Name Design Tokens in a Design System (by/via) · · how-tos, design-tokens, design-systems, naming
- Exploring “:has()” Again (by/via) · · css, selectors
- Angular 16 Is Huge (by/via) · · angular
- 3 Common IA Mistakes (That Are All Due to Low Information Scent) (via) · · information-architecture, usability, mistakes
- Lessons of Design (by/via) · · lessons, design
- Dissecting npm Malware: Five Packages and Their Evil Install Scripts (by/via) · · npm, security
- Web Accessibility: A Reference to Creating Inclusive Websites (via) · · accessibility
- The “details” Element Is Amazing (by) · · html
- Ping Animation With Minimal CSS (by) · · css, animations
- Consume Web Streams From OpenAI Using Vanilla JavaScript (by) · · videos, data-fetching, streaming, ai, javascript
- 9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (via) · · design, user-experience, research
- 4 Ways to Create an Enum in JavaScript (by) · · javascript
- What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (by/via) · · videos, dev-tools, user-agents, google, chrome, debugging, testing, css
- The Pros and Cons of Different UI Automation Test Tools—Puppeteer (by) · · automation, testing, puppeteer
- Embracing AI as a Material for Design (by/via) · · design, ai, content
- Costly CSS Properties and How to Optimize Them (by) · · css, performance, optimization
- Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers (by/via) · · accessibility, assistive-tech, screen-magnification
- A History of the World Wide Web From 1989 to the Present Day (via) · · history, web
- 10 Best Sorting Algorithms Explained (via) · · sorting, algorithms
- Transparent Video for the Web in 2023 (by) · · multimedia, transparency
- Solving the CSS Layout and Source Order Disconnect (by/via) · · css, layout
- Shifting Left, or: Making Accessibility Easier by Doing It Earlier (by) · · videos, slides, accessibility, processes
- Passkeys: What the Heck and Why? (by/via) · · security, passwords
- How to Work With Dates and Times in Vanilla JavaScript (by) · · how-tos, javascript
- CSS: Tricks for Targeting Elements With CSS (by) · · css, selectors, tips-and-tricks
- Angular Is Back With a Vengeance (by/via) · · videos, angular
- Understanding CSS Preload and Other Resource Hints (by/via) · · css, performance, hints
- Shallow vs. Deep Copying in JavaScript (by/via) · · javascript, comparisons
- HTML Accessibility API Mappings 1.0 (by+/via) · · html, accessibility, apis
- Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (via) · · user-agents, mozilla, firefox, cookies, privacy
- Expanding Grid Cards With View Transitions (by) · · css, transitions
- Don’t Override Screen Reader Pronunciation (by) · · accessibility, user-agents, assistive-tech, screen-readers, pronunciation
- Advanced Figma Components Tips and Tricks: Little Gems We Love (by/via) · · figma, components, design, tips-and-tricks
- Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience (via) · · videos, accessibility, design-systems, dei, user-experience
- What’s a Basic Use Case for Cascade Layers in CSS? (by) · · css, cascade, maintainability
- Trying Node.js Test Runner (by) · · nodejs, testing
- The Performance Golden Rule Revisited (by) · · performance, metrics
- Temporal Intervals Are Handy in MySQL (by) · · databases, mysql
- React, Visualized (via) · · introductions, react, visualization
- New HTML Element: “search” (by) · · html, semantics
- Formulating Your Product Design North Star (aka Design Principles) (by/via) · · design, principles, processes
- Document or Die: The Importance of Writing Things Down in Tech · · documentation, maintainability, link-lists
- Building Pagination in React With React Paginate (by/via) · · react, navigation, pagination
- Why Astro Is My Favorite Framework (by) · · astro, frameworks
- CSS Text Balancing With “text-wrap: balance” (by) · · css, typography
- Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide (by) · · guides, career, learning
- What’s New in CSS? (by/via) · · slides, css
- Understanding Apache Web Server Configuration (by) · · servers, apache, configuration
- Mastering Yarn’s Lifecycle With Hooks (by) · · yarn, hooks
- Choosing Humanity Over Automation (via) · · ai, design, automation
- Boost Your JavaScript With JSDoc Typing (by) · · javascript, typescript, documentation, jsdoc
- The Pattern to Make Your Frontend Tests 10× Better (by) · · testing
- Stream File Uploads to S3 Object Storage and Save Money (by) · · aws, streaming, storage, economics
- Programming-Language Popularity by GitHub Pull Requests (by) · · studies, research, programming, comparisons, github, javascript, typescript
- It’s Time to Learn OKLCH Color (by) · · colors, oklch, css
- DevTools: A Clever Overview of All Your CSS Code (by) · · user-agents, dev-tools, auditing, css, google, chrome
- Chasing Rainbows (by/via) · · accessibility, colors, color-blindness, user-experience
- Advancing Your Tech Skills (via) · · career, learning
- Unlocking the Power of Design Tokens to Create Dark Mode UI (by) · · design-tokens, dark-mode
- Frontend Developer Tries Tailwind for the First Time (by/via) · · videos, tailwind, css
- Establishing Metrics for Accessibility ROI (by) · · accessibility, metrics, economics
- 10 CSS Animation Tips and Tricks (by) · · videos, css, animations, tips-and-tricks
- 3 Methods for Scoped Styles in Web Components That Work Everywhere (by) · · web-components, css, scope, dom, shadow-dom, support
- What’s New in WCAG 2.2? (by/via) · · accessibility, wcag, standards
- The Alt Text War—SEO vs. Accessibility (by/via) · · accessibility, seo, writing, alt-text, comparisons
- Release Notes for Safari Technology Preview 167 (by/via) · · release-notes, user-agents, apple, safari
- Observing CSS (by) · · css, javascript, monitoring
- JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript (via) · · guides, javascript, memory, garbage-collection
- Foundations: Accessible Names and Descriptions (by/via) · · accessibility, naming, writing, aria
- Designing for Reduced Motion (by/via) · · accessibility, animations
- Choosing a Name for Your Design System (by) · · design-systems, naming
- Can You Create Beautiful Stroked Text in CSS? (via) · · css, effects
- 7 Tips for Getting Started With Vue.js (by/via) · · videos, vuejs, tips-and-tricks
- What Makes a Good Screenshot? (by/via) · · accessibility, images
- What Is Semantic HTML? (by/via) · · html, semantics
- The Revenge of the Pop-Up (by/via) · · user-experience, anti-patterns, pop-ups
- Testing Localhost on Multiple Devices (by) · · testing, environments
- New in Chrome 112 (by/via) · · release-notes, user-agents, google, chrome
- Code Explanation Using GitHub Copilot (by) · · github, ai, learning
- 4 GitHub Alternatives for Code Repositories (via) · · git, link-lists
- What Is a Design System and Why Should You Use One? (by/via) · · design-systems
- So, How Can We Measure UX? (via) · · user-experience, metrics
- Slow Start and Congestion Control (Browser Networking) (by) · · performance, protocols, tcp
- Safari Releases Are Development Hell (by/via) · · user-agents, apple, safari, support
- Quick Tip: Pull Data From an API Into a Figma Layer (by/via) · · tips-and-tricks, apis, figma, design
- JSON vs. XML With Douglas Crockford (by+/via) · · podcasts, interviews, json, xml, comparisons, history
- How WebAssembly Is Accelerating New Web Functionality (by/via) · · webassembly, functionality
- Five Pieces of Advice for More Accessible Websites (by) · · accessibility, html
- Exposing Field Errors (by) · · accessibility, forms, aria, assistive-tech, support
- Copy to Clipboard in JavaScript and React (by) · · javascript, react
- Accessibility for Designers: Where Do I Start? (by) · · accessibility, design, link-lists
- A Small JavaScript Pattern I Enjoy Using (by) · · javascript
- A Color Wheel With Gradient (by) · · css, colors, gradients, effects, tips-and-tricks
- Why Do They Ignore My Awesome Design Documentation? (by) · · design, documentation
- When I Get That Low Contrast Feeling, I Need Non-Textual Healing (by/via) · · accessibility, contrast, colors
- The Future of Senior Developers in an AI-Driven World (by) · · career, ai, code-completion
- Sticky Page Header Shadow on Scroll (by) · · css, scrolling, shadows
- Modern HTML Email (Tables No Longer Required) (by) · · html, email, tables
- 7 Tricks to Take the Performance of Your Website to the Moon (by) · · performance, minification, tree-shaking, tips-and-tricks
- 10 Ways to Hide Elements in CSS (by/via) · · css, accessibility, performance
- We Need Accessibility Action (by) · · accessibility, web
- The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps · · guides, accessibility, testing, automation, ci-cd, react
- Folder Structure for Modern Web Applications (by) · · architecture, web-apps
- The Pros and Cons of Different UI Automation Test Tools—Playwright (by) · · automation, testing, playwright
- New to the Web Platform in March (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
- Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (by) · · videos, ai, centering
- DevTools: Getting Data From DevTools Into Your Code Editor (by) · · dev-tools, user-agents, code-editors
- Alternative Text in the Wild: 5 Alternative Text Examples (via) · · accessibility, writing, examples
- A CSS Selector to Highlight Clickable Elements (by) · · css, selectors
- XUL Layout Is Gone (by) · · history, xul, user-agents, mozilla, firefox
- Why JavaScript Is a Prototype-Based OOP (by) · · javascript, programming
- Why I Quit Being a Tech “Influencer” (by) · · career
- What Are Source Maps? (by/via) · · videos, debugging
- One in Two New npm Packages Is SEO Spam Right Now (by/via) · · npm, seo
- From Burnout to Balance: Why Are So Many UX Designers Fatigued? (by/via) · · career, productivity, user-experience, design
- CSS Masking (by) · · css, masking
- Checkered Background Using Two Lines of Code in CSS (by+) · · backgrounds, css
- Using PHP Arrays: A Guide for Beginners (by/via) · · guides, php, arrays
- Usability Heuristics in Game Design (by/via) · · usability, heuristics, design
- The WebAIM Million (via) · · studies, research, accessibility, metrics
- HTML: Help Users to Download Files With the HTML “download” Attribute (by) · · html
- How to Use Google Fonts and “font-display” (by/via) · · how-tos, google, fonts, css
- Framework Popularity on Netlify (by/via) · · frameworks, react, nextjs, gatsby, hugo, comparisons
- Flutter Performance Optimization Techniques and Best Practices (via) · · flutter, performance, optimization, best-practices
- 6 Steps to Reduce the Carbon Footprint of Your Website (by/via) · · sustainability
- TypeScript Function Types: A Beginner’s Guide (by) · · guides, typescript, functions
- Meet Arc, a New Innovative Browser That Challenges Chrome (via) · · user-agents, arc, google, chrome
- JavaScript Import Maps Are Now Supported Cross-Browser (by/via) · · javascript, user-agents, support
- In Praise of Vite (by/via) · · vite
- Improving CSS Shapes With Trigonometric Functions (by) · · css, shapes, functions
- How to Split an Angular App Into Micro-Frontend Apps · · how-tos, angular, micro-frontends, web-apps
- How to Review and Refactor Code With GPT-4 (and ChatGPT) (by/via) · · how-tos, code-reviews, refactoring, ai, optimization
- Guardrails for Better Accessibility Support in Frontend (by) · · accessibility, quality, tooling
- File Uploads for the Web: File Uploads in Node and Nuxt (by) · · file-handling, nodejs, nuxt
- Connecting Dots of an Accessibility Audit (by/via) · · accessibility, auditing
- Accessibility vs. Emojis (via) · · accessibility, emoji, unicode, comparisons
- 10 AI Tools for Content Writing (via) · · tooling, link-lists, content, writing, ai
- Mastering the JavaScript “switch” Statement (by/via) · · javascript
- Getting Started With HTML Tables (by/via) · · html, tables, introductions
- Function Overloading in TypeScript (by/via) · · typescript, functions
- Fighting Inter-Component HTML Bloat (by) · · components, html, semantics, quality
- Defaulting on Single Page Applications (SPA) (by) · · spas, javascript, performance
- CSS Creator Håkon Wium Lie Interview (by/via) · · interviews, css
- AI-Enhanced Development Makes Me More Ambitious With My Projects (by) · · ai, code-completion, productivity
- A Quick Guide to Reviewing a VPAT ACR (by) · · accessibility, vpat-acr, conformance, auditing
- UX Basics: Study Guide (by/via) · · guides, fundamentals, user-experience, training, link-lists
- Using TypeScript Without Compilation (by) · · typescript