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