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