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