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