![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (9)
- Why We Added package.json Support to Deno (by/via) · · deno, support, nodejs, npm
- Rich Harris Talks SvelteKit and What’s Next for Svelte (by+/via) · · interviews, svelte, sveltekit
- The 5 Best Status Page Tools (via) · · tooling, monitoring, alerting, link-lists
- 5 Ways to Modernize Your Web Application (by/via) · · web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scaling
- CSS Is Dead! (by) · · css
- The Cost of Craft (by) · · craft, quality, complexity, processes
- Regression Testing in the Agile Universe (via) · · agile, processes, testing, regressions
- Preventing Too-Short Final Lines of Text Blocks (by) · · css, typography
- The Age of Average (by) · · design
- The Intersection of Data Visualization and UX Design (via) · · information-design, user-experience, design
- Deep Dive Into How Web Browsers Work (With Illustrations) (by) · · user-agents, rendering
- Introduction to Flutter: Getting Started With Cross-Platform Development (by) · · introductions, flutter
- Speeding Up the JavaScript Ecosystem—npm Scripts (by) · · javascript, performance, bundling, npm
- Laying Out a Print Book With CSS · · print, css
- Using “forRoot()” and “forChild()” in Angular (by) · · angular
- How to Stop a React Component From Rendering (by) · · how-tos, react, components, client-side-rendering
- Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language (by) · · javascript
- Design System Guide (by) · · guides, design-systems, link-lists
- DevTools: Tricks for Copying the Styling From Any Website (by) · · dev-tools, css, user-agents, google, chrome
- What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI? · · ssi
- Retro-Specifying Fetch/Performance (by/via) · · standards, apis, data-fetching
- Cryptographically Protecting Your SPA (by) · · spas, security, cryptography
- 5 Tips for New Prototypers (via) · · videos, prototyping, tips-and-tricks
- The Problem With React (by) · · react
- 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
- How Screen Readers Read Special Characters: An Update (by/via) · · accessibility, user-agents, assistive-tech, screen-readers, support, unicode
- Hijacking Screenreaders With CSS (by/via) · · videos, accessibility, user-agents, assistive-tech, screen-readers, css
- Foundations: Pointer Gestures (by/via) · · accessibility, usability
- Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (by+/via) · · github, foss, community
- JavaScript Polyfills (by) · · javascript, polyfills
- The Ultimate Guide to Micro-Content (by/via) · · guides, content, microcontent
- Scraping Single-Page Applications With Playwright (via) · · scraping, spas, playwright
- Versioning Design Tokens (by) · · design-tokens, versioning, maintainability
- Internationalization in Next.js 13 With React Server Components (by/via) · · internationalization, nextjs, react, components
- DevTools: Faster Searching in DevTools With CSS Selectors (by) · · dev-tools, css, selectors, user-agents, google, chrome
- Accessibility and Design Systems: The Deep-Dive Q&A (by+/via) · · interviews, accessibility, design-systems
- Accessibility Beyond Code Compliance (by) · · accessibility, compliance
- It’s About Time CAPTCHAs Become Accessible (via) · · accessibility, captcha
- Future CSS: Anchor Positioning (by) · · css, anchor-positioning, experiments
- 6 CSS Snippets Every Front-End Developer Should Know in 2023 (by/via) · · css
- Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (by+/via) · · offline, storage, web-apps
- 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
- JavaScript for Beginners: Data Structures · · javascript, arrays, objects
- VS Code vs. WebStorm: A Comparison for Newbies · · code-editors, microsoft, vs-code, comparisons
- Advice From a Software Engineer With 8 Years of Experience (by) · · career
- TCP Echo Server for Node.js · · servers, nodejs, tcp
- Useful Tips and Tricks for Laravel (via) · · tips-and-tricks, laravel
- Accepting Design (by+/via) · · design
- Progressively Enhancing a Table With a Web Component (by) · · html, javascript, tables, web-components, progressive-enhancement
- How Design Is Governance (by/via) · · design
- Circling Back on Design and Everything Else (via) · · design
- Fix Color Contrast—Web Accessibility for Text and UI Design (by) · · accessibility, colors, contrast
- JavaScript: Automatically Remove an Event Listener After It Has Executed (by) · · javascript, events
- What Leonardo Da Vinci Can Teach Us About Web Design (by/via) · · design, layout
- Modern Font Stacks (by) · · websites, fonts, typography
- The Ternary Operator in JavaScript (by) · · javascript, operators
- 8 Tips for Making Your Custom Web Designs Mobile Friendly (via) · · design, mobile, tips-and-tricks
- Introduction to Offline First Web Applications (by/via) · · videos, offline, web-apps
- What Is the Cost of Designing a Mobile App? (via) · · economics, mobile
- Making Calendars With Accessibility and Internationalization in Mind (by/via) · · functionality, accessibility, internationalization
- Why Aren’t Logical Properties Taking Over Everything? (by) · · css, logical-properties, internationalization
- Best Practices for Structuring Accessibility Testing (by/via) · · accessibility, testing, best-practices
- UX Strategy: Study Guide (by+/via) · · guides, user-experience, strategies, training, link-lists
- Create and Download Text Files Using JavaScript (by) · · javascript
- We Don’t Need “.visually-hidden” (by/via) · · accessibility, css, semantics, quality
- “content” Is Your Content? (by/via) · · css, content, seo, accessibility, maintainability
- “Design First, Then Build”: Let’s Bury This Myth Forevermore (by/via) · · design, processes, myths
- The Ultimate Guide to Becoming a 10× Dev (by) · · guides, productivity, career
- Handling CSS Color Fonts With “font-palette” (via) · · css, colors, fonts
- View Transitions API: Creating Smooth Page Transitions (via) · · transitions, apis
- From UX to Growth Design: 5 Principles to Multiply Your Value (by/via) · · user-experience, design, principles
- All JavaScript and TypeScript Features From the Last 3 Years (via) · · javascript, typescript, history
- Cover All the Codebases: A Guide to Code Coverage Tools (via) · · guides, code-coverage, testing, tooling, link-lists
- File Uploads for the Web: Uploading Files With HTML (by) · · file-handling, html
- Craft vs. Industry: Separating Concerns (by) · · quality, economics, maintainability, craft, comparisons
- Web Cookies With a Taste of Privacy (by/via) · · cookies, privacy, user-experience
- Selecting Previous Siblings With CSS “:has()” (by) · · css, selectors
- SPA View Transitions Land in Chrome 111 (by/via) · · apis, transitions, release-notes, user-agents, google, chrome
- Vue vs. React: Everything You Need to Know (via) · · vuejs, react, comparisons
- Evolving Custom Sliders (by/via) · · javascript, css
- One Problem That Is Now Solved by CSS Subgrid (by) · · css, layout
- Building Complex Forms in Vue (by/via) · · forms, vuejs
- TypeScript’s Migration to Modules (by+/via) · · typescript, modules, migration
- Tackling Design Debt in Product (by/via) · · podcasts, design-debt, product-management
- CSS Nesting (by/via) · · css, nesting
- Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (by/via) · · css, functions
- How to Fix: Child Stylesheet Loading Twice (WordPress) (via) · · how-tos, wordpress, php
- ChatGPT and Me (a Recruiter) (via) · · ai, career, interviewing
- 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
- Static Site Generators: What’s Trending Right Now (via) · · static-site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
- Quick Tip: How to Cache Data in PHP (via) · · how-tos, php, caching, tips-and-tricks
- 2023 Web Framework Performance Report (by/via) · · frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
- Zebra Stripe Lines of Text Even When They Wrap (by) · · css
- As a User, I Don’t Want To (by/via) · · product-management, agile, user-experience
- Change Favicon on Switching Browser Tabs in JavaScript (by) · · images, favicons, javascript
- An End to Typographic Widows on the Web (by) · · typography, css
- ARIA Live Regions for JavaScript Frameworks (by/via) · · accessibility, aria, live-regions, javascript, frameworks
- Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond (by/via) · · flutter, best-practices
- HTML Garden (by) · · websites, html, art
- The AI Future of Frontend Development (by) · · ai, career
- Managing Fonts in WordPress Block Themes (via) · · fonts, wordpress
- A Tab Interface Before Its Time (by) · · html, components
- What Value Does Developer Relations Bring to Other Teams? (by) · · developer-relations, processes
- The Anatomy of a Good Design: An Analysis of 4 Sites (by/via) · · design
- 50.1% Empty Links (by) · · accessibility, html, links, semantics, seo
- 10 Helpful JavaScript Utility Functions (by) · · javascript, functions
- Balanced Text Wrapping Is Coming to CSS (by) · · css, typography
- AI-Generated Git Commit Messages (by) · · ai, git, automation, documentation
- Optimising Large Contentful Paint (by/via) · · videos, performance, web-vitals, optimization
- Making the Case for Signals in JavaScript (by/via) · · javascript, signals
- The Cost of Architectural Complexity (by) · · architecture, complexity, economics
- Continuous Growth Is Cancer (by) · · economics, career
- Responsive Headlines Are About to Get Awesome (by/via) · · css, headings, typography, responsive-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, migration, headless, content-management
- Signals in Angular: The Future of Change Detection (by) · · angular, signals
- Are You Making These Five Mistakes When Writing Alt Text? (by/via) · · accessibility, writing, alt-text, mistakes
- Toolkit Tuesday: Using YouTube for Captions and Transcripts (via) · · videos, transcripts, accessibility, captions
- Everything You Need to Know About the Gap After the List Marker (by/via) · · css
- The Art of Unlearning (by/via) · · learning, design
- Accessible but Never Boring: Rebranding the Wise Design System for Everyone (by/via) · · accessibility, design, design-systems
- Unlocking SVG’s Superpowers (by/via) · · videos, svg, images
- Learn How to Set Up a CI/CD Pipeline From Scratch (by) · · how-tos, ci-cd
- Relative Rounded Corners (by/via) · · html, css
- Throttle Your CPU (by/via) · · user-agents, dev-tools, testing, throttling
- React vs. Signals: 10 Years Later (by/via) · · react, signals, javascript, comparisons, retrospectives
- How We Built Our Multi-Platform Design System at Booking.com (by/via) · · case-studies, design-systems, theming, scaling
- A Native “Visually Hidden” in CSS? Yes Please! (by/via) · · accessibility, user-agents, assistive-tech, screen-readers, css
- The WebAIM Strategic Accessibility Framework (via) · · accessibility, strategies
- Declarative Design (by/via) · · videos, design
- You Don’t Need a Build Step (by/via) · · building, tooling, deno
- The Web Needs a Native “.visually-hidden” (by) · · css, accessibility
- A Beginner’s Guide to Manual Accessibility Testing (via) · · guides, accessibility, testing
- Announcing TypeScript 5.0 RC (by/via) · · typescript, release-notes
- Could We Make the Web More Immersive Using a Simple Optical Illusion? (via) · · experiments, user-experience, spatial-web
- Quick Tip: How to Handle Exceptions in PHP (via) · · how-tos, tips-and-tricks, php, errors
- Ten Tips for Better CSS Transitions and Animations (by) · · css, transitions, animations, tips-and-tricks
- How People Read Online (by/via) · · accessibility, content, readability, user-experience
- Without Accessibility, There Is No Privacy or Security (via) · · accessibility, privacy, security
- What Is “ref()” in Vue? (by) · · vuejs
- Are You Testing to Test, or Testing to Prove? (via) · · testing, processes
- Animated Gradient Text in CSS (by) · · css, animations, gradients
- Conformance and Accessibility (by) · · accessibility, conformance, quality
- The Seven Archetypes of Organizational Topologies (by+/via) · · processes, agile
- The Coolest JavaScript Features From the Last 5 Years (by) · · javascript, retrospectives
- On Container Queries, Responsive Images, and JPEG-XL (by/via) · · css, container-queries, images, responsive-design, jpeg
- The Evolution of Signals in JavaScript (by/via) · · javascript, signals
- Simplified Dark Mode With Style Queries (by) · · css, container-queries, dark-mode
- The Ultimate Guide to Web Development Tools (via) · · guides, tooling, link-lists
- A Guide to CSS “object-view-box” (via) · · guides, css
- A Guide to Accessible Form Validation (by/via) · · guides, forms, validation, accessibility, user-experience
- 22 Useful CSS Tips and Tricks Every Developer Should Know · · css, tips-and-tricks
- Dithering Images With React/JavaScript (by) · · images, dithering, react, javascript
- Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (by) · · tailwind, css, dev-tools, chrome, google, user-agents, testing
- Designers, Use Your intuition (via) · · design, collaboration
- How to Contribute to a Project You Have No Idea About (by) · · how-tos, foss, processes, community
- How to Style Your Alt Text (by) · · how-tos, css, accessibility, alt-text
- Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs (by) · · javascript, debugging, tooling, techniques
- Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook · · guides, vuejs, storybook
- Learn CSS Positioning (by) · · css, layout
- Crawl Weather Using Cypress (by) · · testing, cypress
- CSS Animation Libraries: 10 Popular Choices (via) · · css, animations, libraries, link-lists
- Is It Time to Replace Sass? (by) · · sass, preprocessors
- Getting Started With Style Queries (by/via) · · css, container-queries, introductions
- You Have the Users You Have (via) · · videos, usability, user-experience
- The JavaScript Site Generator Review, 2023 (by) · · static-site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
- In-Depth Guide to CSS Logical Properties (by/via) · · videos, guides, css, logical-properties
- 3 Common Antipersonas in UX (via) · · videos, user-experience, personas
- Prepare for Chrome’s User Agent [String] Reduction (by/via) · · videos, user-agents, google, chrome, feature-detection
- 16 Best CSS Books for Beginners and Advanced Coders (via) · · books, css, link-lists
- All About Promises in JavaScript (by) · · javascript, promises
- 7 Essential React Libraries for Front-End Web Development (by) · · react, libraries, link-lists
- Experiments With the JavaScript Garbage Collector (by/via) · · javascript, experiments
- Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (via) · · accessibility
- Node.js Toolbox (by) · · websites, nodejs, packages
- Privacy Principles (by+/via) · · privacy, principles
- What Framework Should I Use? (by) · · frameworks
- Understanding the Difference Between Props and State in React · · react, props, state-management, comparisons
- How Shadow DOM and Accessibility Are in Conflict (by/via) · · accessibility, dom, shadow-dom
- How to Handle Date and Time With JavaScript (via) · · how-tos, javascript
- Thoughts on Dev Rel in the Post-Twitter Era (by) · · developer-relations, social-media, community
- The Page With No Code (by) · · minimalism, http, css
- Understanding Easing and Cubic Bézier Curves in CSS (by) · · css, transitions, animations
- When JavaScript Fails (by) · · javascript
- The Importance of Adding Accessibility Design Reviews to the Design Process (by/via) · · accessibility, design, processes
- The Great Gaslighting of the JavaScript Era (by) · · javascript, frameworks, web-platform
- Open Captions vs. Closed Captions: What’s the Difference? (via) · · accessibility, captions, comparisons
- Automatic Captions: Our Experiments and Best Practices (via) · · accessibility, captions, best-practices, automation
- The State of Node.js Core (by/via) · · videos, nodejs
- Where Does Developer Relations Belong in an Organization? (by) · · developer-relations, processes
- Learn Privacy (by/via) · · courses, privacy
- Learn All About Node.js Worker Threads With Examples (via) · · nodejs, worker-threads, examples
- React Libraries for 2023 (by) · · react, libraries, link-lists
- Quick Tip: How to Trim Whitespace With PHP (via) · · how-tos, tips-and-tricks, php
- Style File Selector Button Using CSS (by) · · buttons, css
- Updating a Design System (via) · · design-systems, maintenance
- Understanding the Cost of Not Being Accessible (by) · · accessibility, economics
- The State of JS Frameworks (by+/via) · · podcasts, javascript, frameworks
- Surviving Design Systems (by/via) · · design-systems
- Use the Child-Element Count in CSS (by) · · css, selectors
- Not Everyone Uses a Computer in the Same Way That You Do (by/via) · · videos, accessibility
- Design Systems in the Time of AI (by) · · design-systems, ai
- “Make It Easier” Is Not a Product Strategy (by/via) · · user-experience, product-management, strategies
- Ethical Alternatives to Revenue-Generating Deceptive Patterns (via) · · ethics, dark-patterns, monetization, user-experience
- ARIA vs. HTML (by) · · accessibility, html, aria, semantics, comparisons
- 5 Super Useful CSS Properties That Don’t Get Enough Attention (by) · · videos, css
- “(255,255,255)” Is the Highest Specificity (by/via) · · css, cascade
- Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (by) · · accessibility, dei, processes
- How to Password-Protect a Static HTML Page With No JS (by) · · how-tos, security, css, fonts
- Create a Rainbow-Coloured List With “:nth-of-type()” (by) · · css, selectors, colors
- Keys to an Accessibility Mindset (by/via) · · accessibility, design
- Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (by) · · css, images
- Avoid Spanning Table Headers (by) · · accessibility, assistive-tech, html, tables
- Last Baseline Alignment (by/via) · · css, layout, support, user-agents
- Arranging Diamond Tiles in a Grid (by) · · css, layout
- All About Iterative Design (by/via) · · design, processes
- Representation of Style (by) · · html, semantics
- My CSS Wishlist 2023 (by) · · css, wish-lists
- The Spirit of CSS-Tricks Is Now Gone (by) · · community, learning
- Do We Need CSS “flex-wrap” Detection? (by) · · css, layout
- To Sketch or Not to Sketch? (via) · · design, ai
- Resizing With CSS (by/via) · · css, resizing
- Using Node Watch Instead of Nodemon (by) · · nodejs, tooling
- Unlocking the Power of Design to Help Users Make Smart Decisions (via) · · design, tips-and-tricks
- How to Build Offline Web Applications (by) · · how-tos, offline, web-apps
- A Step-by-Step Guide to Building Accessible Carousels (by/via) · · guides, carousels, accessibility, html, user-experience
- If You’re Going to Do a Job, Do It Properly (by) · · accessibility, css
- Software Accessibility for Users With Attention Deficit Disorder (ADHD) (via) · · accessibility
- Declarative Shadow DOM (by+/via) · · shadow-dom, dom, html
- Don’t Use 403s or 404s for Rate Limiting (by/via) · · seo, http
- Building an Animated SVG Logo With animejs (by/via) · · svg, images, animations, vuejs
- What to Expect From Vue in 2023 and How It Differs From React (by/via) · · vuejs, react, comparisons
- My 2023 CSS Wishlist (by) · · css, wish-lists
- Buttons, Links, and Focus (by) · · accessibility, semantics, buttons, links, focus
- How to Use View Transitions in Hotwire Turbo (by/via) · · how-tos, transitions, hotwire
- Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (by+/via) · · videos, web-platform, user-agents, economics
- Screen Readers Don’t Convey the Semantics of “strong” and “em” (by) · · accessibility, user-agents, assistive-tech, screen-readers, semantics, html
- Scaling Accessibility Through Design Systems (by+/via) · · videos, design-systems, accessibility, scaling
- Writing JavaScript Without a Build System (by) · · javascript, building
- The Return to the Office Could Be the Real Reason for the Slump in Productivity (by/via) · · productivity
- ChatGPT Can Write Good CSS? (by/via) · · videos, ai, css
- The User Activation API (by/via) · · apis, javascript
- IT Incident Management (by/via) · · incident-response
- Angular Reactivity With Signals (by/via) · · angular, reactivity, signals
- A Practical Approach to Automated Accessibility (by) · · accessibility, testing, automation
- How the Web Works: Understanding the Architecture of the Web (by) · · web-platform, protocols, rendering
- Some of the Future Is Now for CSS: A Postscript (by) · · css
- Is It Worth Learning JavaScript? Popularity, Salaries, and Future (via) · · javascript, career