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

Frontend Dogma

“2023” News Archive (3)

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