Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2023” News Archive

Definition, related topics, and tag feed

“2023” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Tech Interviews Are Changing—Not for the Better2,872
interviewing, career
3 Terminal Commands to Increase Your Productivity2,871
command-line, productivity
My Perspective: Digital Accessibility and Overlays2,870
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)2,869
interviewing, javascript, career, concepts, terminology
Installing Google Fonts as npm Packages (ami)2,868
installing, tooling, dependencies, google, fonts
React Is Slow, What to Do Now?2,867
react, performance
Shadow DOM and the Problem of Encapsulation (nol)2,866
web-components, shadow-dom, dom, maintainability
The Internet Is About to Get Weird Again (rol)2,865
web, social-media
What Are Types in TypeScript2,864
typescript, types
A Comprehensive Guide to npm Workspaces and Monorepos2,863
guides, monorepos, npm, yarn, dependencies
Make Your Linux Terminal Enjoyable to Use2,862
unix-like, command-line, shells, oh-my-zsh
2.5.8: Adversarial Conformance (aar)2,861
accessibility, wcag, compliance
Let’s Bring Back JavaScript’s “with()” Statement (mac)2,860
javascript
Making a Weblog With Eleventy2,859
eleventy, blogging
React Server Components: The Good, the Bad, and the Ugly (may)2,858
react, components
Tools to Make Your Developer Experience Better in PHP (ami)2,857
tooling, developer-experience, php, link-lists
Top 7 CSS Frameworks in 2024 (wea)2,856
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
WCAG 2: Guidelines and Guardrails (yat)2,855
accessibility, wcag, guidelines
The Ultimate Mobile Accessibility Resource Guide (ste)2,854
guides, accessibility, link-lists
Announcing Vue 3.4 (eva/vue)2,853
vuejs, release-notes
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds2,852
accessibility, compliance, legal
Incident, Mitigate, Learn (j9t)2,851
processes, incident-response, learning, quality
Inspecting WCAG 2.2: Accessible Authentication2,850
videos, accessibility, wcag, standards, authentication
Making Sense of “Senseless” JavaScript Features (mon)2,849
javascript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (dev)2,848
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?2,847
typescript
Every Container Queries Demo Is a Card (chr)2,846
css, container-queries
Everything You Need to Know About Responsive Logo Design (web)2,845
design, branding, images, logos, responsive-design
Frontend Predictions for 2024 (shi)2,844
retrospectives, outlooks
Future of Storybook in 2024 (shi/sto)2,843
outlooks, storybook
HTML Validation—Pros and Cons2,842
html, conformance
I Made JSX for Lua (Because I Hate Static Sites)2,841
jsx, lua
Server and Client Component—Next.js (fro)2,840
nextjs, react, components
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)2,839
tech-stacks, jamstack, content-management
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases2,838
css-in-js, css, javascript
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)2,837
discussions, community
CSS Wishlist2,836
css, wish-lists
I Built the Same App 7 Times: Which JS Framework Is Best?2,835
javascript, frameworks, comparisons
JS Design Patterns: A Comprehensive Guide2,834
guides, javascript, software-design-patterns
Never Underestimate HTML (lar/mat)2,833
html, user-experience, developer-experience
Container Style Queries (mat/5t3)2,832
css, container-queries, style-queries
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)2,831
performance, monitoring, optimization, apis, time
CSS-Based State Management (may)2,830
css, state-management
Polypane Review: Best Browser for Web Developers?2,829
polypane, browsers, tooling
Responsive SVGs (nil/5t3)2,828
svg, images, responsive-design
Session-Based vs. Token-Based Authentication: Which Is Better?2,827
authentication, json-web-tokens, comparisons, security
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)2,826
html, disclosure-widgets, css, javascript
Why AI Is a Disaster for the Climate (the)2,825
ai, sustainability
ARIA Live Regions (mat)2,824
aria, live-regions, accessibility
Best Practices for Coding With AI in 20242,823
ai, best-practices
FileReader API (cla/5t3)2,822
apis, javascript, file-handling
GitHub Copilot: Tips and Tricks for Flutter Devs2,821
github-copilot, ai, flutter, dart, tips-and-tricks
The View Transitions API and Delightful UI Animations (cod/sma)2,820
css, animations, view-transitions, apis
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)2,819
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
Custom Mouse Hover Effect With JavaScript2,818
javascript, effects, hover
2023 Digital Accessibility Year in Review (tpg)2,817
accessibility, retrospectives
Container Queries and Units (zac/fro)2,816
css, container-queries, units
CSS Scope Issues (kiz)2,815
css, scope
“HTML First” Is Not HTML First (j9t)2,814
html, principles, quality, craft
JavaScript Frameworks—Heading Into 2024 (rya/thi)2,813
javascript, frameworks, outlooks
Recapturing Early-Internet Whimsy With HTML (tec)2,812
html, trends, design, art, decoration
Screen Reader Users and the Tab Key (tem)2,811
accessibility, screen-readers, keyboard-navigation, testing
Scroll-Driven Animations (mic/5t3)2,810
animations, scrolling, css
The Complete Playwright Cheatsheet2,809
cheat-sheets, playwright, testing
The Implied Web (hws/mat)2,808
html, accessibility, semantics
The State of Benchmarking in Node.js2,807
nodejs, performance, metrics
The Top Accessibility Errors Found in 2023 (tpg)2,806
accessibility, conformance, quality, errors, retrospectives
Turn Your Vue App Into an Offline-Ready Progressive Web App2,805
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+/dev)2,804
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)2,803
css, animations, effects, hover
Are We Too Pedantic With Semantic2,802
design, design-tokens, semantics
Classes vs. Prototypes in JavaScript (cfe)2,801
javascript, prototypes, comparisons
Clean Architecture: Theming With Tailwind and CSS Variables2,800
theming, tailwind, custom-properties, css
CSS Nesting (kil/5t3)2,799
css, nesting
Locking Scroll With “:has()” (rob)2,798
css, selectors, scrolling
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)2,797
viewport, css, units, scrolling
Release Notes for Safari Technology Preview 185 (jon/web)2,796
release-notes, browsers, apple, safari
10 Best Practices for Secure Code Review of Node.js Code2,795
best-practices, security, code-reviews, nodejs
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)2,794
principles, performance
10 Ways to Speed Up JavaScript Loading2,793
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
“align-content” in Block Layout (rac)2,792
css, layout, support, browsers
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)2,791
images, borders, css, browsers, web-platform, interoperability
Eigensolutions: Composability as the Antidote to Overfit (lea)2,790
product-management, processes
Experimental Chromium Web Platform Features (pol)2,789
overviews, experiments, web-platform, standards, chromium
New to the Web Platform in December (rac/dev)2,788
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Practical “img” Element Defaults (zor/css)2,787
videos, css, images
Reflow Red Flags (tpg)2,786
accessibility, reflow, testing
View Transitions (hui/5t3)2,785
css, javascript, view-transitions
We Can :has It All (hex)2,784
css, selectors, browsers, support
See What’s New in Firefox [121.0] (moz)2,783
release-notes, browsers, mozilla, firefox
Using the CSS “contain” Property: A Deep Dive (log)2,782
deep-dives, css, containment
AI for Web Devs: AI Image Generation (aus)2,781
ai, tooling, images, automation
Building Components for Consumption, Not Complexity II (dis/sma)2,780
design-systems, components, figma
How to Center an Element in CSS Without Adding a Wrapper in HTML2,779
how-tos, centering, css, techniques
Making Data Visualizations Accessible (ons/tpg)2,778
accessibility, information-design
React Props Explained With Examples2,777
react, props, examples
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today2,776
career, community
The Road to HTMHell Is Paved With Semantics (pep/mat)2,775
html, semantics, quality
Zustand—Complete Tutorial (cos)2,774
videos, tutorials, zustand, state-management, libraries, react
New JS Array Methods (cfe/5t3)2,773
javascript, arrays, methods
The Goldilocks Principle for Prototyping (nng)2,772
videos, principles, prototyping, usability
Think About Your Future Self2,771
accessibility
Good Design Is Subjective, Contextual, and Intentional (uxd)2,770
design, processes
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)2,769
performance, caching, optimization
You Might Be Looking for HTML “article”, Not “section” (san)2,768
html, semantics
CSS “animation-composition” (tyl/5t3)2,767
css, animations
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)2,766
fundamentals, semantics, html, accessibility
A Checklist for CLS Scenarios (per)2,765
checklists, performance, web-vitals
Baseline Does Not Really Cover Baseline Support (aar)2,764
browsers, support, web-platform, accessibility
HTML Can Do This?2,763
html
Swallowing Camels (kol/mat)2,762
accessibility
Web Components (may/5t3)2,761
web-components, html, shadow-dom, dom
Naming Design Tokens: The Art of Clarity and Consistency (uxd)2,760
design-tokens, naming, consistency
Sharing a State Between Windows Without a Server2,759
web-workers, apis, state-management, effects, javascript
How GitHub Actions Versioning System Works (rob)2,758
github-actions, versioning, semver
Christmas Tree Animations Made With CSS and JS2,757
css, javascript, animations, effects, link-lists
Crafting Effective Documentation2,756
documentation
CSS “@ scope” (mia/5t3)2,755
css, scope
How We Reduced CSS Size and Improved Performance Across GOV.UK2,754
case-studies, css, performance, optimization
Introducing JavaScript Support in MySQL2,753
introductions, databases, mysql, javascript, support
Managing Node.js Processes2,752
nodejs, tooling
Stop Normalizing Unprofessional Behaviour in the Name of Agility2,751
agile, processes, communication, community, professionalism
The Ghosts of Markup Past (tho/mat)2,750
html, web, history
The WordPress Showcase and Accessibility (joe)2,749
accessibility, wordpress
Who Stole My Largest Contentful Paint? (per)2,748
performance, web-vitals, optimization
Anchor Positioning (kiz/5t3)2,747
css, anchor-positioning
Announcing SvelteKit 2 (sve)2,746
release-notes, sveltekit
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)2,745
design-systems, leadership, collaboration, accessibility, user-experience
Developer Toolkit2,744
websites, tooling, conversion, link-lists
Getting Started With Web Performance (acc/mat)2,743
introductions, performance, web-vitals, testing
How to Use ESM on the Web and in Node.js2,742
how-tos, esm, commonjs, modules, nodejs
HTTP Keanu (sue)2,741
websites, http, protocols
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)2,740
accessibility, economics
The Unspoken Struggle of Aging in a Tech-Driven World (uxd)2,739
accessibility, user-experience, web
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences2,738
developer-relations, dei, community, strategies
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)2,737
tips-and-tricks, optimization, performance, auditing
V8 Is Faster and Safer Than Ever2,736
javascript-engines, v8, javascript, webassembly
6 Techniques for Conditional Rendering in React, With Examples2,735
techniques, react
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)2,734
eleventy, sitemaps
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)2,733
sliders, css, scrolling, layout, case-studies
How to Get Good at Competitive Programming2,732
how-tos, programming
HTML: The Bad Parts (may/mat)2,731
html
My Accessibility Journey (web)2,730
accessibility, career
Popover API (mrt/5t3)2,729
pop-overs, apis, css
The Best Go Tools to Use for Your Frontend Projects (fre)2,728
go, tooling, link-lists
What Really Is Technical Debt?2,727
technical-debt, terminology, quality
What Vue’s Creator Learned the Hard Way With Vue 3 (low/the)2,726
vuejs, lessons
Competing Against Internally Developed Tools2,725
tooling, processes
Why I Use Astro (fla)2,724
astro
Accessibility Overlays (eu)2,723
accessibility, overlays, metrics
Baseline 2023 (rac/dev)2,722
browsers, support, web-platform
Engineering Progression for Humans (sop)2,721
career, engineering-management
Test-Driven HTML and Accessibility (mat)2,720
html, accessibility, testing, javascript
Three Modern CSS Properties Your Website Must Have2,719
css
Using Date-Based CSS to Make Old Web Pages Look Old (ede)2,718
css, history
Using Nodemon and Watch in Node.js for Live Restarts (cra)2,717
nodejs, tooling
Embrace the Platform (bra)2,716
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Can UX Design Actually Be Ethical? (uxd)2,715
user-experience, design, ethics
Extending Responsive Video With HTML Web Components (sco/per)2,714
multimedia, responsive-design, web-components, javascript
ARIA, the Good Parts (hdv/par)2,713
videos, accessibility, aria
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)2,712
how-tos, javascript, promises, asynchronicity
Behavior Belongs in the HTML2,711
html, javascript, principles
Building Components for Consumption, Not Complexity (dis/sma)2,710
design-systems, components, figma
Chrome Enables Desktop Mode by Default on Premium Tablets (pau/dev)2,709
browsers, google, chrome, desktop
Decoding Compound Tokens2,708
design-tokens, terminology
Developer Relations Is an All-Company Effort (bla)2,707
developer-relations, foss, community
Everything Is Chrome (val)2,706
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)2,705
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Improve App Performance With Angular 17 “defer”2,704
videos, angular, performance, optimization
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)2,703
dom, javascript, html, comparisons
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful2,702
nodejs, typescript, esm
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)2,701
css, selectors
Screen Reader User Survey #10 (web)2,700
surveys, accessibility, screen-readers
The “await” Event Horizon in JavaScript (fro)2,699
javascript, events
The “hidden” Attribute in HTML (mat)2,698
html, attributes
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)2,697
accessibility, multimedia, captions
WebKit Features in Safari 17.2 (jen+/web)2,696
release-notes, browsers, apple, safari, webkit
Why Designers Quit (2023 Report) (uxd)2,695
design, career
A List of JavaScript Engines, Runtimes, Interpreters2,694
javascript, javascript-engines, runtimes, link-lists
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)2,693
performance, web-vitals, optimization, case-studies
Potential Problems With Accessibility Audits and What to Do About Them (cer)2,692
accessibility, auditing, testing
Signals of Interface Quality2,691
design, quality
Task Automation and Debugging With AI-Powered Tools2,690
automation, debugging, tooling, ai
Template for Accessibility Guidelines (stv/mat)2,689
templates, accessibility, guidelines
A Perfectly Normal Amount of Tech Debt (max)2,688
technical-debt, maintenance
Media Queries in HTML Video (aar)2,687
html, multimedia, css, media-queries, accessibility
What the Slot? (dut/mat)2,686
web-components, dom, shadow-dom, html
All Technical Debt Is a Risk to the Product and to Your Business2,685
technical-debt, quality, product-management, processes
Audit Your Site for Third-Party Cookies (dev)2,684
videos, auditing, cookies, privacy
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)2,683
accessibility, skip-links
Oh No! My JSON! (ton)2,682
css
Scroll Fading 101 (nng)2,681
scrolling, interaction-design, usability
A Beginner’s Guide to Accessible Text (pop)2,680
guides, accessibility, content, writing, best-practices
Accessibility-Specific Tech Requirements? It Depends!2,679
accessibility, processes
Angular Signals: Complete Guide2,678
guides, angular, signals, examples
CSS Snapshot 2023 (tab+/w3c)2,677
css, standards
CSS Wrapped: 2023 (una+/dev)2,676
css, browsers, support, interoperability, retrospectives
Insights: Mobile Accessibility2,675
accessibility, research, metrics, mobile
Is PHP Still a Viable Choice in 2023?2,674
discussions, php
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)2,673
performance, web-vitals, optimization
React Performance Optimization2,672
react, performance, optimization
Release Notes for Safari Technology Preview 184 (jon/web)2,671
release-notes, browsers, apple, safari
Security Headers Using “<meta>” (sap/mat)2,670
security, csp, html
Stop Nesting Ternaries in JavaScript (phi)2,669
javascript, operators
The Last 5 Years of V8’s Garbage Collector (win)2,668
javascript, javascript-engines, v8, garbage-collection, concurrency, history
The Most Accessible Font2,667
accessibility, typography, legibility, fonts
The Shrinkwrap Problem: Possible Future Solutions (kiz)2,666
css
Why Chromium Cares About Standards2,665
chromium, standards, web-platform
Custom Events in Web Components (cfe)2,664
web-components, events, javascript
Dark Design Patterns Catalog2,663
design, user-experience, dark-patterns
HTML5 Boilerplate v9.0.0 Released2,662
release-notes, html5-boilerplate
Overview of Drupal2,661
overviews, drupal
The Complete Puppeteer Cheatsheet2,660
puppeteer, cheat-sheets, chromium
TypeScript’s Hidden Feature: Subtypes2,659
typescript
Understanding the New WCAG 2.2 Criteria2,658
accessibility, wcag
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)2,657
css, sass, postcss, lightning-css, postprocessors
4 Dead Simple Ways of Customizing Bootstrap2,656
bootstrap, customization, css
A Definition Update for Baseline (kad+/dev)2,655
browsers, support, web-platform
Astro 4.0 (blu+/ast)2,654
release-notes, astro
Baseline’s Evolution on MDN (pep/mdn)2,653
browsers, support, web-platform, documentation, mdn, case-studies
Better Vue.js Inputs With Generics: The Select2,652
vuejs, generics, components
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages2,651
css, security
My 3 Rules for Documenting Code (wra)2,650
documentation, naming, processes
Scale Your React App With Storybook and Chromatic2,649
react, scalability, storybook
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)2,648
html, attributes, images, maintainability
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)2,647
html, history
Web Chat Accessibility Considerations (cra)2,646
accessibility, functionality, wcag, aria
Maglev—V8’s Fastest Optimizing JIT2,645
v8, optimization, browsers, google, chrome
10 Tips for Implementing Webflow On-Page SEO2,644
webflow, seo, tips-and-tricks
100 Bucket List Ideas for Programmers2,643
career, learning
12 Important User-Interface Design Guidelines (uxm)2,642
guidelines, design, usability
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)2,641
fundamentals, html, attributes, accessibility, user-experience
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)2,640
guides, design, colors, tips-and-tricks
CSS Media Query for Scripting Support (sea)2,639
css, media-queries, browsers, support
How Marketing Changed OOP in JavaScript (mon/sma)2,638
marketing, javascript, oop, software-design-patterns
Of Time and the Web (ada/btc)2,637
videos, web, processes, history
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)2,636
guides, design, product-management, processes
The Importance of User Feedback and Data in UX Design (uxm)2,635
user-experience, metrics
The Pros and Cons of Using React Today (the)2,634
react, frameworks
Why Carousels Don’t Work2,633
carousels, design, user-experience
An Informed Pre-Caching Strategy for Large Sites (per)2,632
strategies, performance, caching
Testing the Performance of Social Media Embeds (mic)2,631
performance, testing, embed-code, social-media
The State of UX in 2024: Enter Late-Stage UX (fab/uxd)2,630
user-experience, design, outlooks
The “form” Attribute—Enhancing Form Layout Flexibility (mat)2,629
forms, html, attributes
Is the Flat Design Trend Finally Over? (uxd)2,628
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican2,627
site-generators, comparisons, hugo, jekyll
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)2,626
javascript, frameworks, reactivity, rendering, dom
You Don’t Need JavaScript for That (kil/mat)2,625
javascript
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)2,624
javascript, state-management, performance
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (uxd)2,623
design, processes, atlassian, figma
Create Dynamic Web Experiences With Interactive SVG Animations2,622
svg, images, animations, tooling
CSS Relative Colors (luc/iod)2,621
css, colors
Does Web Design Matter?2,620
design, web
How to Use a Color Font (man)2,619
how-tos, fonts, css
I Replaced npm, Yarn, and nvm With pnpm (paw)2,618
dependencies, npm, yarn, pnpm, nvm
Recovering Deleted Files From Your Git Working Tree (sma)2,617
git, command-line
The UX of HTML (vas/mat)2,616
html, semantics, user-experience
Web Development Advent Calendars for 2023 (aar)2,615
link-lists, learning
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)2,614
user-experience, dark-patterns
Search vs. Browse2,613
user-experience, browsing, searching, comparisons
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)2,612
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Creating a Marquee Effect With CSS Animations2,611
css, animations, effects
Firefox on the Brink? (bry)2,610
browsers, mozilla, firefox
Is 2024 the Year of CSS Nesting? (jar/van)2,609
css, nesting
New to the Web Platform in November (rac/dev)2,608
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Node v21.3.0 (raf/nod)2,607
release-notes, nodejs
Not All Screen Reader Users Are Blind (tem)2,606
accessibility, user-experience, screen-readers
Preparing for a Live Demo2,605
career
CSS Modules (fro)2,604
css, modules, scope, examples
Design That Scales2,603
books, design, design-systems, scalability, processes
Fetch API, Do You Really Know How to Handle Errors?2,602
data-fetching, apis, errors
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)2,601
performance, web-vitals, metrics
Testing in Production With Canary Deployments: A How-To Guide2,600
guides, testing, deploying
CSS: BEM or Atomic Design2,599
css, bem, atomic-design, comparisons
Alternative Frontends2,598
web, censorship
Hide and Debug Empty Elements With CSS (mic)2,597
css
Accessing .env Files Natively With Node.js2,596
nodejs, environments
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)2,595
design, best-practices
How to Use the File System in Node.js (cra)2,594
how-tos, file-handling, nodejs, apis
The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query (mat)2,593
videos, css, media-queries, container-queries, comparisons
Oh No, Overflow! (mic)2,592
css, overflow, layout
A Complete Guide to pnpm2,591
guides, pnpm, dependencies
Accessibility: A Practical Perspective (mat)2,590
accessibility
Burnout in the Digital Accessibility Field2,589
accessibility, career
Checking the Type of a String in PHP (ami)2,588
php, strings
How to Use Chrome’s Accessibility Tree (pop)2,587
how-tos, accessibility, browsers, google, chrome
How to Use Responsive HTML Video (…and Audio!) (sco)2,586
how-tos, responsive-design, html, multimedia
Keyboard Accessibility Myths and WCAG (gra/tet)2,585
accessibility, keyboard-navigation, wcag, myths
The “hanging-punctuation” Property in CSS (chr)2,584
css, typography
Web Components Eliminate JavaScript Framework Lock-In (jak)2,583
web-components, javascript, frameworks, maintainability
Kicking the Excessive JavaScript Habit (mic)2,582
javascript, performance, developer-experience, user-experience
“An Accessible Website Won’t Be Beautiful”… Really?!2,581
design, aesthetics, accessibility
10 JavaScript Changes You Missed in 2023 (fir)2,580
videos, javascript, retrospectives
Resource Loading at the Cutting Edge (per)2,579
videos, performance
Are Design Ethics Useless? (koo)2,578
design, ethics
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)2,577
css, functions, colors, oklch
OOP Design Patterns in JavaScript2,576
javascript, oop, software-design-patterns
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development2,575
progressive-enhancement, graceful-degradation, comparisons
Preventing Scroll “Bounce” With CSS (mic)2,574
css, scrolling
A Few Ways CSS Is Easier to Write in 2023 (geo/sma)2,573
css, techniques, comparisons
Weird HTML Hacks (ern)2,572
html, css, hacks, techniques, history
Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America2,571
design-systems, metrics, lessons
Accessibility Is Leadership (dav)2,570
accessibility, leadership
How to Test 3.3.7 Redundant Entry (tpg)2,569
how-tos, accessibility, testing, wcag
State of JavaScript 2023 (sac/dev)2,568
surveys, javascript
Measuring Long Animation Frames (LoAFs) in the Browser (deb)2,567
animations, performance, apis, web-vitals
Browsers Only Update “:target” on Page Load and During Fragment Navigation (sim)2,566
css, selectors
Psychology of Speed: A Guide to Perceived Performance (fox/cal)2,565
guides, performance, user-experience
Shadow DOM Is for Hiding Your Shame2,564
shadow-dom, dom, web-components, html
Test Often to Keep Your Designs Simple2,563
design, prototyping, testing, simplicity
The Elevator Pitch for Web Components (cfe)2,562
web-components, html, dom
Vue and Vite Status Update (eva)2,561
videos, vuejs, vite
Top 10 Most Popular JavaScript Frameworks to Choose in 20242,560
javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
Choosing a Green Web Host (mic)2,559
hosting, sustainability
An Interactive Guide to CSS Grid (jos)2,558
guides, css, grids, layout
Demystifying Web Push Notifications2,557
notifications, javascript
Easy Introduction to Variables and Data Types in Programming for Beginners (ara)2,556
introductions, variables, types, programming
PHP Attributes in Laravel2,555
php, laravel, attributes
The Tension and Future of Jamstack (zac)2,554
tech-stacks, jamstack
URL Parser Performance (bag)2,553
urls, parsing, performance
Why We Don’t Like TDD: A Developer’s Perspective2,552
testing, processes
The Unbearable Weight of Massive JavaScript (rya/per)2,551
videos, javascript, frameworks, performance
Announcing TypeScript 5.3 (dan/typ)2,550
release-notes, typescript
Conducting a Content Audit to Improve Your Content (uxm)2,549
content, auditing, quality, optimization
CSS4 Is Coming (Not a Clickbait) (zor/css)2,548
videos, css
How to Avoid Breaking Web Pages for Keyboard Users (tpg)2,547
how-tos, accessibility, keyboard-navigation
Inspecting WCAG 2.2: Target Size2,546
videos, accessibility, wcag, standards
Jimdo’s Engineering Guidelines2,545
guidelines, processes, collaboration, onboarding, case-studies
Navigating the Intersection of Brand Strategy and User Experience (uxm)2,544
branding, strategies, user-experience
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)2,543
html, attributes
Width and Height in CSS (jim)2,542
css
What Are Webhooks and How to Use Them2,541
webhooks
SEO Writing: 12 Tips for Creating SEO-Optimized Content (sem)2,540
seo, writing, content, optimization, tips-and-tricks
Streams in Node.js2,539
nodejs, streaming, examples
CSS Nesting (sha)2,538
css, nesting
CSS Nesting UX in DevTools (sha)2,537
css, nesting, user-experience, developer-experience, browsers, dev-tools
Introduction to AWS—DynamoDB2,536
introductions, aws, dynamodb, databases
10 Great Websites to Learn Web Development (apo)2,535
link-lists, learning
26 Frontend Certifications for Web Developers2,534
training, career, link-lists
An Attempted Taxonomy of Web Components (zac)2,533
web-components, html
Comparison of Accessibility of E-Government Websites in Europe (cer)2,532
accessibility, case-studies, comparisons
How Independent Publishing Has Changed From the 1990s Until Today2,531
history, writing, web
Skip PHPUnit Tests Conditionally in PHP (ami)2,530
php, testing
The CSS Property You Didn’t Know You Needed2,529
css
10 Tips for Driving Design System Adoption (zer)2,528
design-systems, tips-and-tricks
HTML Web Components Are Just JavaScript? (mia/odd)2,527
web-components, javascript, html
Integrating MongoDB With Node.js2,526
mongodb, nodejs
“NODE_ENV=production” Is a Lie (mco)2,525
videos, nodejs, environments, optimization
Understanding Dev Dependencies in Web Development2,524
dependencies
Why Svelte?2,523
svelte, react, frameworks
5 Formatting Techniques for Long-Form Content (nng)2,522
usability, content, writing, formatting, techniques
Why You Should Curate, Not Create, a Design System (uxd)2,521
design-systems, processes
4 Web Devs, 1 App Idea (whi+)2,520
videos, web-apps, case-studies
Evolution of Visible Focus2,519
videos, accessibility, focus
Exclusive Accordions Exclude (yat)2,518
accessibility, html, accordions
Getting Started With CSS Container Queries (mic/mdn)2,517
introductions, css, container-queries
How to Use Node.js With Docker (cra)2,516
how-tos, nodejs, docker
The Best CSS Background Patterns for Your Next Project2,515
css, backgrounds
The Developer Job Market Is Insane—5 Tips on How to Survive2,514
career, interviewing, tips-and-tricks
The Node.js Event Loop (mco/pla)2,513
nodejs, event-loop, events
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA2,512
videos, browsers, google, chrome, dev-tools, accessibility, testing, html, aria
Wasp Lang and Prisma ORM: A New Era in Web Development (pri)2,511
videos, wasp, prisma
Until the Right Design Emerges…2,510
design
Vite 5.0 Is Out (vit)2,509
release-notes, vite
A Guide to Low-Code No-Code in Software Development2,508
guides, low-and-no-code, concepts
A Tip for Properly Handling Loading States in Web Apps (ray)2,507
tips-and-tricks, state-management, web-apps
About Subgrid and Colored Grid Lines (len)2,506
css, grids, layout
Biome—Unified Linting and Formatting Solution2,505
biome, configuration
How to Optimize MongoDB Performance for Node.js (app)2,504
how-tos, mongodb, optimization, nodejs
Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (nod)2,503
introductions, nodejs, ai, tooling
Introduction to LangChain2,502
introductions, langchain
Is It Worth Keeping Your CSS DRY—Pros and Cons2,501
css, maintainability, principles
Modular CSS and Different Ways to Structure Your Stylesheets (cfe)2,500
css, modules
Release Notes for Safari Technology Preview 183 (jon/web)2,499
release-notes, browsers, apple, safari
Using Selectlist in React (kil/pol)2,498
react, forms
Why Doesn’t AI Work for Producing Accessible Code? (ala)2,497
accessibility, code-generation, ai
Browsing the Eastern Side of the Personal Web2,496
web, community
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing2,495
performance, optimization, memoization, throttling, debouncing
Shattering the Design System: Unleashing the Creative Revolution (cre/uxd)2,494
design-systems, creativity, processes
We Need to Have a Chat? I Think We Should Refactor2,493
design-systems, maintenance, refactoring
Accessibility Testing With Chrome DevTools2,492
accessibility, testing, browsers, google, chrome, dev-tools
Cracking a “Developer Tools Killer” Script… (cod)2,491
browsers, dev-tools, debugging
Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (uti)2,490
css, debugging, browsers, google, chrome, dev-tools
Exploring V8’s Strings: Implementation and Optimizations (ili)2,489
javascript, javascript-engines, v8, strings, optimization
How I Test a Website for Accessibility2,488
accessibility, testing
Letter and Spirit of Web Development (j9t)2,487
community, processes
Node.js Monthly Downloads (mco)2,486
websites, nodejs, metrics
Simplifying the E2E Selectors Hassle2,485
angular, typescript, testing
What Is Transpiling in JavaScript?2,484
videos, javascript, ecmascript, transpiling, babel
Designing for Accessibility Beyond Compliance (uxd)2,483
design, accessibility, compliance
A Coder Considers the Waning Days of the Craft2,482
craft, retrospectives, web
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)2,481
podcasts, interviews, css, cascade, functions
Designing Web Design Documentation (fre/sma)2,480
documentation, design, design-systems
Growing Design by Letting Teams Experience It2,479
design
HTML Web Components (jim)2,478
html, web-components
Introducing the Website Carbon Rating System2,477
introductions, sustainability
Is It Time for You to Leave Social Media?2,476
social-media
Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax2,475
release-notes, prettier
Text With Media Background: Practical Solutions2,474
images, microcontent, readability, accessibility
The Top WordPress Plugins Are… a Little Sad? (chr)2,473
wordpress, plugins
Your Website’s URLs Can and Should Be Beautiful2,472
urls, usability
Monitoring Your Python App With AppSignal2,471
python, monitoring, tooling
Accessibility Training Can Sometimes Harm Accessibility (cer)2,470
accessibility, training
Explaining Kubernetes to My Uber Driver2,469
architecture, kubernetes
HTML First2,468
websites, html, principles
The Nature of Digital Is Environmentally Destructive (ger)2,467
sustainability
Java Memory Leaks: Detection and Prevention2,466
java, memory
Do You Really Need to Validate Your HTML Code?2,465
discussions, html, conformance
Lost in Translation: Tips for Multilingual Web Accessibility (ben)2,464
tips-and-tricks, accessibility, internationalization, localization
Mastering Cryptography Fundamentals With Node’s “crypto” Module2,463
security, cryptography, nodejs
NCSA Mosaic: How the First Mainstream Web Browser Changed the World Forever2,462
history, browsers, mosaic
AI Is the New UI (uxd)2,461
ai, design
Stop Using AI-Generated Images (mic)2,460
ai, images
A Faster Web in 2024 (rvi)2,459
performance, web-vitals, metrics, web
Concurrency in React 18 for Busy Bees (ole)2,458
react, concurrency
Creating Accessible UI Animations (sma)2,457
accessibility, animations
Never Use “Scroll” Value for Overflow (kiz)2,456
css, overflow, scrolling
Set Up Your Redwood.js Environment: A Beginner’s Tutorial (sel)2,455
videos, tutorials, redwoodjs
Cookie Permissions 101 (nng)2,454
cookies, legal, user-experience
CSS Nesting Is Here (mic)2,453
css, nesting
How to Become a Better Programmer2,452
how-tos, programming, career
What’s New in Angular 17 (rak)2,451
angular
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit2,450
bun, nodejs, comparisons
CSS Nesting Relaxed Syntax Update (arg/dev)2,449
css, nesting, browsers, google, chrome, support
Effective Engineering Teams (add)2,448
collaboration, career, engineering-management
ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners2,447
guides, javascript
Front End Devs Really Don’t Understand Accessibility (cfe)2,446
accessibility, craft
How Long Until Your Website Is Accessible? (kar)2,445
accessibility, processes
HTML Web Components (ada)2,444
web-components, html, web-platform
Modern Frontend Testing With Vitest, Storybook, and Playwright2,443
testing, vitest, storybook, playwright
Understanding HTML Landmarks and How to Apply Them (its/log)2,442
html, semantics, accessibility, aria
NaN or Not a Number? (mic)2,441
javascript
AVIF: Meet the Next Level Image File Format2,440
avif, images
CSS Positioning Crash Course (zor/css)2,439
videos, crash-courses, css, positioning, layout
Everything About SEO Is Obnoxious (chr)2,438
seo, quality, ethics
How to Use Timeouts in Node.js (app)2,437
how-tos, time, nodejs, javascript
Introducing Angular v17 (mge/ang)2,436
introductions, release-notes, angular
Monolith to Microservices: 5 Strategies, Challenges, and Solutions2,435
monoliths, microservices, architecture, migrating, strategies
“@ scope” (mdn)2,434
css, scope
Using CSS “content-visibility” to Boost Your Rendering Performance (log)2,433
css, rendering, performance
Web Developers: Remarkably Untalented and Careless? (bal)2,432
quality, career, training
Secure Code Review Tips to Defend Against Vulnerable Node.js Code2,431
nodejs, security, code-reviews
XML Basics for Computing2,430
fundamentals, xml
Handling Null, Undefined, and Zero Values in JavaScript (mic)2,429
javascript
13 HTML Attributes You Should Know About2,428
html, attributes
Accessibility Training Will Not Save You (rei)2,427
accessibility, training, career, quality
Angular (ang)2,426
websites, angular
Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com)2,425
jpeg-xl, images, support, browsers
Creating Accessible Content in Drupal 102,424
videos, drupal, accessibility
Deploying a Vue Application With Netlify and GitHub2,423
deploying, vuejs, netlify, github
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)2,422
google, performance, user-experience, metrics
Surprising Facts About New CSS Selectors (spa/clo)2,421
css, selectors
Truly Semantic (don)2,420
design-tokens, semantics, naming
Writing Components That Work in Any Frontend Framework (and)2,419
web-components, frameworks
How Miro Migrated Its Analytics Event Tracking System2,418
analytics, metrics, monitoring, migrating
Addressing Accessibility Concerns With Using Fluid Type (sma)2,417
accessibility, responsive-design, liquid-design, css
(Don’t) Mind the Gap (mic)2,416
css, layout
Why We Need a “Green” Perf Metric (scr/per)2,415
videos, sustainability, performance, metrics
React Router v6: A Beginner’s Guide2,414
guides, react, routing, react-router
Headless Component: A Pattern for Composing React UIs (mfo)2,413
components, react, headless
Default Layouts in 11ty (rem)2,412
eleventy
“git rebase”: What Can Go Wrong? (b0r)2,411
git
GitLab CI Optimization: 15+ Tips for Faster Pipelines2,410
gitlab, ci-cd, optimization, tips-and-tricks, dev-ops
How to Build a Server-Side React App Using Vite and Express (the)2,409
how-tos, react, vite, express, server-side-rendering
How to Use npm Packages Outside of Node2,408
how-tos, npm, dependencies, javascript
Removing List Styles Without Affecting Semantics (mat)2,407
html, css, semantics, accessibility
The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups (uxm)2,406
user-experience, design, prototyping
Comparing MySQL, PostgreSQL, and MongoDB2,405
databases, mysql, postgresql, mongodb, comparisons
Markdown to HTML in Seconds: Discovering mdhub (gli)2,404
markdown, html, conversion, tooling
How Creating Content as a Developer Changed My Life2,403
career, learning
To Hell With the Business Case (mat)2,402
accessibility, economics, legal
Understanding React Error Boundary2,401
react
WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA (cer)2,400
accessibility, wcag, standards, legal, eaa
Understanding CORS2,399
security, cors
The Anatomy of an Accessible Button2,398
buttons, accessibility, aria, html
An Accessibility Bookmarklet for Testing 200% Text Size (ash)2,397
accessibility, testing, bookmarklets
GitHub Copilot Now Generates AI Commit Messages (ami)2,396
github-copilot, ai, commit-messages
How to Do a TypeScript Conversion2,395
how-tos, javascript, typescript, migrating, conversion, refactoring
Totally Remdom, or How Browsers Zoom Text (mat)2,394
accessibility, zooming, css, units, responsive-design
Workarounds for Buggy Gradients (kei)2,393
css, gradients, colors
Messing About With CSS Gradients (mic)2,392
css, gradients
Performance in React and Next.js2,391
videos, performance, react, nextjs
10 Best Web Development Stacks2,390
tooling, tech-stacks
Answers to Common (Web) Accessibility Questions (hdv)2,389
accessibility
Can AI Help Boost Accessibility? These Researchers Tested It for Themselves2,388
accessibility, ai, chatgpt, research
Content Negotiation in Practice (sof)2,387
content-negotiation, http, examples
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)2,386
html, tables, grids, aria, accessibility
“:fullscreen” Demo Without JavaScript (yoo)2,385
css, selectors
How to Use the Fetch API in Node.js, Deno, and Bun (cra)2,384
how-tos, data-fetching, apis, nodejs, deno, bun, comparisons
How to Write Good Alt Text for Screen Readers (cra)2,383
how-tos, accessibility, images, writing, alt-text, screen-readers
In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One (tho/the)2,382
browsers, apple, safari, web, legal
Shadow DOM on Regular Elements (kiz)2,381
shadow-dom, dom
Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls (sim)2,380
css, selectors, forms
Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques (ash)2,379
css, units, margins, spacing, responsive-design
Information vs. Experience: How to Build Mature Design Systems (uxd)2,378
how-tos, comparisons, design-systems
0 KB Social Media Embeds (chr)2,377
embed-code, quality
A Comprehensive Guide to Data Engineering2,376
guides, data-engineering
Blinded by the Light DOM (mey)2,375
web-components, dom, shadow-dom, javascript
Breaking Down a Design (jam)2,374
design
Confusing Git Terminology (b0r)2,373
git, terminology