“2023” Archive (9)
Featured on Frontend Dogma? Confirm and whitelist your domain.
- What Is a Design System and Why Should You Use One? (by/via) · · design-systems
- Safari Releases Are Development Hell (by/via) · · browsers, apple, safari, support
- So, How Can We Measure UX? (via) · · user-experience, metrics
- Slow Start and Congestion Control (Browser Networking) (by) · · performance, protocols, tcp
- 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
- 10 Ways to Hide Elements in CSS (by/via) · · css, accessibility, performance
- Sticky Page Header Shadow on Scroll (by) · · css, scrolling, shadows
- Syntaxonomy—a Collection of Web Languages (by) · · websites, training, learning, career, link-lists
- 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
- 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
- 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
- On-Page SEO Checklist: The Complete Task List for 2023 (by/via) · · seo, checklists, html, semantics
- Alternative Text in the Wild: 5 Alternative Text Examples (via) · · accessibility, writing, examples
- DevTools: Getting Data From DevTools Into Your Code Editor (by) · · dev-tools, browsers, code-editors
- New to the Web Platform in March (by/via) · · release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
- The Pros and Cons of Different UI Automation Test Tools—Playwright (by) · · automation, testing, playwright
- Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (by) · · videos, ai, centering
- A CSS Selector to Highlight Clickable Elements (by) · · css, selectors
- XUL Layout Is Gone (by) · · history, xul, browsers, mozilla, firefox
- From Burnout to Balance: Why Are So Many UX Designers Fatigued? (by/via) · · career, productivity, user-experience, design
- AWS CloudFront Tutorial: Setup and Configuration (by/via) · · tutorials, aws, cloudfront, content-delivery, configuration
- Why JavaScript Is a Prototype-Based OOP (by) · · javascript, oop
- 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
- CSS Masking (by) · · css, masking
- Checkered Background Using Two Lines of Code in CSS (by+) · · backgrounds, css
- Framework Popularity on Netlify (by/via) · · frameworks, react, nextjs, gatsby, hugo, zola, comparisons
- 6 Steps to Reduce the Carbon Footprint of Your Website (by/via) · · sustainability
- Usability Heuristics in Game Design (by/via) · · usability, heuristics, design
- Using PHP Arrays: A Guide for Beginners (by/via) · · guides, php, arrays
- 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
- Flutter Performance Optimization Techniques and Best Practices (via) · · flutter, performance, optimization, best-practices
- Meet Arc, a New Innovative Browser That Challenges Chrome (via) · · browsers, arc, google, chrome
- JavaScript Import Maps Are Now Supported Cross-Browser (by/via) · · javascript, browsers, support
- Accessibility vs. Emojis (via) · · accessibility, emoji, unicode, comparisons
- File Uploads for the Web: File Uploads in Node and Nuxt (by) · · file-handling, nodejs, nuxt
- TypeScript Function Types: A Beginner’s Guide (by) · · guides, typescript, functions
- 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
- Connecting Dots of an Accessibility Audit (by/via) · · accessibility, auditing
- 10 AI Tools for Content Writing (via) · · tooling, link-lists, content, writing, ai
- Introduction to esbuild · · introductions, esbuild, bundling
- Defaulting on Single Page Applications (SPA) (by) · · single-page-apps, javascript, performance
- 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
- 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 Principles for AI Products (by/via) · · user-experience, principles, ai
- UX Basics: Study Guide (by/via) · · guides, fundamentals, user-experience, training, link-lists
- Using TypeScript Without Compilation (by) · · typescript
- Harnessing GPT-4 for Writing Assistance and Content Creation (by/via) · · writing, content, social-media, ai
- CSS-Only Widgets Are Inaccessible (by) · · accessibility, css
- Brief Introduction to Edge Computing · · introductions, edge-computing
- The Causes of Unreliable Software (by) · · research, complexity, maintainability
- The State of JS Frameworks (by+/via) · · podcasts, javascript, frameworks, libraries
- WYSIWYGPT (by) · · ai, career
- What Is Strict Mode in React? (by) · · react
- Usability 101 (by/via) · · videos, usability
- The “search” Element (by) · · html, accessibility, semantics
- The Landscape of npm Packages for CLI Apps · · nodejs, npm, dependencies, command-line
- The IL1 Typography Test (by/via) · · videos, typography, legibility, user-experience, testing
- CSS “overflow” Property (by/via) · · css
- DevTools: Convert Network Requests to Code, or Even to a Terminal Command (by) · · dev-tools, browsers, network, command-line
- A Complete Visual Guide to Understanding the Node.js Event Loop (by/via) · · guides, nodejs, event-loop, events
- The Ultimate Guide to Image Optimisation (by/via) · · guides, images, performance, compression, optimization
- What We’ve Learned About Designing for Accessibility From Our Users (by/via) · · accessibility, design
- The Machines Won’t Save Your Design System (by) · · design-systems, ai
- Everything You Wanted to Know About Video Storage APIs (via) · · multimedia, storage, apis
- Circular Text With CSS? (by) · · css
- Accessible but Never Boring: Rebranding the Wise Design System for Everyone II (by/via) · · accessibility, design, design-systems
- Automatic npm Publishing With GitHub Actions and npm Granular Tokens (by/via) · · npm, github-actions, github, automation
- Some Cross-Browser DevTools Features You Might Not Know (by/via) · · dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
- npx: The Easy Way to Run Node.js Packages (by) · · nodejs, dependencies, npx
- 5 Lesser-Known Spacing Tips for Product Designers (by/via) · · design, spacing
- Certifications Should Be Hard (by) · · accessibility, training, learning
- What’s New in Eleventy 2: A Great SSG Just Got Better (by/via) · · eleventy
- Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (by) · · accessibility, browsers, screen-readers, assistive-tech, css
- File Uploads for the Web: Upload Files With JavaScript (by) · · file-handling, javascript
- With or Without the JS Framework (by) · · javascript, frameworks, career
- When Is “:focus-visible” Visible? (by) · · accessibility, css, selectors
- Understanding the Semantic Web—Dive Deep Into the Web’s Evolution (by) · · semantic-web
- The Carbon Cost of Social Media (via) · · sustainability, social-media
- That Time When SVG Almost Got Network Support for Raw Sockets · · svg, network, history
- State of Node.js 2023 (by+/via) · · videos, nodejs
- How to Start a React Project in 2023 (by) · · how-tos, react
- Annotating Designs for Accessibility (by/via) · · videos, accessibility, design
- 7 Ways Web Developers and UX Designers Can Collaborate (by/via) · · collaboration, processes
- Regression Testing in the Agile Universe (via) · · agile, processes, testing, regressions
- The Intersection of Data Visualization and UX Design (via) · · information-design, user-experience, design
- Why We Added package.json Support to Deno (by/via) · · deno, support, nodejs, npm
- The End of Front-End Development (by) · · visions, career, html
- What Is Git Merge and How to Use It? (by/via) · · git
- The Cost of Craft (by) · · craft, quality, complexity, processes
- The Age of Average (by) · · design
- The 5 Best Status Page Tools (via) · · tooling, monitoring, alerting, link-lists
- Rich Harris Talks SvelteKit and What’s Next for Svelte (by+/via) · · interviews, svelte, sveltekit
- Preventing Too-Short Final Lines of Text Blocks (by) · · css, typography
- CSS Is Dead! (by) · · css
- 5 Ways to Modernize Your Web Application (by/via) · · web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scaling
- Deep Dive Into How Web Browsers Work (With Illustrations) (by) · · browsers, rendering, deep-dives
- Using “forRoot()” and “forChild()” in Angular (by) · · angular
- Speeding Up the JavaScript Ecosystem—npm Scripts (by) · · javascript, performance, bundling, npm
- Laying Out a Print Book With CSS · · print, css
- Introduction to Flutter: Getting Started With Cross-Platform Development (by) · · introductions, flutter
- Time to Move on From Nunjucks? (by) · · template-engines, nunjucks, webc, liquid, javascript
- Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language (by) · · javascript
- How to Stop a React Component From Rendering (by) · · how-tos, react, components, client-side-rendering
- Design System Guide (by) · · guides, design-systems, link-lists
- How Screen Readers Read Special Characters: An Update (by/via) · · accessibility, screen-readers, assistive-tech, support, unicode
- Hijacking Screenreaders With CSS (by/via) · · videos, accessibility, screen-readers, assistive-tech, css
- DevTools: Tricks for Copying the Styling From Any Website (by) · · dev-tools, css, browsers, google, chrome
- Foundations: Pointer Gestures (by/via) · · accessibility, fundamentals, usability
- Cryptographically Protecting Your SPA (by) · · single-page-apps, security, cryptography
- What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI? · · ssi
- The Problem With React (by) · · react
- Retro-Specifying Fetch/Performance (by/via) · · standards, apis, data-fetching
- How to Use “v-model” With Form Inputs in Vue (by) · · how-tos, vuejs, forms
- Everything You Need to Know About the Updated React Docs (by) · · react, documentation
- 5 Tips for New Prototypers (via) · · videos, prototyping, tips-and-tricks
- DevTools: Faster Searching in DevTools With CSS Selectors (by) · · dev-tools, css, selectors, browsers, google, chrome
- It’s About Time CAPTCHAs Become Accessible (via) · · accessibility, captcha
- Accessibility and Design Systems: The Deep-Dive Q&A (by+/via) · · interviews, accessibility, design-systems, deep-dives
- Scraping Single-Page Applications With Playwright (via) · · scraping, single-page-apps, playwright
- Versioning Design Tokens (by) · · design-tokens, versioning, maintainability
- Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (by+/via) · · github, foss, community
- The Ultimate Guide to Micro-Content (by/via) · · guides, content, microcontent
- JavaScript Polyfills (by) · · javascript, polyfills
- Internationalization in Next.js 13 With React Server Components (by/via) · · internationalization, nextjs, react, components
- Accessibility Beyond Code Compliance (by) · · accessibility, compliance
- JavaScript for Beginners: Data Structures · · javascript, data-structures, arrays, objects
- The H1 Conundrum: Understanding the Challenges of Heading Level One (by/via) · · accessibility, semantics, headings, html
- Git Fundamentals, a Complete Guide (by) · · guides, git, fundamentals
- Future CSS: Anchor Positioning (by) · · css, anchor-positioning, experiments
- Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (by+/via) · · offline, storage, web-apps
- 6 CSS Snippets Every Front-End Developer Should Know in 2023 (by/via) · · css
- Circling Back on Design and Everything Else (via) · · design
- Useful Tips and Tricks for Laravel (via) · · tips-and-tricks, laravel
- VS Code vs. WebStorm: A Comparison for Newbies · · code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
- What Leonardo Da Vinci Can Teach Us About Web Design (by/via) · · design, layout
- TCP Echo Server for Node.js · · servers, nodejs, tcp
- Progressively Enhancing a Table With a Web Component (by) · · html, javascript, tables, web-components, progressive-enhancement
- Modern Font Stacks (by) · · websites, fonts, typography
- JavaScript: Automatically Remove an Event Listener After It Has Executed (by) · · javascript, events
- How Design Is Governance (by/via) · · design
- Fix Color Contrast—Web Accessibility for Text and UI Design (by) · · accessibility, colors, contrast
- Advice From a Software Engineer With 8 Years of Experience (by) · · career
- Accepting Design (by+/via) · · design
- What Is the Cost of Designing a Mobile App? (via) · · economics, mobile
- 8 Tips for Making Your Custom Web Designs Mobile Friendly (via) · · design, mobile, tips-and-tricks
- Best Practices for Structuring Accessibility Testing (by/via) · · accessibility, testing, best-practices
- Why Aren’t Logical Properties Taking Over Everything? (by) · · css, logical-properties, internationalization
- The Ternary Operator in JavaScript (by) · · javascript, operators
- Making Calendars With Accessibility and Internationalization in Mind (by/via) · · functionality, accessibility, internationalization
- Introduction to Offline First Web Applications (by/via) · · videos, offline, web-apps
- We Don’t Need “.visually-hidden” (by/via) · · accessibility, css, semantics, quality
- UX Strategy: Study Guide (by+/via) · · guides, user-experience, strategies, training, link-lists
- Create and Download Text Files Using JavaScript (by) · · javascript
- “content” Is Your Content? (by/via) · · css, content, seo, accessibility, maintainability
- Books You Can Read to Learn CSS · · books, learning, css
- From UX to Growth Design: 5 Principles to Multiply Your Value (by/via) · · user-experience, design, principles
- View Transitions API: Creating Smooth Page Transitions (via) · · transitions, apis
- The Ultimate Guide to Becoming a 10× Dev (by) · · guides, productivity, career
- Handling CSS Color Fonts With “font-palette” (via) · · css, colors, fonts
- “Design First, Then Build”: Let’s Bury This Myth Forevermore (by/via) · · design, processes, myths
- SPA View Transitions Land in Chrome 111 (by/via) · · apis, transitions, release-notes, browsers, google, chrome
- TypeScript’s Migration to Modules (by+/via) · · typescript, modules, esm, commonjs, migrating
- Exploring Bundling in Lightning CSS (by/via) · · css, minification, bundling, linting, lightning-css
- Web Cookies With a Taste of Privacy (by/via) · · cookies, privacy, user-experience
- One Problem That Is Now Solved by CSS Subgrid (by) · · css, grids, layout
- Evolving Custom Sliders (by/via) · · javascript, css
- File Uploads for the Web: Uploading Files With HTML (by) · · file-handling, html
- Vue vs. React: Everything You Need to Know (via) · · vuejs, react, comparisons
- Selecting Previous Siblings With CSS “:has()” (by) · · css, selectors
- Craft vs. Industry: Separating Concerns (by) · · quality, economics, maintainability, craft, comparisons
- Cover All the Codebases: A Guide to Code Coverage Tools (via) · · guides, code-coverage, testing, tooling, link-lists
- Building Complex Forms in Vue (by/via) · · forms, vuejs
- All JavaScript and TypeScript Features From the Last 3 Years (via) · · javascript, typescript, history
- Tackling Design Debt in Product (by/via) · · podcasts, design-debt, product-management
- Static Site Generators: What’s Trending Right Now (via) · · site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
- My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (by) · · accessibility, components
- I No Longer Understand “prefers-contrast” (by) · · css, media-queries
- How to Fix: Child Stylesheet Loading Twice (WordPress) (via) · · how-tos, wordpress, php
- CSS Nesting (by/via) · · css, nesting
- Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (by/via) · · css, functions
- ChatGPT and Me (a Recruiter) (via) · · ai, career, interviewing
- As a User, I Don’t Want To (by/via) · · product-management, agile, user-experience
- Quick Tip: How to Cache Data in PHP (by/via) · · how-tos, php, caching, tips-and-tricks
- Zebra Stripe Lines of Text Even When They Wrap (by) · · css
- Change Favicon on Switching Browser Tabs in JavaScript (by) · · images, favicons, javascript
- An End to Typographic Widows on the Web (by) · · typography, css
- 2023 Web Framework Performance Report (by/via) · · frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
- ARIA Live Regions for JavaScript Frameworks (by/via) · · accessibility, aria, live-regions, javascript, frameworks
- Managing Fonts in WordPress Block Themes (via) · · fonts, wordpress, theming
- What Value Does Developer Relations Bring to Other Teams? (by) · · developer-relations, processes
- The AI Future of Frontend Development (by) · · ai, career
- HTML Garden (by) · · websites, html, art
- Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond (by/via) · · flutter, best-practices
- A Tab Interface Before Its Time (by) · · html, components
- The Anatomy of a Good Design: An Analysis of 4 Sites (by/via) · · design
- Balanced Text Wrapping Is Coming to CSS (by) · · css, typography
- 50.1% Empty Links (by) · · accessibility, html, links, semantics, seo
- 10 Helpful JavaScript Utility Functions (by) · · javascript, functions
- The Cost of Architectural Complexity (by) · · research, architecture, complexity, economics
- Client-Side JavaScript and React Criticism: What Comes Next? (by) · · javascript, react, accessibility, performance, resilience, progressive-enhancement
- Optimising Large Contentful Paint (by/via) · · videos, performance, web-vitals, optimization
- Making the Case for Signals in JavaScript (by/via) · · javascript, signals
- Continuous Growth Is Cancer (by) · · economics, career
- AI-Generated Git Commit Messages (by) · · ai, git, automation, commit-messages
- The Art of Unlearning (by/via) · · learning, design
- Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (by/via) · · case-studies, vuejs, migrating, headless, content-management
- Toolkit Tuesday: Using YouTube for Captions and Transcripts (via) · · videos, accessibility, captions, youtube
- Introduction to UIkit (via) · · introductions, uikit
- Signals in Angular: The Future of Change Detection (by) · · angular, signals
- Responsive Headlines Are About to Get Awesome (by/via) · · css, headings, typography, responsive-design
- Everything You Need to Know About the Gap After the List Marker (by/via) · · css
- Are You Making These Five Mistakes When Writing Alt Text? (by/via) · · accessibility, writing, alt-text, mistakes
- A Native “Visually Hidden” in CSS? Yes Please! (by/via) · · accessibility, browsers, screen-readers, assistive-tech, css
- Throttle Your CPU (by/via) · · browsers, dev-tools, testing, throttling
- You Don’t Need a Build Step (by/via) · · building, tooling, deno
- Unlocking SVG’s Superpowers (by/via) · · videos, svg, images
- The Web Needs a Native “.visually-hidden” (by) · · css, accessibility
- Relative Rounded Corners (by/via) · · html, css
- React vs. Signals: 10 Years Later (by/via) · · react, signals, javascript, comparisons, retrospectives
- Learn How to Set Up a CI/CD Pipeline From Scratch (by) · · how-tos, ci-cd
- How We Built Our Multi-Platform Design System at Booking.com (by/via) · · case-studies, design-systems, theming, scaling
- Declarative Design (by/via) · · videos, design
- Announcing TypeScript 5.0 RC (by/via) · · typescript, release-notes
- Accessible but Never Boring: Rebranding the Wise Design System for Everyone (by/via) · · accessibility, design, design-systems