Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2023” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Building Accessibility Into Your Company, Team, and Culture (swi)1,881
videos, accessibility, culture
Five Optimization and Performance Tools That Enhance Website User Experience1,880
user-experience, performance, optimization, tooling, link-lists
Git Uncommit (ami)1,879
git, command-line
Measuring Developer Productivity? A Response to McKinsey (ger)1,878
productivity, metrics
Web Apps Are Better Than No Apps (yur)1,877
web-apps
Why Are Websites Embarrassing? (fon)1,876
quality, craft
How to Measure Developer Productivity the Right Way1,875
how-tos, productivity, processes
How to Implement SSL/TLS Pinning in Node.js1,874
how-tos, security, ssl, tls, nodejs
Hover Triangles (may)1,873
history, navigation, hover
8 Habits That Hold Back Your Developer Potential1,872
career, productivity
An Overview of Feature Flags (log)1,871
overviews, feature-management, releasing, testing, product-management
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)1,870
colors, oklch, css
How I Write Alt Text for Code Snippets on Social Media (ben)1,869
accessibility, alt-text, writing, images, social-media
Realistic CSS Animations and the “linear()” Timing Function1,868
css, animations, functions, time
Single-Page Applications: Ember vs. Angular1,867
single-page-apps, emberjs, angular, comparisons
Six Reasons Not to Use React1,866
videos, react
Code Splitting in React: Optimize Performance by Splitting Your Code1,865
code-splitting, react, performance, optimization
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)1,864
accessibility, legal
From User Needs to User Dreams: Find the Future of Your Product1,863
user-experience, design, outlooks
Accessible Navigation1,862
accessibility, navigation
Co-Authoring Git Commits (cas)1,861
git, collaboration, documentation
Dark Mode: How Users Think About It and Issues to Avoid (nng)1,860
dark-mode, user-experience, accessibility, best-practices
Web UX: Study Guide (nng)1,859
guides, user-experience, training, link-lists
Package-Based Architecture—Let’s Deliver the Packages1,858
architecture, modules, flutter
State of CSS 2023 [Results] (sac+/dev)1,857
surveys, metrics, css
How to Master Lodash: A Comprehensive Guide1,856
guides, lodash
Biases in Design: Hiding in Plain Sight in a World Full of Visuals1,855
design
Browser Automation With Puppeteer1,854
puppeteer, automation, testing
Visualizing Recursion With the Sierpinski Triangle1,853
algorithms, visualization, javascript
Catching Errors Thrown From “connectedCallback” (nol)1,852
javascript, web-components, errors
Scope vs. Shadow DOM (kei)1,851
shadow-dom, dom, scope, css, javascript, comparisons
Where to Put Focus When Deleting a Thing (aar)1,850
accessibility, focus
WTF Is a Vector Database: A Beginner’s Guide1,849
guides, databases, vector-databases
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)1,848
introductions, wordpress, domains, outlooks
A More Intelligent and Secure Web (ple/w3c)1,847
videos, w3c, standards, web, web-platform, security
Announcing TypeScript 5.2 (dan/typ)1,846
release-notes, typescript
European Accessibility Act: Article 32, and Why It Sucks (cra)1,845
accessibility, legal, eaa
Main-ly Speaking (col)1,844
accessibility, html
TypeScript 5.3 First Look (mat)1,843
typescript
What Are Exceptions to Section 508 Accessibility Requirements?1,842
accessibility, legal, section-508
What Is Alt Text and How to Write It (tpg)1,841
accessibility, images, alt-text, writing
The Comedy of Errors (met)1,840
google, search, tooling, errors
Stakeholder Management for Design Systems (luk)1,839
design-systems, engineering-management, processes
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)1,838
css, shadows, effects
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)1,837
robotstxt, scraping, ai
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)1,836
google, seo
Headless Architecture: What Is It, and Why Is It the Future?1,835
headless, architecture
How Organisations Respond to Accessibility Monitoring1,834
accessibility, monitoring
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)1,833
web-components, dom, shadow-dom
The Art of UX Writing (web)1,832
user-experience, writing, craft
Use Web Components for What They’re Good At (nol)1,831
web-components
To Test or Not to Test, a Technical Perspective1,830
testing, automation, best-practices
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)1,829
how-tos, accessibility, tips-and-tricks, social-media, linkedin, best-practices
No One Actually Wants Simplicity1,828
complexity, simplicity
Release Notes for Safari Technology Preview 177 (jon/web)1,827
release-notes, browsers, apple, safari
View Transitions Break Incremental Rendering (eee)1,826
view-transitions, apis, rendering
WebGlossary.info (j9t)1,825
websites, learning, training, concepts, terminology
Debugging Speculation Rules (tun)1,824
performance, speculation, debugging
A Quick Introduction to CSS “@scope” (bra)1,823
introductions, css, scope, cascade
A Guide to Migrating From Webpack to Vite1,822
guides, migrating, webpack, vite
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 20241,821
videos, react, hooks, mistakes
Bézier Curves1,820
animations
Changes Over the Last 25 Years of UX Research (uxm)1,819
user-experience, research, history
Patterns for Reactivity With Modern Vanilla JavaScript (fro)1,818
reactivity, javascript
Please Size Your Inline SVGs (aar)1,817
svg, images
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)1,816
forms, validation, progressive-enhancement
The Ideal Viewport Doesn’t Exist (bel+)1,815
viewport, responsive-design, user-experience
Two Important New Roles for UX Designers in the Era of AI (uxm)1,814
user-experience, design, career, ai
Writing Component Specs1,813
components, documentation, writing
Migrating From Color Styles to Local Variables in Figma1,812
figma, colors, variables, migrating
Can We Truly “Create” Value?1,811
user-experience, economics
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)1,810
design, usability, user-experience, searching
How to Make an Impact as a Developer Advocate (bla)1,809
how-tos, developer-relations, advocacy, career
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know1,808
guides, personalization, strategies
“We’re All Just Temporarily Abled” (jim)1,807
accessibility
10 Essential VS Code Tips and Tricks for Greater Productivity1,806
vs-code, microsoft, code-editors, tips-and-tricks, productivity
Combining “:placeholder-shown” and “:has” (cri)1,805
css, selectors, forms
Getting Started With SCSS—the CSS Preprocessor With Superpowers1,804
introductions, preprocessors, sass
Let’s Build a Website Using XML (ede)1,803
xml, css
Styling Links and Buttons (aar)1,802
links, buttons, css, usability
Why htmx Does Not Have a Build Step (htm)1,801
htmx, building
A Beginner’s Guide to Using Pico CSS1,800
guides, pico
Adding a “Share to Mastodon” Link to Any Web Site (cod)1,799
social-media, links, mastodon, community, javascript
Being “Polite” Does Not Ensure Access1,798
accessibility, legal
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works1,797
security, cors, javascript
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)1,796
how-tos, headless, serverless, functions, browsers, google, chrome
Identifying, Fixing, and Preventing Cannibalization (moz)1,795
seo
React JSX1,794
react, jsx
React Props: A Visual Guide1,793
guides, react, props
Scroll Shadows With “animation-timeline” (dav)1,792
scrolling, shadows, css
A Deep Dive Into CSS “color-mix()” (kev)1,791
videos, css, colors, deep-dives
“aria-haspopup” and Screen Readers (mat)1,790
aria, support, screen-readers
Tabs Are Objectively Better Than Spaces (cfe)1,789
formatting, developer-experience, accessibility
The New CSS Math: “round()” (dan)1,788
css, math
XUL and HTML (moz)1,787
xul, html, comparisons
System Design Introduction1,786
introductions, system-design, architecture
Why Do Users Prefer Certain Design? Insights From the Landscape Theory1,785
design
How to Use the CSS “gap” Property (ral)1,784
how-tos, css, layout
A Better “setTimeout()” in JavaScript (ami)1,783
javascript, time
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)1,782
accessibility, dei, legal
BEM Methodology Is Not About CSS (vit)1,781
css, bem, conventions
CSS-Only Syntax Highlighting… With a Single Element and Gradients1,780
css, gradients, syntax-highlighting
Getting Started in a New Codebase1,779
onboarding, career, processes
Towards HTTPS by Default (jde)1,778
browsers, google, chrome, http, tls, security
Thinking on Ways to Solve Adaptive Typography (arg)1,777
videos, typography, css, fonts
Four New CSS Features for Smooth Entry and Exit Animations (una)1,776
css, animations, browsers, google, chrome, support
An Intro to the “dialog” Element (cfe)1,775
introductions, modals, html, semantics
How Layout Position Impacts Three Big Web Performance Levers (sia)1,774
performance, web-vitals
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro)1,773
videos, release-notes, browsers, google, chrome
CSS Selectors: A Visual Guide1,772
guides, css, selectors
A Beginner’s Guide to SvelteKit1,771
guides, sveltekit
A Guide to Optimizing JavaScript Files1,770
guides, javascript, performance, optimization, minification, compression
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)1,769
forms, validation, progressive-enhancement, javascript
Useable1,768
accessibility, community
WebAssembly: Byte-Code of the Future1,767
webassembly
How to Test Mobile Apps on a Real Device Cloud1,766
how-tos, testing, mobile
An “alt” Decision Tree Using Only “:has()” (aar)1,765
accessibility, css, alt-text, images
Testing Your Animation Refresh Rate With CSS Crimes?1,764
discussions, css, animations
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications1,763
code-splitting, webpack, react, redux
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)1,762
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding1,761
dei, terminology, processes, documentation
Debugging Rules: Understand the System1,760
debugging
dependency-time-machine1,759
packages, npm, dependencies, maintenance, automation
Write About What You Learn—It Pushes You to Understand Topics Better (add)1,758
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm1,757
npm, security
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)1,756
accessibility, content, images, best-practices, techniques
Nostalgia in UX Design1,755
user-experience, design, history
Supercharge Your HTML With WebC1,754
videos, html, webc
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)1,753
videos, design, user-experience
The Spectrum of Openness1,752
foss, legal, examples
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)1,751
browsers, http, support
Create Direction-Aware Effects Using Modern CSS (kev)1,750
videos, css, internationalization
Google Tag Manager Performance: 9 Tips for Faster Site Speed1,749
google, tag-management, performance, tips-and-tricks
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)1,748
css, oklch, color-palettes, accessibility, consistency
WCAG 3.0: Further on Up the Road (ons/tpg)1,747
accessibility, wcag, standards
Deprecating the “unload” Event (tun)1,746
browsers, google, chrome, deprecation, events, support
Progressively Enhanced HTML Accordion (aar)1,745
html, accordions, semantics, accessibility, progressive-enhancement
Simple APIs Are Elegant APIs (rya)1,744
apis, simplicity
Defining Test Cases and Priorities1,743
testing
It’s Time to End Damaging Website Design Practices That May Harm Your Users1,742
user-experience, usability, design, privacy, best-practices
An Introduction to the esbuild Bundler (cra)1,741
introductions, bundling, esbuild
Node.js’s Config Hell Problem (den)1,740
nodejs, configuration, maintainability, productivity, developer-experience
A Beginner’s Guide to CSS Grid Layout (ral)1,739
guides, css, grids, layout
200 Web-Based, Must-Try Web Design and Development Tools (j9t)1,738
link-lists, tooling
8 Common Heading Questions (pop)1,737
accessibility, html, headings
An Intro to State-Based UI With JavaScript (cfe)1,736
introductions, javascript, state-management
Definition of Done vs. Acceptance Criteria: What’s the Difference?1,735
videos, agile, processes, comparisons
Micro Benevolences (est/ope)1,734
community, dei, communication, foss
My Experience Modernizing Packages to ESM1,733
dependencies, modernization, esm
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)1,732
ai, openai, crawling, scraping, robotstxt
UX Is Not Dead, It’s Just Misunderstood1,731
user-experience
What Happens When You Select “count(*)” in MySQL (ami)1,730
databases, mysql
User-Adaptive Interfaces With “AccentColor” (oll)1,729
forms, css
An Introduction to htmx, the HTML-Focused Dynamic UI Library1,728
introductions, htmx
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster1,727
browsers, google, chrome, security
Lean UX and Agile: Study Guide (nng)1,726
guides, user-experience, agile, processes, training, link-lists
What Does It Mean for Web Browsers to Have a Baseline (mar)1,725
browsers, support, web-platform
A Guide to Single-Page Application Performance1,724
guides, single-page-apps, developer-experience, performance, monitoring
Alt Text Hall of Fame (ste/alt)1,723
websites, accessibility, writing, alt-text, images
Blog SEO: 8 Tips to Optimize Your Posts (wpr)1,722
blogging, seo, wordpress, tips-and-tricks
How to Improve Performance of Your Database by Indexing Large Tables1,721
how-tos, performance, databases, optimization
JSX Without React (chr)1,720
jsx, react
Migrating My Blog From Gatsby to Astro (sap)1,719
migrating, gatsby, astro
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)1,718
crawling, ai, openai, chatgpt, seo
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1,717
forms, validation, progressive-enhancement, html, css
Some Tactics for Writing in Public (b0r)1,716
writing, communication, community
The Risks of Micro-Frontends1,715
podcasts, micro-frontends
Top 7 Things That Kill Developer Productivity1,714
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)1,713
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)1,712
career, community, learning
A Compilation of Outstanding Testing Articles (With JavaScript)1,711
link-lists, testing, javascript
Beautify Your Git Log With a Single Command1,710
git, command-line
Scrolljacking 101 (nng)1,709
scrolling, user-experience
Responsive Images: DIY Implementation in 6 Steps1,708
images, html, responsive-design
Optimizing Speed on ebay.com (add)1,707
performance, optimization, web-vitals, case-studies, ebay
Assistive Technology Shouldn’t Be a Mystery Box (cod)1,706
browsers, assistive-tech, accessibility, web-platform, foss, support
Nobody Cares About Your “Perfect” Code: Change Your Perspective1,705
quality, product-management
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)1,704
accessibility, content, images, best-practices, techniques
Finding My Blogging Path: Lessons From My Journey1,703
lessons, blogging, writing, career, community
Insertion Sort: A Deep Dive1,702
algorithms, sorting, deep-dives
Route-Based Code Splitting With React1,701
code-splitting, routing, react
The Easy Intro to the APCA Contrast Method (myn)1,700
introductions, accessibility, colors, contrast, apca
The Next Generation of Web Layouts (zel)1,699
web-platform, design, layout
Things You Forgot (or Never Knew) Because of React (col)1,698
react, frameworks, learning
Implementing Design Tokens: Colors1,697
design-tokens, colors
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)1,696
how-tos, git, git-hooks
How Google Measures Developer Productivity1,695
interviews, google, productivity, developer-experience, metrics
A Blog Post With Every HTML Element (pat)1,694
html, semantics
Contextual Form Errors and ARIA (mar)1,693
accessibility, forms, html, aria
How Does Reflowing Content Affect People With Screen Magnification? (tpg)1,692
accessibility, reflow, assistive-tech, screen-magnification
How We Optimized Performance to Serve a Global Audience (sma)1,691
case-studies, performance, optimization
Prepare to Spy on a Method Added Dynamically (bah)1,690
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster1,689
accessibility, legal
An Overview of CSS Sizing Units (web)1,688
overviews, css, units
No Exit—Every Feed Is a Traffic Jam (mus)1,687
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function (ral)1,686
how-tos, css, grids, functions, layout
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)1,685
accessibility, buttons, processes
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)1,684
css, functions, animations
CSS and Accessibility: Inclusion Through User Choice (car/sma)1,683
css, accessibility, dei, user-experience
Evading JavaScript Anti-Debugging Techniques (voi)1,682
javascript, debugging
I’m Betting on HTML1,681
html, semantics
Midori Browser Will Change Its Engine to Gecko1,680
browsers, gecko, browser-engines
Mixing Colors to Create Variants in CSS (ami)1,679
colors, css
Splitting the Web (plo)1,678
web
Understanding React Server Components1,677
react, components
PHP Isn’t That Bad, So Why the Hate? (pur)1,676
php, frameworks, myths
Why Isn’t “z-index” Working? (una+)1,675
videos, css, positioning
What’s New in Svelte: August 2023 (sve)1,674
release-notes, svelte, sveltekit
Accessibility Represents Maturity (tem)1,673
accessibility, culture
Contrast Checker Bookmarklet (web)1,672
bookmarklets, accessibility, colors, contrast
Front End Practice: Top 25+ JavaScript Code Best Practices for Development1,671
javascript, best-practices
How to Earn High-Authority Links That Drive Rankings (moz)1,670
how-tos, seo, links
Randomness in CSS Using Trigonometry1,669
css, randomness
Start by Writing Messy Code1,668
processes, learning
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)1,667
screen-readers, accessibility, pronunciation
The Virtual Keyboard API (sha)1,666
apis
Tuesday, August 8, 2023 Security Releases (raf/nod)1,665
release-notes, nodejs, security
What Happens When Developers Are Liable for Accessibility?1,664
accessibility, legal
SECURITY.md: Should I Have It? (mry/ecl)1,663
security, documentation
New to the Web Platform in July (rac)1,662
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Why I No Longer Believe in Content Design1,661
content, design, writing
Resume and Pause Animations in CSS (ami)1,660
css, animations
Should New Developers Use AI Coding Tools?1,659
ai, productivity, tooling, career, learning
A Future of Themes With CSS Container Style Queries (chr)1,658
css, style-queries, theming
Design Systems Management From Bottom–Up1,657
design-systems, processes
Do We Need WCAG 3 (Now)? (yat)1,656
accessibility, wcag, standards
How “position: absolute” Works in CSS Grid (zor/css)1,655
videos, css, grids, layout
How to Define an Array of Colors With CSS (css/sma)1,654
how-tos, css, arrays, colors
If Web Components Are So Great, Why Am I Not Using Them? (dav)1,653
web-components
Mastering Git Shortcuts: A Guide to Git Aliases1,652
guides, git, aliases, productivity
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey1,651
javascript, webassembly, python, spidermonkey
Toggles Suck!1,650
toggles, design, usability, user-experience
An Update on Site Names1,649
domains, google, search
How to Make Your Captions and Audio Descriptions WCAG-Compliant1,648
how-tos, multimedia, captions, compliance, wcag, accessibility
Release Notes for Safari Technology Preview 175 (jon/web)1,647
release-notes, browsers, apple, safari
The Future of Design Systems Is Semantic (fig)1,646
design-systems, design-tokens, processes
The Web Development Glossary 3K (j9t/fro)1,645
books, frontend-dogma, learning, training, concepts, terminology
What Is Platform Engineering (and What Is It Not)?1,644
platform-engineering
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1,643
html, metadata, http, performance
Complete Guide to Human–Computer Interaction (HCI)1,642
guides, hci
Speeding Up V8 Heap Snapshots (jda)1,641
javascript, javascript-engines, v8, performance, memory
Adapting Typography to User Preferences With CSS (arg)1,640
typography, css, customization
Help Design the Inaugural “State of HTML” Survey (lea)1,639
html, community
Is Jamstack Officially Finished? (rem)1,638
tech-stacks, jamstack, community
Tailwind, and the Death of Web Craftsmanship1,637
tailwind, craft, quality
Testing a Component’s Accessibility1,636
videos, accessibility, testing, components
The Joy of Simplicity in Web Development (cfe)1,635
simplicity, processes
CrBug Release Indicator (bra)1,634
browsers, chromium, tooling
Be an Active Ally for Those Living With Disabilities (wom)1,633
accessibility, dei
How I Name and Arrange My Color Variables in Figma1,632
colors, variables, figma, conventions
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported1,631
github, npm, provenance, security, foss
How to Use CSS “aspect-ratio” (ral)1,630
how-tos, css, aspect-ratio
Blockquotes in Screen Readers (aar)1,629
accessibility, screen-readers, support, html
Combining Data With Multiple Fetch Requests (ste)1,628
javascript, arrays, data-fetching
Microservices vs. Micro Frontends: What’s the Difference?1,627
microservices, micro-frontends, comparisons
Promises Training1,626
javascript, promises, training, courses
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)1,625
security, malware, npm
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)1,624
browsers, arc, the-browser-company
The Rise of Minimalism in Web Design: Less Is More1,623
minimalism, design
Vision for W3C (cdu/w3c)1,622
outlooks, web, web-platform, standards, w3c
Web Accessibility in High-Risk Segments (kar)1,621
accessibility, compliance, legal
What to Do When Your Developers Don’t Collaborate1,620
processes, collaboration
Application State Management With Angular Signals1,619
state-management, angular, signals
Fetching Data From an HTTP API With Python (sil)1,618
data-fetching, apis, python
Solving the Accessibility Palette Riddle1,617
accessibility, colors, color-palettes
6 Ways ChatGPT Can Improve Your SEO (moz)1,616
ai, chatgpt, seo, metadata, code-generation
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)1,615
user-experience, strategies
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)1,614
performance, web-vitals, seo
Eleventy SMACSS (jus)1,613
eleventy, smacss, css
Getting Started With Pico CSS (log)1,612
introductions, pico
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1,611
html, lists, semantics
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)1,610
security, web, surveys
SVG Gradients: Solving Curved Challenges1,609
svg, images, gradients
The New “X” Button Doesn’t Close the Website1,608
user-experience, community, social-media
The Problem With Auto-Generated Alternative Texts for Images (dni)1,607
accessibility, ai, writing
Understanding the WCAG 3 Working Draft Update1,606
accessibility, wcag
WebKit Features in Safari 16.6 (jen/web)1,605
release-notes, browsers, apple, safari, webkit
10 Simple CSS and JavaScript Micro-Interactions for Buttons1,604
css, javascript, buttons, effects
Effective Code Reviews (add)1,603
code-reviews, processes, learning, career
Good Code Is— (j9t)1,602
quality, terminology
Using Imagery in Visual Design (nng)1,601
design, images, content
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons1,600
comparisons, bootstrap, tailwind, unocss
Accessible Animated GIF Alternatives (tyl/clo)1,599
accessibility, animations, gif, multimedia, comparisons
CSP Testing Using Cypress (bah)1,598
csp, testing, cypress
How SEOs and UX Designers Can Work Better Together (moz)1,597
seo, user-experience, design, collaboration
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)1,596
processes, career, productivity
Why Learning to Program Is Easier Now, but Also Way Harder Than Before1,595
programming, learning, productivity, developer-experience
Enable Hover Conditionally in CSS (ami)1,594
css, hover
Installing Multiple Versions of Node.js Using nvm1,593
nodejs, nvm
A Guide to Perfecting Pull Requests1,592
git, code-reviews, collaboration, foss
CSS Cascade Layers (odd)1,591
videos, css, cascade
Design Systems: Avoiding Common Pitfalls (vig)1,590
design-systems
DX in the Frontend Developer Ecosystem (ste)1,589
videos, developer-experience
Ember JS Essentials: A Beginner’s Guide1,588
fundamentals, guides, emberjs
From Mid to Senior: Time Management and Prioritization1,587
career, productivity, prioritization
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)1,586
programming, quality, maintainability, communication
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why1,585
accessibility, quality, maintenance
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)1,584
accessibility, guidelines, wcag, standards
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)1,583
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
How to Use CSS “object-fit” and “object-position” (ral)1,582
how-tos, css, images
11ty: Index All The Things! (lea)1,581
eleventy, pagination
How Platform Teams Get Stuff Done (ph1/mfo)1,580
productivity, processes, platform-engineering
How to Build and Deploy a Modern Day Next.js Application1,579
how-tos, nextjs, building, deploying
User Input Sanitization and Validation: Securing Your App1,578
security, sanitization, validation, conformance
Visually Hidden Links With 0 Dimensions (mat)1,577
hiding, accessibility, links, focus, apple, safari
What Is the Bento UI Trend, and How Can You Get Started? (web)1,576
design, trends
SvelteKit in 100 Seconds (fir)1,575
videos, introductions, sveltekit
Encoding: A Brief History and Its Role in Cybersecurity1,574
encoding, unicode, security, history
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?1,573
discussions, javascript, frameworks
Getting Instant Return From Your Accessibility Testing (kar)1,572
accessibility, testing
Getting Started With CSS Nesting (kev)1,571
videos, introductions, css, nesting
Signals Make Angular Much Easier1,570
angular, signals
An Introduction to LangChain, Python, and OpenAI1,569
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits1,568
figma, css, units, support
5 Inconvenient Truths About TypeScript (dea)1,567
typescript, javascript, complexity
Advanced Positioning in CSS Grid (zor/css)1,566
videos, css, grids, positioning, layout
Fluid vs. Responsive Typography With CSS Clamp (its/log)1,565
css, functions, typography, responsive-design
Node.js Security Progress Report—17 Reports Closed (ope)1,564
nodejs, security
O “dialog” Focus, Where Art Thou? (mat)1,563
accessibility, modals, html, focus
The 10 Commitments of an Agile Leader1,562
agile, processes, collaboration, leadership, engineering-management
The Power of Git: A Guide to Collaborative Version Control (bek/ope)1,561
guides, git, collaboration
Upgrading an Ancient React Application1,560
react, maintenance
Stick to Boring Architecture for as Long as Possible (add)1,559
architecture
It’s All About Complexity (max)1,558
complexity
What Is TanStack1,557
tanstack, vercel
Using Emoji on the Web (oll)1,556
emoji, fonts, support, unicode
Lightweight JavaScript Framework Review (for Django Developers)1,555
javascript, frameworks, comparisons, link-lists, django
How I Structured My Design System Using Figma’s New Variables1,554
design-systems, design-tokens, figma, variables
15 Advanced TypeScript Tips for Development1,553
typescript, tips-and-tricks
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management1,552
guides, npm, dependencies
Down-and-Across Highlighting (mey)1,551
code-pens, css, tables, effects
Figma Typography Secrets—Seven Pro Tips Revealed (pim)1,550
typography, figma
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)1,549
accessibility, interoperability, screen-readers, assistive-tech, jaws
Scroll Progress Animations in CSS (mic/mdn)1,548
css, scrolling, animations, progress-indicators
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)1,547
css
WordPress 6.3 to Introduce a Development Mode (sar)1,546
wordpress
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use1,545
accessibility, forms, react, testing
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)1,544
leadership, dei, accessibility
Better Roadmaps1,543
project-management, processes
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide1,542
guides, tables, tailwind
CSS Findings From the Threads App (sha)1,541
css, case-studies, facebook+meta
Getting Started With Tailwind CSS: A Quick-Start Guide1,540
introductions, guides, tailwind
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide1,539
guides, tailwind, responsive-design, grids, layout
Mock JSON API Endpoints for Testing (ami)1,538
json, apis, testing
Useful Functions for [an] HTTP Server1,537
deno, servers, http, functions
[WebKit] Standards Positions (web)1,536
webkit, standards, support
Why Design Systems Fail1,535
design-systems, lessons
Arrays and Tuples in TypeScript (fro)1,534
typescript, arrays
Developer’s Research Process (cit)1,533
research, processes
From Nunjucks to Liquid (mor)1,532
template-engines, nunjucks, liquid, migrating
How AI Is Making Web Design More Efficient (web)1,531
ai, design, efficiency
JPEG XL: How It Started, How It’s Going1,530
images, compression, jpeg-xl
Recent Design1,529
websites, design, link-lists
Release Notes for Safari Technology Preview 174 (mar/web)1,528
release-notes, browsers, apple, safari
The alt-text.org Project Is Moving Forward (han)1,527
accessibility, writing
The Magic of Empty Git Commit1,526
git, command-line
Top 20 Must-Know Tips for Web Accessibility1,525
accessibility, tips-and-tricks
Preload vs. Early Hints vs. Fetch Priority1,524
videos, performance, html, http, hints, comparisons, preloading
3 Common Types of Test Automation1,523
testing, automation
A Case Study on Scroll-Driven Animations Performance1,522
animations, scrolling, performance, css, javascript
How to Use Your Intuition in Your Product Design Process1,521
how-tos, design, product-management, processes
Introduction to CSS Grid: A Comprehensive Guide1,520
guides, css, grids, layout
My Journey to Learning CSS (kev)1,519
videos, css, learning
Permission (ada)1,518
web, seo, google
Sass Features in CSS (chr)1,517
css, sass
Storing Data in Control Flow (rsc)1,516
programming
Tailwind CSS Tips and Tricks Worth Knowing (bui)1,515
tailwind, tips-and-tricks
A Guide to Variables in Figma1,514
guides, variables, figma
Organize TypeScript Types With Namespaces1,513
typescript, namespaces
TypeScript and the Dawn of Gradual Types (rww)1,512
typescript
Loading and Progress Indicators1,511
performance, user-experience, design-patterns, progress-indicators
Data-Driven Design: The Rise of Big Data in UX (uxm)1,510
design, metrics, user-experience
Developing Inclusivity Features (uxm)1,509
design, accessibility, dei
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)1,508
memory, dev-tools, browsers, google, chrome, microsoft, edge
Getting Started—Understanding the History of Web Accessibility1,507
videos, introductions, accessibility, history
How to Prevent Unnecessary React Component Re-Rendering1,506
how-tos, react, client-side-rendering, performance
Invisible Details of Interaction Design1,505
interaction-design, design, user-experience
JavaScript Debounce, Easiest Explanation (With Code)1,504
debouncing, javascript
Making Numbers in Web Content Accessible (ons/tpg)1,503
accessibility
Mockups Explained (uxm)1,502
design, processes
The Anatomy of a Perfect Landing Page That Converts (uxm)1,501
landing-pages, user-conversion
Tree Shaking in JavaScript1,500
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js1,499
introductions, nodejs, databases, vector-databases
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)1,498
css, media-queries, javascript, html, dark-mode
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator1,497
introductions, jekyll
How to Improve the Release Frequency of Your Team?1,496
how-tos, releasing, processes, agile, scrum
React Design Patterns1,495
react, software-design-patterns
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS1,494
caching, fingerprinting, react
Deploying a Fastify and Vue 3 Static Site to Heroku1,493
deploying, fastify, vuejs, heroku
New Viewport Units (sha)1,492
viewport, css, units, responsive-design
Use Case-Driven Standards Development1,491
standards
Awesome List of Free CSS [Generators]1,490
link-lists, css, code-generation, tooling
The Decline in Design (Thinking)1,489
design, user-experience
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)1,488
components, css, refactoring, maintenance
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)1,487
css, effects, images
Testing the Dark Scenarios of Your Node.js Application1,486
nodejs, testing
Unleashing Lightning CSS1,485
css, tooling, lightning-css
htmx in 100 Seconds (fir)1,484
videos, introductions, htmx
The New “@font-face” Syntax (oll)1,483
css, fonts
Strategic UX Research Is the Next Big Thing1,482
user-experience, research, strategies
Four Lenses of Productivity1,481
research, productivity
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)1,480
leadership, dei, accessibility
Is Lighthouse a Misleading Performance Tool?1,479
performance, google, lighthouse, web-vitals, tooling
Just Normal Web Things (hbu)1,478
web, user-experience
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)1,477
css, positioning, layout
The Case Against Self-Closing Tags in HTML (jaf)1,476
html
There’s No Such Thing as a “Normal” User (kar)1,475
accessibility
URL Explained: The Fundamentals (itt)1,474
terminology
An Introduction to Native CSS Nesting (cra)1,473
introductions, css, nesting
Can We Query the Root Container? (mia/odd)1,472
css, container-queries
CSS Only Floating Labels1,471
css, floats, forms, labels
How to Validate HTML On-Line at W3C (wie)1,470
how-tos, html, conformance, tooling
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management1,469
introductions, guides, kanban, agile, project-management
Multithreading With Worker Threads in Node.js (app)1,468
nodejs, multithreading, worker-threads
Resources for Procurement of Accessible Digital Products and VPAT (den)1,467
accessibility, vpat-acr, conformance, tooling, link-lists
Understanding JWTs: A Simple Guide for Beginners1,466
guides, json-web-tokens
Redundancy Is Great (jun)1,465
information-design
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)1,464
youtube, twitter+x, open-graph, social-media, metadata, images
Origin Trials and Tribulations (rvi)1,463
web-platform, browsers, origin-trials, metrics
When User Testing Sessions Bring Up Trauma1,462
user-experience, testing
Creating SVG Animations Using Tailwind CSS1,461
svg, images, animations, tailwind
90s Websites—Key Characteristics and Examples1,460
design, history, trends, navigation, colors, typography
Are We There Yet? (svg)1,459
css, colors, history
Design for the Web Without Figma1,458
design, tooling
The “article” Element and Screen Readers (mat)1,457
html, screen-readers, accessibility, support
The Trick to Smoothly Animating Shadows in CSS (kev)1,456
videos, css, animations, shadows
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)1,455
performance, user-experience, user-conversion, metrics, economics
See What’s New in Firefox [115.0] (moz)1,454
release-notes, browsers, mozilla, firefox
Introduction to MongoDB and NoSQL Databases1,453
introductions, databases, mongodb
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus1,452
css, preprocessors, less, sass, stylus, comparisons
Making the Switch: From Yarn/npm to pnpm1,451
migrating, yarn, npm, pnpm
Build a Simple Beginner App With Node, Bootstrap, and MongoDB1,450
web-apps, nodejs, bootstrap, mongodb
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)1,449
how-tos, accessibility, aria, auditing
Differences Between vi and Vim Text Editors Explained1,448
vi+vim, code-editors, comparisons
How I Am Blogging the IndieWeb Way (liz)1,447
blogging, indieweb, automation
HTML Form Validation Using Cypress1,446
forms, validation, cypress
Understanding SVG Paths1,445
svg, images
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)1,444
accessibility, browsers, screen-readers, assistive-tech
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)1,443
design, principles, user-experience, dei
AI and the Automation of Work1,442
ai, automation, processes
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide1,441
how-tos, guides, nodejs, command-line, servers, ssh
And 4 More HTML Concepts You Didn’t Know (j9t)1,440
html, concepts, web-components
Angular Is Getting New Template Syntax (dan)1,439
angular
Designers Who Code, What Is It Good For? (fra)1,438
design, career
Identify Unused npm Packages in Your Project (ami)1,437
npm, dependencies, maintenance
Observing Node.js Processes With eBPF1,436
monitoring, nodejs
State of the Web: Deno1,435
deno
Setting Expectations for the Node.js Test Runner (cji)1,434
nodejs, testing
How to Tackle Docker and Kubernetes for Frontend1,433
how-tos, containerization, docker, kubernetes
In Defence of “DOMContentLoaded” (css)1,432
javascript, dom, performance
The Big Problem With Variables in Figma1,431
figma, variables
How to Measure the Impact of a Design System?1,430
how-tos, design-systems, metrics
Introduction to JSX1,429
introductions, jsx, react
React Developers Love Preact, Here’s Why (hac)1,428
react, preact, comparisons
The “details” Element and In-Page Search (mat)1,427
html, disclosure-widgets, search, browsers, user-experience
New to the Web Platform in June (rac)1,426
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
CommonJS Is Hurting JavaScript (den)1,425
javascript, commonjs
Combat Accessibility Decay: How to Maintain Ongoing Accessibility1,424
how-tos, accessibility, processes
How to Build Things People Want to Use1,423
how-tos, user-experience
Introduction to MySQL Data Types1,422
databases, mysql, types
JavaScript Gom Jabbar1,421
javascript
Solved: Tricky Floating Image Alignment (tyl/clo)1,420
css, floats, layout, alignment, responsive-design
Under-Engineered Comboboxen? (aar)1,419
forms, html, css, accessibility
Understanding TypeScript Generators (log)1,418
typescript
What’s Next for Redux With Mark Erikson (ace)1,417
videos, interviews, react, redux, state-management
What’s the Perfect Design Process? (vit/sma)1,416
design, processes
WCAG 2.2, Quick and Simplified1,415
wcag, accessibility, standards
The Importance of Verifying Webhook Signatures1,414
security, webhooks
An Introduction to the View Transitions API (cra)1,413
introductions, css, view-transitions, apis
Accessible Overlays Aren’t Accessible1,412
accessibility, overlays
4 Ways to Improve Mobile Accessibility (kar)1,411
accessibility, mobile
Form and Search Landmarks (mat)1,410
html, aria, forms, browsers, assistive-tech, support
On Feedback1,409
communication, collaboration, culture
Position-Driven Styles (kiz)1,408
css, animations
Release Notes for Safari Technology Preview 173 (jen/web)1,407
release-notes, browsers, apple, safari
Web and App ADA Lawsuits: 6 Trends So Far in 20231,406
accessibility, ada, legal, trends
Why You Must Commit to Grounding Every DEI-Related Effort With Data1,405
interviews, dei, processes, metrics
JavaScript Console Methods: A Deep Dive1,404
javascript, console, methods, debugging, deep-dives
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?1,403
npm, yarn, pnpm, comparisons, performance, best-practices
The SOLID Principles: Writing Scalable and Maintainable Code1,402
principles, solid, scalability, maintainability
Feature Flags Configuration, Instrumentation, and Use (git)1,401
videos, feature-management, releasing, testing
How to Use CSS “background-size” and “background-position”1,400
how-tos, css, backgrounds
Getting Started With Native Design Tokens in Figma (luk)1,399
design-tokens, figma, introductions
Building Sliding Cards With “position: sticky;” (sar)1,398
css
Popular DevTools Tips (pat/sma)1,397
browsers, dev-tools, tips-and-tricks
Screen Magnification: Digital Accessibilitiy1,396
videos, accessibility, assistive-tech, screen-magnification
The Massive Bug at the Heart of the npm Ecosystem1,395
npm, dependencies, security, bugs
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams1,394
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?1,393
javascript, operators
The Fake Aura of Care in UX1,392
user-experience
Amplify Design Values Through Building Design System1,391
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To (mar)1,390
javascript
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)1,389
ai, web
Going Beyond Constants With Custom Properties (uti/iod)1,388
css, custom-properties
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)1,387
how-tos, colors, css
Live Regions in React1,386
react, aria, live-regions, accessibility
Magnification and Zoom Accessibility Guide—Everything You Need to Know1,385
guides, accessibility, screen-magnification, zooming
Mapping Typography (sco/9el)1,384
videos, typography, css
Qwik Introduction—a Framework That Goes Fast1,383
videos, introductions, qwik
The Novel Engines: Servo (bka+/iga)1,382
podcasts, browser-engines, servo, browsers