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

Frontend Dogma

“2023” News Archive (3)

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