Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2023” News Archive (3)

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