“2023” Archive
Featured on Frontend Dogma? Confirm and whitelist your domain.
- 10 Interview Questions Every JavaScript Developer Should Know in 2024 (by/via) · · interviewing, javascript, career, concepts, terminology
- My Perspective: Digital Accessibility and Overlays (by/via) · · accessibility, overlays
- 3 Terminal Commands to Increase Your Productivity (by) · · command-line, productivity
- The Internet Is About to Get Weird Again (by/via) · · web, social-media
- Shadow DOM and the Problem of Encapsulation (by) · · web-components, shadow-dom, dom, maintainability
- React Is Slow, What to Do Now? · · react, performance
- Make Your Linux Terminal Enjoyable to Use (by) · · unix-like, command-line
- Installing Google Fonts as npm Packages (by) · · installing, tooling, dependencies, google, fonts
- React Server Components: The Good, the Bad, and the Ugly (by) · · react, components
- Top 7 CSS Frameworks in 2024 (via) · · css, frameworks, tailwind, bootstrap, foundation, bulma
- WCAG 2: Guidelines and Guardrails (by) · · accessibility, wcag, guidelines
- Tools to Make Your Developer Experience Better in PHP (by) · · tooling, developer-experience, php, link-lists
- Let’s Bring Back JavaScript’s “with()” Statement (by) · · javascript
- 2.5.8: Adversarial Conformance (by) · · accessibility, wcag, compliance
- What the Heck Is a Homomorphic Mapped Type? (by) · · typescript
- Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (by/via) · · privacy, cookies, support, google
- Making Sense of “Senseless” JavaScript Features (by) · · javascript
- Inspecting WCAG 2.2: Accessible Authentication (via) · · videos, accessibility, wcag, standards, authentication
- Incident, Mitigate, Learn (by) · · processes, incident-response, learning, quality
- Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds (by/via) · · accessibility, compliance, legal
- Announcing Vue 3.4 (by/via) · · vuejs, release-notes
- Everything You Need to Know About Responsive Logo Design (via) · · design, branding, images, logos, responsive-design
- I Made JSX for Lua (Because I Hate Static Sites) (by) · · jsx, lua
- The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (by) · · tech-stacks, jamstack, content-management
- HTML Validation—Pros and Cons · · html, conformance
- Future of Storybook in 2024 (by/via) · · visions, storybook
- Frontend Predictions for 2024 (by) · · retrospectives, visions
- Every Container Queries Demo Is a Card (by) · · css, container-queries
- CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases · · css-in-js, css, javascript
- JS Design Patterns: A Comprehensive Guide (by) · · guides, javascript, software-design-patterns
- I Built the Same App 7 Times: Which JS Framework Is Best? (by) · · javascript, frameworks, comparisons
- CSS Wishlist (by) · · css, wish-lists
- Coding Challenges 2024: What’s Your New Year’s Resolution? (via) · · discussions, community
- Never Underestimate HTML (by/via) · · html, user-experience, developer-experience
- Measuring, Monitoring, and Optimizing TTFB With Server Timing (by/via) · · performance, monitoring, optimization, apis
- Container Style Queries (by/via) · · css, container-queries
- Polypane Review: Best Browser for Web Developers? (via) · · polypane, browsers, tooling
- The Devil Is in the Details: A Look Into a Disclosure Widget Markup (by/via) · · html, css, javascript
- CSS-Based State Management (by) · · css, state-management
- Why AI Is a Disaster for the Climate (by/via) · · ai, sustainability
- Session-Based vs. Token-Based Authentication: Which Is Better? (by) · · authentication, json-web-tokens, comparisons, security
- Responsive SVGs (by/via) · · svg, images, responsive-design
- The View Transitions API and Delightful UI Animations (by/via) · · css, animations, transitions, apis
- WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (by/via) · · accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
- ARIA Live Regions (via) · · aria, live-regions, accessibility
- Best Practices for Coding With AI in 2024 (via) · · ai, best-practices
- GitHub Copilot: Tips and Tricks for Flutter Devs (by) · · github, ai, flutter, dart, tips-and-tricks
- FileReader API (by/via) · · apis, javascript
- Custom Mouse Hover Effect With JavaScript · · javascript, effects
- 2023 Digital Accessibility Year in Review (via) · · accessibility, retrospectives
- Container Queries and Units (by/via) · · css, container-queries, units
- Screen Reader Users and the Tab Key (by) · · accessibility, screen-readers, assistive-tech, keyboard-navigation, testing
- Turn Your Vue App Into an Offline-Ready Progressive Web App (via) · · vuejs, refactoring, offline, progressive-web-apps
- The Implied Web (by/via) · · html, accessibility, semantics
- The State of Benchmarking in Node.js (by) · · nodejs, performance, metrics
- CSS Scope Issues (by) · · css, scope
- The Top Accessibility Errors Found in 2023 (via) · · accessibility, conformance, quality, errors, retrospectives
- The Complete Playwright Cheatsheet (by) · · cheat-sheets, playwright, testing
- Scroll-Driven Animations (by/via) · · animations, scrolling, css
- Recapturing Early-Internet Whimsy With HTML (by/via) · · html, trends, design, art, decoration
- JavaScript Frameworks—Heading Into 2024 (by/via) · · javascript, frameworks, visions
- “HTML First” Is Not HTML First (by) · · html, principles, quality, craft
- Debugging Fetch Priority (by+/via) · · videos, debugging, performance, web-vitals, apis
- Cool Wiggly Hover Animation With CSS (by) · · css, animations, effects
- Release Notes for Safari Technology Preview 185 (by/via) · · release-notes, browsers, apple, safari
- The Golden Rule of Web Performance and Different Performance Engineering Specializations (by/via) · · principles, performance
- New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (by/via) · · css, units, scrolling
- Locking Scroll With “:has()” (by) · · css, selectors, scrolling
- CSS Nesting (by/via) · · css, nesting
- Clean Architecture: Theming With Tailwind and CSS Variables (via) · · theming, tailwind, custom-properties, css
- Classes vs. Prototypes in JavaScript (by) · · javascript, comparisons
- Are We Too Pedantic With Semantic (by) · · design, design-tokens, semantics
- 10 Best Practices for Secure Code Review of Node.js Code (by) · · best-practices, security, code-reviews, nodejs
- Border Images in CSS: A Key Focus Area for Interop 2023 (by/via) · · images, borders, css, browsers, web-platform, interoperability
- See What’s New in Firefox [121.0] (via) · · release-notes, browsers, mozilla, firefox
- View Transitions (by/via) · · css, javascript, transitions
- “align-content” in Block Layout (by) · · css, layout, support, browsers
- We Can :has It All (by) · · css, selectors, browsers, support
- New to the Web Platform in December (by/via) · · release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
- Practical “img” Element Defaults (by/via) · · videos, css, images
- Reflow Red Flags (via) · · accessibility, reflow, testing
- Eigensolutions: Composability as the Antidote to Overfit (by) · · product-management, processes
- The Road to HTMHell Is Paved With Semantics (by/via) · · html, semantics, quality
- Good Design Is Subjective, Contextual, and Intentional (by/via) · · design, processes
- Think About Your Future Self (by/via) · · accessibility
- Making Data Visualizations Accessible (by/via) · · accessibility, information-design
- AI for Web Devs: AI Image Generation (by) · · ai, tooling, images, automation
- The Goldilocks Principle for Prototyping (via) · · videos, principles, prototyping, usability
- Thank You to Those Who Helped Me to Be the CSS Developer I Am Today (by) · · career, community
- RLI (Recently Logged-In) Browser Cache Bypassing (by/via) · · performance, caching, optimization
- React Props Explained With Examples (by/via) · · react, props, examples
- New JS Array Methods (by/via) · · javascript, arrays
- How to Center an Element in CSS Without Adding a Wrapper in HTML (by/via) · · how-tos, centering, css, techniques
- Building Components for Consumption, Not Complexity II (by/via) · · design-systems, components, figma
- Revisiting Fundamentals—Semantic Lists for Improved Accessibility (by/via) · · fundamentals, semantics, html, accessibility
- CSS “animation-composition” (by/via) · · css, animations
- A Checklist for CLS Scenarios (by/via) · · checklists, performance, web-vitals
- Baseline Does Not Really Cover Baseline Support (by) · · browsers, support, web-platform, accessibility
- Swallowing Camels (by/via) · · accessibility
- Web Components (by/via) · · web-components, html, shadow-dom, dom
- Naming Design Tokens: The Art of Clarity and Consistency (via) · · design-tokens, naming, consistency
- Sharing a State Between Windows Without a Server (by) · · web-workers, apis, state-management, effects, javascript
- HTML Can Do This? (by) · · html
- Managing Node.js Processes (by) · · nodejs, tooling
- CSS “@ scope” (by/via) · · css, scope
- The Ghosts of Markup Past (by/via) · · html, web, history
- Introducing JavaScript Support in MySQL (by+/via) · · introductions, databases, mysql, javascript, support
- Stop Normalizing Unprofessional Behaviour in the Name of Agility (by/via) · · agile, processes, communication, community, professionalism
- Who Stole My Largest Contentful Paint? (by/via) · · performance, web-vitals, optimization
- The WordPress Showcase and Accessibility (by) · · accessibility, wordpress
- How We Reduced CSS Size and Improved Performance Across GOV.UK (via) · · case-studies, css, performance, optimization
- Crafting Effective Documentation (by) · · documentation
- Christmas Tree Animations Made With CSS and JS · · css, javascript, animations, effects, link-lists
- Getting Started With Web Performance (by/via) · · introductions, performance, web-vitals, testing
- HTTP Keanu (by) · · websites, http, protocols
- The Unspoken Struggle of Aging in a Tech-Driven World (by/via) · · accessibility, user-experience, web
- Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences (by/via) · · developer-relations, dei, community, strategies
- Developer Toolkit · · websites, tooling, conversion, link-lists
- How to Use ESM on the Web and in Node.js · · how-tos, esm, commonjs, modules, nodejs
- Announcing SvelteKit 2 (via) · · release-notes, sveltekit
- V8 Is Faster and Safer Than Ever (by/via) · · javascript-engines, v8, javascript, webassembly
- The Financial Argument for Using an Outside Firm for Accessibility Remediation (by) · · accessibility, economics
- Ten Optimisation Tips for an Initial Web Performance Audit (by/via) · · tips-and-tricks, optimization, performance, auditing
- Design Systems Teams: Understand Your Users So They Can Serve Theirs (via) · · design-systems, leadership, collaboration, accessibility, user-experience
- Anchor Positioning (by/via) · · css, anchor-positioning
- Add a Sitemap (sitemap.xml) for Your Eleventy Website (by/via) · · eleventy, sitemaps
- HTML: The Bad Parts (by/via) · · html
- Competing Against Internally Developed Tools (by) · · tooling, processes
- What Vue’s Creator Learned the Hard Way With Vue 3 (by/via) · · vuejs, lessons
- What Really Is Technical Debt? (via) · · technical-debt, terminology, quality
- The Best Go Tools to Use for Your Frontend Projects (by/via) · · go, tooling, link-lists
- Popover API (by/via) · · pop-overs, apis, css
- My Accessibility Journey (by) · · accessibility, career
- How to Get Good at Competitive Programming (by) · · how-tos, programming
- CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (by/via) · · css, scrolling, layout, case-studies
- 6 Techniques for Conditional Rendering in React, With Examples (via) · · techniques, react
- Using Nodemon and Watch in Node.js for Live Restarts (by/via) · · nodejs, tooling
- Baseline 2023 (by/via) · · browsers, support, web-platform
- Test-Driven HTML and Accessibility (by/via) · · html, accessibility, testing, javascript
- Can UX Design Actually Be Ethical? (via) · · user-experience, design, ethics
- Using Date-Based CSS to Make Old Web Pages Look Old (by) · · css, history
- Three Modern CSS Properties Your Website Must Have (by/via) · · css
- Extending Responsive Video With HTML Web Components (by/via) · · multimedia, responsive-design, web-components, javascript
- Engineering Progression for Humans (by) · · career, engineering-management
- Embrace the Platform (by/via) · · web-platform, html, css, javascript, resilience, progressive-enhancement, craft
- Accessibility Overlays (via) · · accessibility, overlays, metrics
- WebKit Features in Safari 17.2 (by+/via) · · release-notes, browsers, apple, safari, webkit
- Quantity Queries Are Very Easy With CSS “:has()” (by/via) · · css, selectors
- Screen Reader User Survey #10 (via) · · surveys, accessibility, screen-readers, assistive-tech
- Chrome Enables Desktop Mode by Default on Premium Tablets (by/via) · · browsers, google, chrome, desktop
- How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (by/via) · · videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
- The “hidden” Attribute in HTML (by/via) · · html
- Why Designers Quit (2023 Report) (by/via) · · design, career
- Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful (by) · · nodejs, typescript, esm
- Video Subtitles, Captions, Audio Descriptions, and Transcripts (by) · · accessibility, multimedia, captions
- The “await” Event Horizon in JavaScript (by/via) · · javascript, events
- Improve App Performance With Angular 17 “defer” (by) · · videos, angular, performance, optimization
- Developer Relations Is an All-Company Effort (by) · · developer-relations, foss, community
- Decoding Compound Tokens (by) · · design-tokens, terminology
- Building Components for Consumption, Not Complexity (by/via) · · design-systems, components, figma
- Behavior Belongs in the HTML (by) · · html, javascript, principles
- ARIA, the Good Parts (by/via) · · videos, accessibility, aria
- Potential Problems With Accessibility Audits and What to Do About Them (by) · · accessibility, auditing, testing
- Template for Accessibility Guidelines (by/via) · · templates, accessibility, guidelines
- Task Automation and Debugging With AI-Powered Tools (by/via) · · automation, debugging, tooling, ai
- Signals of Interface Quality (by) · · design, quality
- How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (by) · · performance, web-vitals, optimization, case-studies
- A List of JavaScript Engines, Runtimes, Interpreters · · javascript, javascript-engines, runtimes, link-lists
- What the Slot? (by/via) · · web-components, dom, shadow-dom, html
- Media Queries in HTML Video (by) · · html, multimedia, css, media-queries, accessibility
- Incorporating “Skip to Main Content” Links for Better Website Accessibility (by/via) · · accessibility, skip-links
- Scroll Fading 101 (via) · · scrolling, interaction-design, usability
- Oh No! My JSON! (by) · · css
- Audit Your Site for Third-Party Cookies (by/via) · · videos, auditing, cookies, privacy
- All Technical Debt Is a Risk to the Product and to Your Business (by/via) · · technical-debt, quality, product-management, processes
- CSS Snapshot 2023 (by+/via) · · css, standards
- Release Notes for Safari Technology Preview 184 (by/via) · · release-notes, browsers, apple, safari
- A Beginner’s Guide to Accessible Text (via) · · guides, accessibility, content, writing, best-practices
- CSS Wrapped: 2023 (by+/via) · · css, browsers, support, interoperability, retrospectives
- Security Headers Using “<meta>” (by/via) · · security, csp, html
- The Shrinkwrap Problem: Possible Future Solutions (by) · · css
- The Most Accessible Font (by) · · accessibility, typography, legibility, fonts
- The Last 5 Years of V8’s Garbage Collector (by) · · javascript, javascript-engines, v8, garbage-collection, concurrency, history
- Stop Nesting Ternaries in JavaScript (by/via) · · javascript, operators
- React Performance Optimization (by/via) · · react, performance, optimization
- Preparing for Interaction to Next Paint, a New Web Core Vital (by/via) · · performance, web-vitals, optimization
- Is PHP Still a Viable Choice in 2023? · · discussions, php
- Insights: Mobile Accessibility (via) · · accessibility, research, metrics, mobile
- Accessibility-Specific Tech Requirements? It Depends! (by) · · accessibility, processes
- Fine, I’ll Use a Super Basic CSS Processing Setup (by/via) · · css, preprocessors, sass, postprocessors, postcss
- Understanding the New WCAG 2.2 Criteria (via) · · accessibility, wcag
- TypeScript’s Hidden Feature: Subtypes · · typescript
- The Complete Puppeteer Cheatsheet (by) · · puppeteer, cheat-sheets, chromium
- Overview of Drupal (via) · · overviews, drupal
- HTML5 Boilerplate v9.0.0 Released · · release-notes, html5-boilerplate
- Dark Design Patterns Catalog · · design, user-experience, dark-patterns
- Custom Events in Web Components (by) · · web-components, events, javascript
- Baseline’s Evolution on MDN (by/via) · · browsers, support, web-platform, case-studies
- A Definition Update for Baseline (by+/via) · · browsers, support, web-platform
- Maglev—V8’s Fastest Optimizing JIT (by+/via) · · v8, optimization, browsers, google, chrome
- The Hellish History of HTML: An Incomplete and Personal Account (by/via) · · html, history
- Better Vue.js Inputs With Generics: The Select (by) · · vuejs, generics, components
- Web Chat Accessibility Considerations (by) · · accessibility, functionality, wcag, aria
- “sizes="auto"” Pretty Much Requires “width” and “height” Attributes (by) · · html, images, maintainability
- Scale Your React App With Storybook and Chromatic (by/via) · · react, scaling, storybook
- My 3 Rules for Documenting Code (by) · · documentation, naming, processes
- Blind CSS Exfiltration: Exfiltrate Unknown Web Pages (by/via) · · css, security
- Astro 4.0 (by+/via) · · release-notes, astro
- 4 Dead Simple Ways of Customizing Bootstrap (by) · · bootstrap, customization, css
- 12 Important User-Interface Design Guidelines (by/via) · · guidelines, design, usability
- The Importance of User Feedback and Data in UX Design (by/via) · · user-experience, metrics
- Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (via) · · guides, design, colors, tips-and-tricks
- The State of UX in 2024: Enter Late-Stage UX (by+/via) · · user-experience, design, visions
- 100 Bucket List Ideas for Programmers (by) · · career, learning
- CSS Media Query for Scripting Support (by) · · css, media-queries, browsers, support
- Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (by/via) · · fundamentals, html, accessibility, user-experience
- 10 Tips for Implementing Webflow On-Page SEO (via) · · webflow, seo, tips-and-tricks
- How Marketing Changed OOP in JavaScript (by/via) · · marketing, javascript, oop, software-design-patterns
- Why Carousels Don’t Work (by) · · carousels, design, user-experience
- The Pros and Cons of Using React Today (by/via) · · react, frameworks
- Testing the Performance of Social Media Embeds (by/via) · · performance, testing, embed-code, social-media
- Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (by+/via) · · guides, design, product-management, processes
- Of Time and the Web (by/via) · · videos, web, processes, history
- An Informed Pre-Caching Strategy for Large Sites (by/via) · · strategies, performance, caching
- The “form” Attribute—Enhancing Form Layout Flexibility (via) · · forms, html
- Is the Flat Design Trend Finally Over? (by/via) · · design, flat-design, trends
- Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican · · site-generators, comparisons, hugo, jekyll
- You Don’t Need JavaScript for That (by/via) · · javascript
- A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (by/via) · · design, processes, figma
- Let’s Learn How Modern JavaScript Frameworks Work by Building One (by) · · javascript, frameworks, reactivity, rendering, dom
- Fastest Way of Passing State to JavaScript, Re-Visited (by/via) · · javascript, state-management, performance
- Debugging BFCache, Make Your Page Load Instantly (by+/via) · · videos, performance, caching, browsers, google, chrome, dev-tools, debugging
- Web Development Advent Calendars for 2023 (by) · · link-lists, learning
- The UX of HTML (by/via) · · html, semantics, user-experience
- Search vs. Browse · · user-experience, browsing, searching, comparisons
- Recovering Deleted Files From Your Git Working Tree (by/via) · · git, command-line
- I Replaced npm, Yarn, and nvm With pnpm (by) · · dependencies, npm, yarn, pnpm, nvm
- How to Use a Color Font (by) · · how-tos, fonts, css
- Does Web Design Matter? (by) · · design, web
- Deceptive Patterns in UX: How to Recognize and Avoid Them (by/via) · · user-experience, dark-patterns
- CSS Relative Colors (by/via) · · css, colors
- Create Dynamic Web Experiences With Interactive SVG Animations (via) · · svg, images, animations, tooling
- Node v21.3.0 (by/via) · · release-notes, nodejs
- How to Use Chrome’s Accessibility Tree (via) · · how-tos, accessibility, browsers, google, chrome
- Not All Screen Reader Users Are Blind (by) · · accessibility, user-experience, screen-readers, assistive-tech
- New to the Web Platform in November (by/via) · · release-notes, web-platform, browsers, google, chrome, mozilla, firefox
- Firefox on the Brink? (by) · · browsers, mozilla, firefox
- Preparing for a Live Demo (by) · · career
- Is 2024 the Year of CSS Nesting? (by/via) · · css, nesting
- Creating a Marquee Effect With CSS Animations (by) · · css, animations, effects