![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (10)
- Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (by/via) · · playwright, monitoring
- The (Extremely) Loud Minority (by) · · community, communication
- Quick Tip: How to Hash a Password in PHP (via) · · how-tos, php, security, passwords, tips-and-tricks
- Mastodon and Open Graph (by) · · social-media, mastodon, html, metadata, open-graph
- How to Inspect Interactions in the Browser (by/via) · · how-tos, user-agents, dev-tools, debugging
- Is It Time to Go Back to the Monolith? (by) · · monoliths
- CSS Grid Gap Behavior With Hidden Elements (by) · · css, layout
- The Modern Web’s Underrated Powerhouse (by/via) · · css
- My CSS Wish List (by) · · css, wish-lists
- Container Queries Land in Stable Browsers (by/via) · · css, container-queries, user-agents, support
- Well-Known Symbols (by) · · javascript
- Automation Is Not the Enemy (by) · · accessibility, testing, automation
- So, What’s Next [for core-js]? (by) · · javascript, foss, community, economics
- This Is Why Performance Matters (by) · · performance, javascript, user-experience
- Declarative Shadow DOM (by/via) · · dom, shadow-dom
- An Approach to Lazy Loading Custom Elements (via) · · web-components, performance, lazy-loading
- Git: How to Skip Hooks (by) · · how-tos, git
- Change Tab Bar Color Dynamically Using JavaScript (by) · · javascript, colors, theming, user-agents
- MathML in Chrome · · mathml, user-agents, google, chrome, support
- Technical Writing Process: How to Write a Good Technical Article (by) · · how-tos, writing, processes
- Rethinking the Modern Web (by) · · javascript, web-platform, tooling
- Sandboxing JavaScript Code (by) · · javascript, security
- Technical SEO Basics for React Developers (by) · · fundamentals, seo, react
- Why Developers Should Learn Docker and Kubernetes in 2023 (by) · · docker, kubernetes
- A Minimal, Multi-Framework, Responsive Image Component (by) · · components, responsive-design, frameworks
- Automated Testing Won’t Solve Web Accessibility (by) · · accessibility, testing, automation
- A Comparison of SUS, UMUX-LITE, and UEQ-S (via) · · studies, research, user-experience, comparisons
- My CSS Wishlist (by) · · css, wish-lists
- Foundations: Introduction to WAI-ARIA (by/via) · · accessibility, introductions, aria
- How to Scale Node.js Applications With Clustering (by/via) · · how-tos, nodejs, scaling
- Caching at DEV (by) · · case-studies, caching, performance
- Quick Guide for YAML · · guides, yaml
- Platform Engineering Teams Done Right… (by) · · principles, platform-engineering
- Different Ways to Get CSS Gradient Shadows (by/via) · · css, gradients, shadows
- You Kinda Want an Orange Favicon (by) · · images, favicons, user-agents, theming
- Improved Font Fallbacks (by/via) · · fonts, typography, graceful-degradation
- The Case for Frameworks (by) · · javascript, frameworks, web-platform
- React.js: The Documentary (via) · · videos, react, history
- Discovering Primitive Objects in JavaScript (via) · · javascript, objects
- Why I’m Not the Biggest Fan of Single Page Applications (by) · · spas
- More Control Over “:nth-child()” Selections With the “of S” Syntax (by/via) · · css, selectors
- What’s New in Lighthouse 10 (by/via) · · release-notes, performance, google, lighthouse
- The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · · accessibility, wcag, conformance, standards
- My CSS Wishlist (by) · · css, wish-lists
- Moving Backgrounds (by/via) · · css, backgrounds
- Classless CSS Frameworks (by) · · css, frameworks
- Can You Be a Designer If You Have No Training? (by) · · design, career
- Top 13 Node.js Books for Beginners and Advanced Coders (via) · · books, nodejs, link-lists
- Try Out CSS Nesting Today (by/via) · · css, nesting, user-agents, support
- Creating Sites, the Jamstack Way (via) · · tech-stacks, jamstack
- No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (by) · · code-pens, css, sass, effects
- Use Maps More and Objects Less (by/via) · · javascript, objects
- CSS Wish List 2023 (by) · · css, wish-lists
- Quick Tip: How to Check If a Variable Is Set in PHP (via) · · how-tos, php, tips-and-tricks
- Advanced Figma Prototyping Tips and Tricks (by/via) · · figma, prototyping, tips-and-tricks
- A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (by) · · css, colors, contrast, backgrounds, strategies
- How to Write Semantic CSS (by) · · videos, how-tos, css, semantics
- How to Add an Event Handler in React (by) · · how-tos, react, dom, events
- How to Build Accessible Main Navigation? (by/via) · · how-tos, accessibility, navigation
- Focus Appearance Thoughts (by) · · accessibility, focus, css
- Testing Colour Accessibility With Dev Tools (by/via) · · accessibility, colors, testing, user-agents, dev-tools
- Modularizing React Applications With Established UI Patterns (by/via) · · react, components, modules
- Theming a Design System (via) · · design-systems, theming
- Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (by/via) · · mozilla, google, apple, rendering, engines, webkit
- Table of Contents Progress Animation (by) · · html, css, javascript, animations
- Should Inclusive Design Be a UX Concern? (by/via) · · design, dei, user-experience
- Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (by/via) · · mozilla, engines, servo
- Interop 2023 CMS Checkin (by) · · html, syndication, rss, atom, semantics
- Non-Text Content Contrast Also Matters (by) · · accessibility, colors, contrast
- How to Favicon in 2023: Six Files That Fit Most Needs (by/via) · · how-tos, images, favicons
- My Favourite 3 Lines of CSS (by) · · css
- Building a Dev Blog With the Pelican Static Site Generator (by) · · static-site-generators, blogging
- How to Build a Magazine Layout With CSS Grid Areas (by/via) · · how-tos, layout, css
- The Difference Between Iteration and Prototyping (by) · · processes, prototyping, comparisons
- The “margin-trim” Property (by) · · css
- Supporting CSS Multi Direction Languages in 2023 (by/via) · · css, internationalization, logical-properties
- The Different Names for Values in CSS (by) · · css
- A Historical Reference of React Criticism (by) · · react, history
- Frontend Frameworks for Web-App Development (via) · · frameworks, web-apps
- Testing Vue Components the Right Way (by) · · vuejs, components, testing
- React Anti-Patterns and Best Practices—Dos and Don’ts (by) · · react, anti-patterns, best-practices
- Speeding Up the JavaScript Ecosystem—ESLint (by) · · javascript, performance, eslint, linting
- How to Pick a Font (That Doesn’t Suck) (by) · · how-tos, guides, fonts, typography
- Discovery in Agile (by/via) · · agile, processes
- Rotating Gallery With CSS Scroll-Driven Animations (by) · · html, css, javascript, animations, scrolling
- The Market for Lemons (by) · · web-platform, javascript, frameworks
- How to Make a Zoom Effect Using CSS (by/via) · · how-tos, css, effects
- Multi-Threaded React App Using useWorker (by) · · multithreading, react, javascript, web-workers
- Typography Manual (by) · · code-pens, typography
- How to Get the Last Matching Item in an Array With Vanilla JavaScript (by) · · how-tos, javascript, arrays
- The YAML Document From Hell—JavaScript Edition (by) · · javascript, yaml
- High Definition CSS Color Guide (by/via) · · guides, css, colors
- What Is Bootstrap: A Beginner’s Guide (by/via) · · guides, bootstrap
- WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (by) · · accessibility, wcag, standards
- Microsoft Edge and Interop 2023 (via) · · interoperability, web-platform, user-agents, microsoft, edge
- How the CSS “box-sizing” Property Works (by) · · css
- Pushing Interop Forward in 2023 (by+/via) · · interoperability, web-platform
- Quick Tip: How to Manage Timezones in PHP (via) · · how-tos, php, internationalization, tips-and-tricks
- Gatsby Is Joining Netlify (by/via) · · gatsby, netlify
- Learn Images (by/via) · · courses, images, svg, gif, png, jpeg, webp, avif
- Interop 2023: Continuing to Improve the Web for Developers (by+/via) · · interoperability, web-platform
- 3 Notion Templates to Better Manage Your Design System (by) · · design-systems, templates, maintenance
- Why Is Making a Dark Mode Greyscale So Hard to Get Right? (by) · · dark-mode, contrast, colors, design
- Screen Reader Quick Guide (by) · · guides, user-agents, assistive-tech, screen-readers
- WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (by/via) · · wordpress
- The Gotcha With Animating Custom Properties (by/via) · · css, animations, custom-properties, performance
- Modular Web Design: Flexibility, Examples, and Alternatives · · design
- Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (by) · · javascript, data-fetching
- Don’t Use Return Types, Unless… (by) · · videos, typescript
- The Guide to Responsive Design in 2023 and Beyond (by) · · responsive-design, css
- Design for AI: What Should People Who Design AI Know? (by/via) · · design, ai
- Hex Colors Aren’t Great at Anything Except Being Popular (by) · · colors, css
- Igalia and Interop 2023 (via) · · interoperability, web-platform
- Announcing Interop 2023 (via) · · interoperability, web-platform
- Understanding App Directory Architecture in Next.js (by/via) · · architecture, nextjs
- Interop 2023 (via) · · interoperability, web-platform
- Caching Data in SvelteKit (by/via) · · caching, sveltekit
- Invoking React Components From Your Ember Apps (by) · · emberjs, react, components
- Speed for Who? (by) · · performance, frameworks, developer-experience, user-experience
- External Links: In or Out (by/via) · · seo, links, accessibility, user-experience
- Understanding Color and Accessibility (by) · · accessibility, colors
- 6 Approaches for Data Fetching in React (by) · · data-fetching, react
- Typographic Hierarchy in Print, Web, and App Design (by) · · typography, design
- New to the Web Platform in January (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox, apple, safari
- Setting Expectations for Asking ChatGPT Web Accessibility Questions (by) · · accessibility, ai
- The Ultimate Guide to JavaScript Error Handling (by/via) · · guides, javascript, errors
- Should You Start a Web Development YouTube Channel in 2023? (by/via) · · videos, career
- Easy SVG Customization and Animation: A Practical Guide (by/via) · · guides, images, svg, animations
- CSS “color-mix()” (by/via) · · css
- Using Local Storage in JavaScript and React (by) · · javascript, react, storage
- 19 Must-Visit Sites for Product Design Inspiration (by/via) · · design, link-lists
- Léonie Watson on Accessibility (by+/via) · · podcasts, interviews, accessibility
- An Introduction to MIME Types (by/via) · · introductions, mime-types
- You’ve Got Options for Removing Event Listeners (by) · · javascript, events
- New WCAG 2.2 Features Rated (by) · · accessibility, wcag, standards
- Is It a Bad Idea to Use “target="_blank"” for Links in an Email? (via) · · email, links, user-experience
- Git Commit Patterns (by) · · git, documentation
- 10 GitHub Repositories You Should Know as a JavaScript Developer (by) · · javascript, cheat-sheets, best-practices, link-lists, github
- HTML Input Types (by) · · html, forms
- The Pros and Cons of Responsive Web Design in 2023 (via) · · responsive-design
- Accessible Hamburger Buttons Without JavaScript · · accessibility, javascript, navigation
- Flow Control in JavaScript: Callbacks, Promises, “async/await” (by+/via) · · javascript, callbacks, promises
- Creating a High-Contrast Design System With CSS Custom Properties (by/via) · · design-systems, css, custom-properties, contrast, colors
- Container Queries and Typography (by) · · css, container-queries, typography
- Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (by/via) · · performance
- Use the Dialog Element (Reasonably) (by) · · html, modals, accessibility
- Screen Readers Support for Text Level HTML Semantics (by/via) · · html, semantics, user-agents, assistive-tech, screen-readers, support
- Login Form UI Design Guide (by/via) · · guides, design, forms
- Release Notes for Safari Technology Preview 162 (by/via) · · release-notes, user-agents, apple, safari
- Animating CSS Grid (How-To and Examples) (by/via) · · css, layout, examples
- A “nth-child” CSS Trick (by) · · css, selectors, tips-and-tricks
- Quick Tip: How to Manage Error Reporting in PHP (via) · · how-tos, php, errors, tips-and-tricks
- “scrollend”, a New JavaScript Event (by/via) · · javascript, events
- 10 Web Development Trends in 2023 (by) · · trends, frameworks, tooling, javascript, monorepos, css, ai, code-completion
- The Modern Way of Serving Images (by) · · images, html, performance
- CSS Layers for CSS Resets (by/via) · · css, resetting
- Musing Upon an “[alt]” Text Badge on Images (by) · · accessibility, html, css
- Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (by/via) · · accessibility, wcag, standards
- Introduction to Gulp.js: Beginner’s Guide (via) · · introductions, guides, gulp
- CSS Wishlist 2023 (by) · · css, wish-lists
- Locking “body” Scroll for Modals on iOS (by) · · scrolling, css, modals
- A Simple Custom (by) · · forms, accessibility, usability, css
- Things to Do and Not to Do During a Wave of Tech Layoffs (by) · · career
- Copying Designs Doesn’t Work, and Here’s Why (by/via) · · design, user-experience
- CSS Art Tutorial: Create a Cute Cartoon Creature (by) · · tutorials, css, art
- If You Need a Link, Don’t Use a Button (by) · · html, semantics, links, buttons, accessibility
- Level Up Your CSS Skills With the “:has()” Selector (by/via) · · css, selectors
- Ship Small, Ship Fast (by) · · releasing
- Visual Design Rules You Can Safely Follow Every Time (by) · · design
- Creating a Community That Values Accessibility (via) · · accessibility, community
- Making Sense of TypeScript Using Set Theory (by) · · typescript
- International Domain Names: Where Does meßagefactory.ca Lead You? (by) · · internationalization, domains
- CSS Named Colors: Groups, Palettes, Facts, and Fun (by) · · css, colors, color-palettes
- Be a Digital Ally: Further Exploration of WCAG 2.2 (via) · · accessibility, wcag, standards
- 3 Essential Design Trends, January 2023 (by/via) · · design, trends
- Improve Your HTML Semantic With Pico CSS (by) · · html, pico
- Accessibility Tools and Resources for Designers (by/via) · · tooling, link-lists, design
- How to Review a Web Site (via) · · how-tos, user-experience, performance, seo
- Replace Create React App Recommendation With Vite (by/via) · · discussions, react, vite
- How to Use Pico CSS and Next.js? (by) · · how-tos, pico, nextjs
- Web Scraping—A Complete Guide (by) · · guides, scraping
- Web Accessibility Global Usage Survey · · surveys, accessibility
- Comparing Level Access Automated Tools to Manual Accessibility Testing (by) · · accessibility, tooling, testing, automation
- So You Want to Make a New JS Framework (by) · · javascript, frameworks
- 15 Must-Have Cheatsheets for Developers (by) · · cheat-sheets, link-lists
- What Is a Core Update? (by/via) · · seo
- Unordered Lists in Main Navigations (by) · · html, semantics, navigation
- The Key to Good Component Design Is Selfishness (by/via) · · components, developer-experience, maintainability
- More Real-World Uses for “:has()” (via) · · css, selectors
- Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (via) · · internationalization, design
- Cascading Components—a Way to Organize Figma Component Variants · · components, figma
- Building Reliable Distributed Systems in Node.js (via) · · nodejs
- “::backdrop” Doesn’t Inherit From Anywhere (by) · · css
- Don’t Target 100% Coverage (by) · · testing, code-coverage
- Unlocking Security Updates for Transitive Dependencies With npm (by/via) · · npm, dependencies, security, maintenance
- Optimize Time to First Byte (by/via) · · performance, optimization
- Two Ways to Safely Break a Long Word in HTML (by) · · html
- Three Attributes for Better Web Forms (by) · · forms, html
- Comparing Manual and Free Automated WCAG Reviews (by) · · accessibility, wcag, auditing, comparisons
- Front-End Is So Much More Than Building Designs (by) · · processes
- CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (by) · · css, tips-and-tricks, forms, print
- Solved With “:has()”: Vertical Spacing in Long-Form Text (via) · · css, selectors
- Discovering the Capable Web (by/via) · · web-platform
- Accessible Writing Is Just Good Writing (via) · · accessibility, writing
- On-Scroll Typography Animations (by/via) · · typography, animations
- Deep Cloning Objects in JavaScript, the Modern Way (by/via) · · javascript, objects
- 6 Common SVG Fails (and How to Fix Them) (by/via) · · svg, images
- The Truth About CSS Selector Performance (by/via) · · css, selectors, performance
- Quick Tip: How to Read a Local File With PHP (via) · · how-tos, file-handling, php, tips-and-tricks
- Promises, Thenables, and Lazy-Evaluation: What, Why, How (by) · · javascript, promises
- Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (by/via) · · css, selectors
- Scalable CSS (by) · · css, scaling
- Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · · content-delivery, performance, web-vitals
- The Storytelling Power of Simple Design Solutions (by/via) · · design
- Can a Bridge Be Unethical? (via) · · design, ethics
- Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That (by/via) · · accessibility, information-design
- Greater Styling Control Over Type With “initial-letter” (by) · · css, typography
- A Better Way to Work With Number and Date Inputs in JavaScript (by/via) · · javascript
- Optimizing the Image Element LCP (via) · · performance, web-vitals, images
- Minimal Dark Mode Styling (by) · · css, dark-mode, minimalism
- Interactive SVG Reference (by) · · svg, images
- User Style Sheets (via) · · videos, user-styles, css
- Speeding Up the JavaScript Ecosystem—Module Resolution (by) · · javascript, performance, modules
- Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (by) · · screenshots, playwright, javascript
- The Only Markdown Cheatsheet You Will Ever Need (by) · · markdown, cheat-sheets
- Complete Guide to Make You a Regex Guru (by) · · guides, regex
- CSS Nesting Is Coming (by) · · css, nesting
- 5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor · · principles, maintainability
- Four Ways to Chop Up Arrays (with Vanilla JavaScript) (by) · · javascript, arrays
- Foundations: Visible Focus Styles (by/via) · · accessibility, focus, css
- Succeed as a Junior Developer (by) · · career
- 2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (by/via) · · nodejs, foss, tooling, link-lists
- Is TypeScript Worth It? · · discussions, typescript
- Manual Accessibility Testing (via) · · accessibility, testing
- Top Front-End Tools of 2022 (by/via) · · tooling, link-lists
- CSS Color Functions and Custom Properties (by) · · css, colors, functions, custom-properties
- React, Vite, and TypeScript: Get Started in Under 2 Minutes (by/via) · · react, vite, typescript
- Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (by/via) · · cookies, user-agents, google
- Sibling Scopes in CSS, Thanks to “:has()” (by/via) · · css, selectors
- Fixing a Memory Leak in a Production Node.js App (by) · · nodejs, memory
- The State of JavaScript 2022 (by/via) · · surveys, javascript
- The YAML Document From Hell (by) · · yaml, standards
- The Main Areas of WAI-ARIA (by) · · accessibility, aria
- How to Destructure Props in Vue (Composition API) (by) · · how-tos, vuejs, props
- “:has” Is an Unforgiving Selector (by/via) · · css, selectors
- The Gotcha of Unhandled Promise Rejections (by) · · javascript, promises
- Closed Captions and Subtitles UX (by/via) · · accessibility, captions, user-experience
- JavaScript, Community (by) · · javascript, community
- 11 Excellent WordPress Themes for 2023 (via) · · wordpress, link-lists
- CSS “:readonly” Is Not for Select Fields (by) · · css, selectors