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