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

News and Tools for Web Developers (12)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
Eleventy With a Basic Deno Static Server Setup14,117
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)14,116
nodejs, comparisons, nvm, pnpm
Shades of Grey With “color-mix()” (mic)14,115
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14,114
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)14,113
videos, foss, accessibility
At Some Point, JavaScript Got Good14,112
javascript, history
A to Z of Assistive Technology for Reading Digital Text14,111
accessibility, browsers, assistive-tech, readability, concepts
Content Standards in Design Systems (nng)14,110
content, design-systems, processes
So I Got Fired14,109
career
Quick-and-Dirty Accessibility (tpg)14,108
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them14,107
express, nodejs, authentication, security
How Slack Automates Deploys14,106
deploying, automation, case-studies, slack
The War Begins: Top Best JavaScript Framework to Learn in 202414,105
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively (uxd)14,104
how-tos, design-systems, design, processes
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14,103
angular, css, scope
Web Development Trends We Will See in 202414,102
trends
Web Components From Early 2024 (chr)14,101
web-components, link-lists
The Vue Ecosystem in 2024 (fro)14,100
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)14,099
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14,098
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14,097
css, selectors, html, techniques
3 Methods to Elevate Your Writing With Visual Content14,096
writing, content, information-design
Cookie Permissions: 6 Design Guidelines (nng)14,095
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)14,094
accessibility, aria, live-regions
When to Use Bun Instead of Node.js (app)14,093
bun, nodejs, comparisons
Using AI to Predict Design Trends (web)14,092
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14,091
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14,090
figma, programming, typescript, migrating, case-studies
Should We Rely on Browser Detection? (htm)14,089
browsers, browser-detection
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (the)14,088
interviews, nodejs, deno, jsr
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14,087
foss, maintenance
How to Create Content in WordPress With AI14,086
how-tos, content, ai, wordpress
Exploring the Immersive Web With Wolvic (sea)14,085
xr, wolvic, igalia, browsers
Demystifying React’s Types: Ref Types14,084
react
A React Developer’s Guide to Learning Solid.js14,083
guides, react, solidjs, comparisons
Web Forms: Costly Mistakes You Want to Avoid (geo)14,082
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [U.S.] Presidential Campaigns (web)14,081
accessibility, case-studies
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14,080
usability, user-experience, sorting
Pretty Much Every Website Uses the Wrong Font Size…14,079
videos, css
Popover API Is Here (chr/fro)14,078
apis, pop-overs, html
I Reviewed 1,000s of Opinions on htmx14,077
htmx
Handling the Indentation of a Treeview Component (sha)14,076
css
European Accessibility Act: Ultimate Guide to Compliance14,075
guides, accessibility, compliance, legal, eaa
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making14,074
how-tos, design-systems, processes, collaboration, maintenance
Composability in Design Systems (ada)14,073
design-systems, design, components
An Alternative Proposal for CSS Masonry (rac/dev)14,072
css, layout, masonry, google
How to Design Accessible Forms in 10 Steps (uxd)14,071
how-tos, design, accessibility, forms
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (mic)14,070
microsoft, edge, css, support, deprecation
CSS Inheritance (bel/pic)14,069
css, cascade
What Is Vite (and Why Is It So Popular)?14,068
vite
WebAssembly Performance Patterns for Web Apps (tom)14,067
webassembly, performance, web-apps
Superior Range Syntax (css)14,066
css, media-queries
New to the Web Platform in April (rac/dev)14,065
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
My Approach to HTML Web Components (ada)14,064
html, web-components
Introduction to NestJS14,063
introductions, frameworks, nestjs
The Polish Paradox14,062
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14,061
forms, user-experience
Accessibility Evolution of Organizations (cer)14,060
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414,059
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14,058
css, overflow
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14,057
nodejs, environments, tooling
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14,056
design, images, information-design
What Do Developers Want From AI?14,055
research, ai, productivity, efficiency
Passkeys: A Shattered Dream (fir)14,054
security, authentication, passkeys
Optimizing INP: A Deep Dive (dev)14,053
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Basic Algorithms14,052
algorithms, search, sorting
Maintaining a Design System in Figma (luk/uxd)14,051
design-systems, maintenance, figma
The Rise of Large-Language-Model Optimization (sch+)14,050
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14,049
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14,048
guides, overviews, examples, radix
Popover API Lands in Baseline (una/dev)14,047
pop-overs, apis, browsers, support, web-platform
Introduction to Manual Website Accessibility Testing14,046
videos, introductions, accessibility, testing
Design Déjà Vu (mal)14,045
design, html, css, history, comparisons
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14,044
accessibility, processes, prototyping, research
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14,043
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)14,042
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)14,041
css, minification, performance
Use “:has()” to Scope CSS14,040
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14,039
javascript, urls
The Perfect Site Doesn’t Exist (mic)14,038
quality, maintenance, processes
The New “!important” (geo)14,037
css, cascade
Ruby Might Be Faster Than You Think (joh)14,036
ruby, performance
Printing Music With CSS Grid (ste)14,035
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14,034
surveys, nodejs
Node.js 22 Available Now (ope)14,033
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14,032
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14,031
html, attributes, dom, comparisons
How to Escape JavaScript for a Script Tag14,030
how-tos, javascript, escaping, html
Celebrating 20 Years of Dojo (ope)14,029
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14,028
javascript, awareness-days
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14,027
html, modals, pop-overs
Creating Fluid Typography With the CSS “clamp()” Function14,026
css, functions, typography, liquid-design
Notes on Quality14,025
design, user-experience, quality
How the Meaning of Colour Varies per Culture (uxd)14,024
colors, culture
Latency Numbers Every Frontend Developer Should Know (ind)14,023
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)14,022
css, media-queries, user-experience, apis
Using Vite to Rebuild Local Dependencies in an npm Workspace14,021
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14,020
cookies, privacy, browsers, google, chrome
The Front End Developer/Engineer Handbook 2024 (fro)14,019
overviews, career, learning, tech-stacks, concepts, terminology
The First Framework That Lets You Visualize Your React/Node.js App14,018
frameworks, visualization, react, nodejs, wasp
Taking Regular Screenshots of My Website14,017
screenshots, images, automation, playwright, github-actions
Reflecting on My Programming Career14,016
career
Images as the First Thing in a Button or Link (tem)14,015
accessibility, html, images, buttons, links
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14,014
bun, deploying, performance, case-studies
F-Shape Pattern and How Users Read (vit/sma)14,013
usability, design
Comparing Full Stack and Headless CMS Platforms14,012
comparisons, content-management, wordpress, drupal, ghost
Adding ESLint and Auto-Fixing an Existing TypeScript Project14,011
eslint, typescript, quality, automation
JavaScript Features That Most Developers Don’t Know14,010
javascript, functions
Write Alt Text Like You’re Talking to a Friend (spa/clo)14,009
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14,008
sustainability, ai
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14,007
ci-cd, concepts
Using Legitimate GitHub URLs for Malware (sch)14,006
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)14,005
websites, css
The Slow Death of CSS Vendor Prefixes (oll)14,004
css, vendor-extensions, history
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14,003
collaboration, processes
The Art of Design System Recipes (bra)14,002
design-systems, design-tokens
State of Design Tokens 2024 (don+)14,001
videos, design-tokens, figma, tooling
Node.js Test Runner: A Beginner’s Guide (bet)14,000
guides, nodejs, testing
How I Use Generative AI in Branding13,999
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)13,998
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed13,997
css
3 Essential Design Trends, May 2024 (web)13,996
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)13,995
user-experience, principles, best-practices
Make Product Design Great Again (uxd)13,994
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma (uxd)13,993
tips-and-tricks, prototyping, figma
Optimising React Apps13,992
react, optimization
Detect JavaScript Support (fon/css)13,991
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)13,990
ai
April 24 Is JS Naked Day (j9t)13,989
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)13,988
videos, interviews, css
Using “@ defer” Defer Views in Angular 1713,987
angular, performance, lazy-loading
Node.js Task Runner13,986
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)13,985
design-systems, accessibility
Long Alt (aar)13,984
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)13,983
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)13,982
design-systems, communication, collaboration
Typography Variables in Figma Are Here13,981
typography, variables, figma
This Web of Ours, Revisited (zel)13,980
web
How to Work With GraphQL in WordPress in 2024 (sma)13,979
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)13,978
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)13,977
css, layout, grids, masonry
Building a Culture of Accessibility (tet)13,976
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)13,975
videos, accessibility, overlays
A Short Guide to Mastering Keyboard Shortcuts on GitHub (git)13,974
guides, github, keyboard-shortcuts
Building an npm Package Compatible With ESM and CJS in 202413,973
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)13,972
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)13,971
git
The End of an Era: Women Who Code Closing (wom)13,970
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)13,969
css, functions, dark-mode
The “Intl.Segmenter” Object Is Now Part of Baseline (rac/dev)13,968
browsers, support, web-platform, javascript
My Code Formatting Guidelines (val)13,967
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs13,966
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)13,965
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)13,964
tailwind, colors, theming, frameworks, anti-patterns
How to Submit a Form in React Using FormData (wom)13,963
how-tos, forms, react
Who Should Block AI Bots? (moz)13,962
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)13,961
accessibility, security
Webhooks and WebSockets13,960
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)13,959
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility13,958
accessibility, colors, contrast
Property Hooks Are Coming in PHP 8.4 (ami)13,957
php, hooks
JavaScript Code Quality Tools: See Qodana in Action13,956
jetbrains, qodana, quality, javascript
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI13,955
ai, quality, craft, metrics, engineering-management
How to Write World-Beating Web Content (web)13,954
how-tos, writing, content
Displaying HTML Web Components (ada)13,953
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)13,952
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO13,951
nodejs, github, functionality
AI Isn’t Useless—but Is It Worth It? (mol)13,950
ai, quality
12 Tips From a Mid-Level Developer13,949
career, tips-and-tricks
Alternating Style Queries (kiz)13,948
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)13,947
css, design, centering
Why We Are Still Using 88×31 Buttons13,946
images, history, design
We Need to Rewild the Internet (rob)13,945
web, standards, collaboration, creativity, outlooks
Things That Can Break “aspect-ratio” in CSS (chr/fro)13,944
css, aspect-ratio
The Right Code for Your Design System (fig)13,943
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates13,942
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)13,941
web
The Biggest Lie in HTML13,940
videos, html
[pnpm] v9.0.0 (pnp)13,939
release-notes, pnpm
Making Disabled Buttons More Accessible13,938
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)13,937
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)13,936
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)13,935
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)13,934
cookies, consent-management, performance
Ethics in Times of Growth Design13,933
design, ethics
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)13,932
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)13,931
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)13,930
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)13,929
standards, accessibility, aria, html
An Intro to Flexbox (cfe)13,928
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)13,927
accessibility
Interview With Senior JS Developer 202413,926
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)13,925
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)13,924
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)13,923
apis, dark-mode
Things You Should Do in Your Dev Journey13,922
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)13,921
html, skip-links, accessibility, mobile
How to Write a Code Formatter13,920
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)13,919
quality, craft, accessibility, usability, user-experience, conformance, performance
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)13,918
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)13,917
css, images, techniques
Naming Colors in Design Systems13,916
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)13,915
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)13,914
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)13,913
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide (the)13,912
guides, foss, licensing
Blockin’ Bots (bee)13,911
scraping, ai, apache, configuration
10 Things Software Developers Should Learn About Learning13,910
research, learning
Purging Design System “Rot” From Our Checkboxes (chu)13,909
design-systems, maintenance, quality, accessibility, case-studies
Zombie Estimation13,908
agile, scrum, processes, project-management
Why I’m Embracing the Arc Browser13,907
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One13,906
how-tos, accessibility, documentation, writing
Unleashing Designers With Tailwind CSS13,905
videos, tailwind, design, processes
The Dos and Don’ts of Using “tabindex” in Web Design (a11)13,904
accessibility, keyboard-navigation, html
Socks, Lies, and Accessibility13,903
accessibility, awareness-days, link-lists
Quick Tip: How to Animate Text Gradients and Patterns in CSS13,902
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)13,901
fundamentals, npm
Let Me Be13,900
videos, javascript
Gap Is the New Margin (chr/fro)13,899
css, margins, layout
Epic App Performance Starts With the Database13,898
videos, performance, databases, optimization
CSS Tricks to Master the “clip-path” Property (css)13,897
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)13,896
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)13,895
introductions, css, grids, layout
Accessible Interactions in JavaScript Apps (san)13,894
videos, accessibility, javascript, aria
A Comparison of Automated Testing Tools for Digital Accessibility (equ)13,893
accessibility, testing, tooling, automation, comparisons
Frontend Development Beyond React: Svelte13,892
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (uxd)13,891
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)13,890
release-notes, nodejs, security
The Guide to Git I Never Had13,889
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)13,888
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)13,887
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)13,886
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)13,885
git, errors
JS Naked Day (mac+)13,884
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)13,883
videos, accessibility
Happy CSS Naked Day 2024 (fro)13,882
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?13,881
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)13,880
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)13,879
accessibility, ada, legal, web, mobile
Sending Email Using Node.js (cra)13,878
nodejs, email
Recapping ng-conf 202413,877
angular
React Server Components in a Nutshell (the)13,876
react, components
Layered Toggles: Optional CSS Mixins (kiz)13,875
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)13,874
design, processes, prototyping, figma, html, comparisons
An Introduction to the Node.js Performance API (bet)13,873
introductions, nodejs, performance, apis
Ableism and Related Terms You Need to Know (mer)13,872
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution13,871
react, history
Building a CLI From Scratch With TypeScript and oclif13,870
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys13,869
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities13,868
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)13,867
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)13,866
user-experience, ai, hci
Things That I Like Better in Vue Than in React13,865
vuejs, react, frameworks, comparisons
The Death of Creativity13,864
creativity, ai
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)13,863
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Debugging in Chrome DevTools (chr/fro)13,862
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)13,861
design, communication
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities13,860
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)13,859
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro13,858
version-control, git, commit-messages, conventions
Creating a Navbar in React13,857
navigation, react, css
Blind Internet Users Struggle With Error-Prone AI Aids (fin)13,856
accessibility, ai
10 Must Know System Design Concepts for Interviews13,855
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)13,854
html, css, testing, quality
Jekyll vs. Astro (koo)13,853
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)13,852
html, images, performance
Demystifying the Shadow DOM13,851
dom, shadow-dom
[zx] 8.0.013,850
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry13,849
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)13,848
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks13,847
videos, polypane, browsers
How to Think About HTML Responsive Images (db)13,846
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About13,845
html, tips-and-tricks
Breakpoints in Responsive Design (nng)13,844
design, responsive-design, usability
The Free Software Commons (jen)13,843
foss, community, security
Should Designers Code? (bra)13,842
design, career
Managing User Focus With “:focus-visible” (css)13,841
css, selectors, focus
How to Make Your Website Work Offline13,840
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)13,839
release-notes, eslint
Drive-By Accessibility Tweaks (bru)13,838
accessibility
DevTools Tips and Tricks (fro)13,837
browsers, dev-tools, tips-and-tricks
Creativity in Software Engineering13,836
research, creativity, programming
“AI” Won’t Solve Accessibility (yat)13,835
accessibility, ai
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue13,834
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)13,833
accessibility, keyboard-navigation, focus, html
The V8 Sandbox13,832
v8, security
The Basics of Legibility13,831
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)13,830
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire13,829
css, case-studies
How to Strongly Type process.env (mat)13,828
how-tos, typescript, nodejs
Heat Death of the Internet13,827
web
Building Components With Radix UI13,826
radix, components
AI and the Future of Web Accessibility Guidelines13,825
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet13,824
guides, css, logical-properties, cheat-sheets
In-Page Links: 3 Usability Tips (nng)13,823
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)13,822
release-notes, nodejs, security
Using JSON Web Tokens With Node.js13,821
json-web-tokens, nodejs, security, authentication
Theming Design Systems (per)13,820
design-systems, theming
The View Transitions API (cas/fro)13,819
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)13,818
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library13,817
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js13,816
how-tos, servers, nodejs
Hanging Punctuation in CSS (ada)13,815
css, typography
Fluid Typography With Discrete Steps (css)13,814
css, typography, tips-and-tricks
Finally Understand Responsive Design13,813
videos, responsive-design, css
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?13,812
dns, security
BFCache Explained13,811
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)13,810
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)13,809
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)13,808
ai, web
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)13,807
how-tos, html, conformance, performance
WordPress 6.5 “Regina” (pho/wor)13,806
release-notes, wordpress
WebAssembly at Google (tom)13,805
videos, webassembly, google
Learn JavaScript (wil/dev)13,804
courses, javascript
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)13,803
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)13,802
css, theming
How to Get Somebody Fired Using Git13,801
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)13,800
css, anchor-positioning
Authentication in Next.js (rwi)13,799
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)13,798
guides, css, container-queries
Introducing Root.js13,797
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over13,796
programming, career, ai, economics
What Even Is a JSON Number?13,795
json, terminology
The Detail, the Quality13,794
design, quality
Micro Frontends With Native Federation13,793
micro-frontends, comparisons
Bun 1.1 (jar+/bun)13,792
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)13,791
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)13,790
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time13,789
tooling, nodejs, deno, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)13,788
accessibility, web
The DevOps Basics13,787
dev-ops, fundamentals
Object Structure in JavaScript Engines13,786
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)13,785
accessibility
Kobold Letters (wed)13,784
html, email, support
10 JavaScript Sites Every Web Developer Should Know13,783
javascript, learning, link-lists
Some Samples Using UIkit13,782
uikit
Design Is a Process of Getting Stuck (fon)13,781
design, processes
What Negative Effects Does a Bad Website Design Have on My Business? (web)13,780
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)13,779
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)13,778
css, selectors
The Easy Way to Access the Last JavaScript Array Element13,777
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)13,776
css, media-queries
“@ scope” Is Coming to CSS and It’s Amazing (kev)13,775
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)13,774
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)13,773
career
Figma Plugins (tmc)13,772
figma, plugins
History of JS Interop in Dart13,771
javascript, dart, interoperability, history
What’s New in DevTools, Chrome 124 (dev)13,770
release-notes, dev-tools, browsers, google, chrome
The Complete Guide to Captioned Videos (mer)13,769
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)13,768
release-notes, browsers, apple, safari
New to the Web Platform in March (rac/dev)13,767
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Improving the Developer Experience of Enterprise Design Systems13,766
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)13,765
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)13,764
css, functions, colors, dark-mode
A Guide to Building CLI Tools in JavaScript13,763
guides, tooling, command-line, javascript, nodejs
ai.robots.txt (cor)13,762
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)13,761
angular, apis
What Even Are Dragging Movements? (cat)13,760
accessibility, interaction-design, terminology
Iterator Helpers13,759
ecmascript, javascript, javascript-engines, v8
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)13,758
browsers, mobile, privacy, security
How I Fixed My Brutal TTFB (whi/sen)13,757
performance, metrics, optimization
Flickering Glowing Text Effect With CSS (man)13,756
css, effects
Convention Over Creativity? The Ups and Downs of UX Design (uxd)13,755
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)13,754
css, overviews
Quick Tip: How to Align Column Rows With CSS Subgrid13,753
tips-and-tricks, how-tos, css, grids, layout, alignment
Node v20.12.0 (LTS) (nod)13,752
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests13,751
how-tos, jquery, ajax, functions, asynchronicity
How to Take Control of Flexbox (kev)13,750
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)13,749
html, conformance, performance
How Does npx Actually Work and When to Use It13,748
npx, nodejs
History of Web Accessibility13,747
videos, accessibility, history
Exploring the Power of ARIA Live Attribute in Web Accessibility13,746
accessibility, aria, attributes
CSS Anchor Positioning (tab+/w3c)13,745
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)13,744
accessibility
Animating Clip Paths on Scroll With “@ property” in CSS (uti)13,743
css, animations, scrolling, clipping, masking
How to Consolidate Multiple Design Systems (uxd)13,742
how-tos, design-systems, processes
Error Messages 101 (nng)13,741
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)13,740
colors, dark-mode, css, javascript
7 Simple Rules for Better Data Visualization13,739
information-design
JavaScript Visualized: Promise Execution13,738
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)13,737
authentication, security
CORS Finally Explained—Simply13,736
security, csrf, cors, concepts
Spicing Up Text With “text-emphasis” in CSS (ami)13,735
css, typography, effects
No One Actually Wants Accessibility13,734
accessibility
New CSS That Can Actually Be Used in 2024 (tho)13,733
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries13,732
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)13,731
redesigning, case-studies
AI Can Make a Code Review for Free13,730
ai, code-reviews, tooling
Radix Themes 3.013,729
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+/dev)13,728
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client13,727
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)13,726
accessibility, aria, screen-readers, mobile
12 Figma Tips to Work More Efficiently (uxd)13,725
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)13,724
git
The Cost of Interrupted Work: More Speed and Stress13,723
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text13,722
tips-and-tricks, how-tos, css, gradients, effects
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)13,721
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)13,720
css, units
Don’t Get Scammed by Fake Performance Experts and Apps13,719
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)13,718
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)13,717
accessibility, captcha
Accessible Forms With Pseudo Classes (css)13,716
accessibility, forms, css, selectors
Microservices Promised Freedom but Delivered Dependencies (pur)13,715
microservices, dependencies
Avoid These Design System Traps13,714
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)13,713
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)13,712
design-patterns, react, typescript, performance
Relicensing and Rug Pulls13,711
foss, licensing, history
Optimizing JavaScript for Fun and for Profit13,710
javascript, optimization
On the Gift of OKR for Company Culture (j9t)13,709
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)13,708
accessibility, pop-overs, html
Node.js: The Documentary (isa+)13,707
videos, nodejs, history
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)13,706
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)13,705
nodejs, esm
[Bulma] 1.0.013,704
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)13,703
frameworks, htmx, examples
Angular Signals: Best Practices13,702
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)13,701
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)13,700
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks13,699
user-experience, design, principles
Progressive Disclosure Defaults (ada)13,698
css, forms, interaction-design
How to Plan Your First Successful Website (web)13,697
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)13,696
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects13,695
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)13,694
code-pens, layout, css
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)13,693
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)13,692
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)13,691
css, scrolling
Build a Full-Stack App With Node.js and htmx13,690
web-apps, nodejs, htmx
Accessibility Foundations (ihe/tpg)13,689
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)13,688
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table” (uxd)13,687
design, career
How Meta Improved Their Cache Consistency to 99.9999999913,686
facebook+meta, caching
“require(esm)” in Node.js (joy)13,685
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm13,684
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)13,683
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility13,682
accessibility
Make a Web Browser: Beginner’s Guide (nim)13,681
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)13,680
web, history
How Web-Site Design and Social Media Work Together (uxm)13,679
design, content, social-media
How to Kill the Cascade (fon)13,678
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes13,677
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)13,676
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS13,675
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)13,674
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)13,673
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)13,672
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)13,671
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection13,670
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)13,669
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices13,668
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript13,667
javascript, objects
Webflow 101: A Guide for Beginners13,666
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)13,665
design, terminology
Homepage Design: 5 Fundamental Principles (nng)13,664
design, homepages, principles
Quick Tip: Creating a Date Picker in React13,663
tips-and-tricks, react, functionality
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)13,662
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?13,661
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages13,660
videos, deploying, remix, github-pages
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets13,659
accessibility, design-systems, documentation, dei
When “Semantic Tokens” Are No Longer Semantic13,658
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)13,657
css, layout, user-experience
There Is No EU Cookie Banner Law13,656
consent-management, cookies, legal
The Golden Age of Accessibility13,655
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?13,654
frameworks, comparisons, qwik, nextjs
Performance Tooling in 2024 and Beyond (dev)13,653
performance, tooling, browsers, dev-tools, lighthouse, google
Make Your Functions More Reusable With Generics (mat)13,652
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)13,651
links, usability
HTML Performance Optimization: Tips for Faster Loading Pages13,650
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)13,649
css, borders, transparency, accessibility, contrast
What’s Next for a Global Design System (bra)13,648
design-systems
WCAG 2.2 Detective Skills13,647
accessibility, standards, wcag
There Are No Standards Police (mno)13,646
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)13,645
html, custom-data, css, typography, effects
The Problem With AI (cfe)13,644
ai
Ruby Is Complicated13,643
html
Refactoring My Ugliest Code With Signal View Queries13,642
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”13,641
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma13,640
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright13,639
how-tos, testing, flakiness, playwright
Another JS Registry—Seriously?! (den)13,638
videos, jsr, dependencies, javascript
A Beginner’s Guide to Node.js Worker Threads (bet)13,637
guides, nodejs, worker-threads
25 Unnoticeable Features of JavaScript13,636
javascript
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)13,635
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)13,634
accessibility, images, metadata
The Essential Guide to Microcopy and Becoming a More Literate Designer13,633
guides, design, microcontent, content, writing
The “10× Engineer”: 50 Years Ago and Now (ger)13,632
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript13,631
javascript, operators, comparisons
Runtime Compatibility (asc+)13,630
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Marking the Web’s 35th Birthday: An Open Letter (tim)13,629
web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)13,628
performance, web-vitals
How to Read Files Quickly in JavaScript (lem)13,627
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)13,626
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)13,625
accessibility, advocacy, retrospectives
5 Exciting New JavaScript Features in 202413,624
javascript
What Is INP and Why You Should Care (whi/sen)13,623
performance, web-vitals, monitoring
Streaming HTML (chr/fro)13,622
html, php, streaming
JSON Canvas13,621
websites, standards, json, canvas
IDEs vs. Code Editors: Everything You Need to Know (jet)13,620
code-editors, comparisons, concepts
Have You Optimized for INP?13,619
performance, web-vitals, optimization
Express.js With TypeScript—Setup, Examples, Testing13,618
videos, express, typescript, testing, examples