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

“2024” News Archive (5)

Entry (Sources) and Other Related TopicsDate#
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1,222
accessibility, w3c, wcag
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1,221
accessibility, wcag, standards, w3c
What’s New in Angular (mge+/dev)1,220
videos, angular
What’s New in the Web (rac/dev)1,219
videos, web-platform
What You Need to Know About Third-Party Cookie Deprecation (dev)1,218
videos, cookies, browsers, google, chrome, support, deprecation
Rethinking Text Resizing on Web (bas)1,217
accessibility, resizing
From Fast Loading to Instant Loading (tun/dev)1,216
videos, performance, apis
Baseline Progressive Enhancement (ada)1,215
web-platform, progressive-enhancement, browsers, support
Dynamic GitHub Profile With Bun and TypeScript1,214
github, readme, bun, typescript
JavaScript Security: Simple Practices to Secure Your Frontend1,213
javascript, security, dependencies, csp
Merging Remix and React Router (rem)1,212
remix, react-router
Prefetching When Server Loading Won’t Do (ada/fro)1,211
performance, client-side-rendering, server-side-rendering, streaming
React Compiler (rea)1,210
react, compiling
Transforming the Relationship Between Designers and Developers (sma)1,209
design, collaboration, processes
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (uxd)1,208
productivity, efficiency, product-management
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau/dev)1,207
google, web-platform, ai
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1,206
css, apis, pop-overs, anchor-positioning
Dark Mode and Accessibility Myth (ste)1,205
accessibility, dark-mode, myths
ECMAScript Proposal: “Promise.withResolvers()” (rau)1,204
ecmascript, promises
Google’s Broken Link to the Web1,203
google, web, search, ai
New in Chrome 125 (tro/dev)1,202
release-notes, browsers, google, chrome
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac/dev)1,201
css, math, functions, browsers, support, web-platform
The Great Tech and People Hypocrisy (j9t)1,200
career, leadership, economics
Web Platform Status (dev)1,199
websites, web-platform, browsers, interoperability, support
Why Designers Aren’t Understood (vit/sma)1,198
design, career, communication, terminology
Built-In AI (kbx+/dev)1,197
chrome, google, browsers, ai, gemini, apis
Stop Moving Fast and Breaking Everything (uxd)1,196
product-management, engineering-management, leadership, processes
State of HTML 2023 [Results] (sac+/dev)1,195
surveys, metrics, html
Accessible SVG Forms1,194
accessibility, forms, svg, aria
Doing the Right Thing Right—Validation and Verification1,193
validation, terminology, comparisons
How I Made My GitHub Profile README Dynamic1,192
github, readme
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1,191
css, layout, masonry, accessibility, keyboard-navigation
Intopia’s WCAG 2.2 Maps (int)1,190
accessibility, wcag, cheat-sheets
JavaScript Objects—Complete Guide1,189
guides, javascript, objects
List of Essential Soft Skills for Front-End Engineers1,188
career
Morphing Arbitrary Paths in SVG1,187
svg, animations
Regarding Keyboard Testing1,186
accessibility, keyboard-navigation, testing
RSS Is Good, Isn’t It?! (mic)1,185
syndication, rss, indieweb
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1,184
css, borders, tips-and-tricks
The Times You Need a Custom “@ property” Instead of a CSS Variable (pre/sma)1,183
css, custom-properties, animations, transitions
Top 7 CSS Frameworks for Developers in 20241,182
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1,181
accessibility, aria, best-practices
WebKit Features in Safari 17.5 (jen/web)1,180
release-notes, browsers, apple, safari, webkit
AI Isn’t Ready for UX Design (nng)1,179
videos, design, user-experience, ai
Designers Are More Than Keywords and Portfolios (uxd)1,178
design, user-experience, career
AI Product Design: Identifying Skills Gaps and How to Close Them (uxd)1,177
design, ai, processes
All I Want for GAAD1,176
accessibility, awareness-days, wish-lists
Quick Incremental Accessibility Audits for Small Business Websites (cer)1,175
accessibility, auditing
Setting Personal OKRs (cwo)1,174
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know1,173
principles, craft, quality
Accessibility Overlays Are Not for Disabled People (tem)1,172
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)1,171
accessibility, aria, auditing
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1,170
accessibility
Mesh Gradients in CSS (jos)1,169
css, gradients
17 Best Developer Productivity Tools to Try1,168
productivity, tooling, link-lists
Build Your Own React.js in 400 Lines of Code1,167
react, jsx, principles
How to Document Your JavaScript Package (den)1,166
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Introducing the CSS Anchor Positioning API (una/dev)1,165
introductions, css, apis, anchor-positioning, examples
Manifesto for a Humane Web (mic)1,164
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
The Dilemmas You’ll Face When Creating a Component Library (and)1,163
libraries, components
The Modern Guide for Making CSS Shapes (css/sma)1,162
guides, css, shapes, effects, techniques
Using the Page Visibility API (bsm/mdn)1,161
javascript, apis
Typography Terms: Glossary (tbf/nng)1,160
typography, terminology
Design Taste vs. Technical Skills in the Era of AI (nng)1,159
design, programming, ai, comparisons
Make Your Figma Components Work Harder (uxd)1,158
figma, design-systems, components
Release Notes for Safari Technology Preview 194 (jon/web)1,157
release-notes, browsers, apple, safari
Simple Implemention to Understand “worker_threads” in Node.js1,156
nodejs, examples, worker-threads
WordPress Ping List for Faster Post Indexing1,155
wordpress, crawling, seo
37 Tips From a Senior Frontend Developer1,154
tips-and-tricks, fundamentals, learning, processes, career
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1,153
javascript, events, web-components
Let’s Build a Web Scraper in PHP and Python1,152
scraping, php, python
Level-Setting Heading Levels (aar)1,151
headings, semantics, conformance, accessibility, aria
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1,150
ai, terminology
Websites Are Not Books (ons)1,149
terminology, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1,148
web-components, dom
What Is UX (Not)? (nng)1,147
videos, user-experience, concepts
Upgrade Your HTML V (j9t/fro)1,146
books, frontend-dogma, html, minimalism, craft, conformance
Evidence-Based Management Guide, 2024—What’s New?1,145
release-notes, guides, agile, processes, metrics, engineering-management
Focus vs. Accessibility Focus1,144
accessibility, focus, comparisons
How We’re Building More Inclusive and Accessible Components at GitHub (eri/git)1,143
components, accessibility, dei, case-studies, github
JavaScript “var”, “let”, and “const” Explained (cfe+)1,142
javascript
Modern WordPress—Yikes! (dbu)1,141
wordpress, themes
The Carcinization of Web Frameworks1,140
frameworks, history, signals, server-side-rendering, outlooks, web-components
Transparent Borders (bra)1,139
css, borders, transparency, accessibility, contrast
Why Patching Globals Is Harmful1,138
javascript, programming
Introducing the Gulp Developer Survey1,137
introductions, surveys, gulp
A Brief Note on Highlighted Text (aar)1,136
accessibility, colors, contrast, css, selectors
An Introduction to the European Accessibility Act (EAA) (deq)1,135
introductions, accessibility, legal, eaa
Errors Aren’t All Bad (jim)1,134
errors
Get First Item in Eleventy Collection1,133
how-tos, eleventy, nunjucks
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1,132
redesigning, strategies, dei, accessibility
Servo Reboot: Where Are We Now? OSS-NA 20241,131
browser-engines, servo, browsers
These CSS Pro Tips and Tricks Will Blow Your Mind1,130
videos, css, tips-and-tricks
Using Simple Tools as a Radical Act of Independence1,129
html, css, simplicity
Using the Popover API for HTML Tooltips (chr/fro)1,128
pop-overs, apis, html, tooltips
What’s New in Node.js v22 (mco)1,127
videos, nodejs
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1,126
usability, user-experience, tips-and-tricks, accessibility, testing
The Pros and Cons of Using a Backend-for-Frontend (BFF)1,125
backend-for-frontend, architecture
5 Node Version Managers Compared—Which Is Right for You? (pav)1,124
nodejs, comparisons, nvm, pnpm
Eleventy With a Basic Deno Static Server Setup1,123
eleventy, deno, hosting
Memory Management Every Developer Should Know1,122
memory, garbage-collection
Native Support for CJS/ESM Interoperability Begins in Node.js 221,121
commonjs, esm, interoperability, support, nodejs
Pairing Eleventy With htmx and Deno1,120
eleventy, htmx, deno
Securing Client-Side JavaScript (ada)1,119
javascript, security, graceful-degradation
The 7 Most Useful Web Design and Web Development Glossaries (apo)1,118
concepts, terminology, link-lists
Misconceptions About CSS Specificity (bra)1,117
css, selectors, cascade
A to Z of Assistive Technology for Reading Digital Text1,116
accessibility, browsers, assistive-tech, readability, concepts
At Some Point, JavaScript Got Good1,115
javascript, history
Shades of Grey With “color-mix()” (mic)1,114
css, functions, colors
The Value of Open Source in Furthering Accessibility Goals (mgi)1,113
videos, foss, accessibility
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1,112
accessibility, wcag, community
How Slack Automates Deploys1,111
deploying, automation, case-studies, slack
Poor Express Authentication Patterns in Node.js and How to Avoid Them1,110
express, nodejs, authentication, security
Quick-and-Dirty Accessibility (tpg)1,109
accessibility, techniques
So I Got Fired1,108
career
Content Standards in Design Systems (nng)1,107
content, design-systems, processes
3 Methods to Elevate Your Writing With Visual Content1,106
writing, content, information-design
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1,105
css, selectors, html, techniques
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1,104
videos, css, view-transitions, animations
Introduction to htmx (jan)1,103
introductions, htmx
The Vue Ecosystem in 2024 (fro)1,102
vuejs, content-delivery, building, frameworks
Web Components From Early 2024 (chr)1,101
web-components, link-lists
Web Development Trends We Will See in 20241,100
trends
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1,099
angular, css, scope
How to Archive Your Design System Effectively (uxd)1,098
how-tos, design-systems, design, processes
The War Begins: Top Best JavaScript Framework to Learn in 20241,097
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
A React Developer’s Guide to Learning Solid.js1,096
guides, react, solidjs, comparisons
Demystifying React’s Types: Ref Types1,095
react
Exploring the Immersive Web With Wolvic (sea)1,094
xr, wolvic, igalia, browsers
How to Create Content in WordPress With AI1,093
how-tos, content, ai, wordpress
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1,092
foss, maintenance
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (the)1,091
interviews, nodejs, deno, jsr
Should We Rely on Browser Detection? (htm)1,090
browsers, browser-detection
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1,089
figma, programming, typescript, migrating, case-studies
Understanding What Drupal Editors and Authors Need (ckr/lul)1,088
drupal
Using AI to Predict Design Trends (web)1,087
ai, design, trends
When to Use Bun Instead of Node.js (app)1,086
bun, nodejs, comparisons
Why Are My Live Regions Not Working? (pat/tet)1,085
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1,084
videos, cookies, consent-management, privacy, user-experience, guidelines
An Alternative Proposal for CSS Masonry (rac/dev)1,083
css, layout, masonry, google
Composability in Design Systems (ada)1,082
design-systems, design, components
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making1,081
how-tos, design-systems, processes, collaboration, maintenance
European Accessibility Act: Ultimate Guide to Compliance1,080
guides, accessibility, compliance, legal, eaa
Handling the Indentation of a Treeview Component (sha)1,079
css
I Reviewed 1,000s of Opinions on htmx1,078
htmx
Popover API Is Here (chr/fro)1,077
apis, pop-overs, html
Pretty Much Every Website Uses the Wrong Font Size…1,076
videos, css
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1,075
usability, user-experience, sorting
Web Accessibility in the 2024 [U.S.] Presidential Campaigns (web)1,074
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)1,073
books, forms, mistakes, usability, accessibility, maintainability
Introduction to NestJS1,072
introductions, frameworks, nestjs
My Approach to HTML Web Components (ada)1,071
html, web-components
New to the Web Platform in April (rac/dev)1,070
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Superior Range Syntax (css)1,069
css, media-queries
WebAssembly Performance Patterns for Web Apps (tom)1,068
webassembly, performance, web-apps
What Is Vite (and Why Is It So Popular)?1,067
vite
CSS Inheritance (bel/pic)1,066
css, cascade
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (mic)1,065
microsoft, edge, css, support, deprecation
How to Design Accessible Forms in 10 Steps (uxd)1,064
how-tos, design, accessibility, forms
Accessibility Evolution of Organizations (cer)1,063
accessibility, processes, economics
No, I Don’t Want to Fill Out Your Contact Form1,062
forms, user-experience
The Polish Paradox1,061
design, optimization, user-experience
Can You Detect Overflow With CSS? (fon/css)1,060
css, overflow
Top 50 System Design Interview Questions for 20241,059
interviewing, architecture, system-design, link-lists
Basic Algorithms1,058
algorithms, search, sorting
Optimizing INP: A Deep Dive (dev)1,057
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Passkeys: A Shattered Dream (fir)1,056
security, authentication, passkeys
What Do Developers Want From AI?1,055
research, ai, productivity, efficiency
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1,054
design, images, information-design
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1,053
nodejs, environments, tooling
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1,052
accessibility, processes, prototyping, research
Design Déjà Vu (mal)1,051
design, html, css, history, comparisons
Introduction to Manual Website Accessibility Testing1,050
videos, introductions, accessibility, testing
Popover API Lands in Baseline (una/dev)1,049
pop-overs, apis, browsers, support, web-platform
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1,048
guides, overviews, examples, radix
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1,047
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)1,046
ai, optimization
Maintaining a Design System in Figma (luk/uxd)1,045
design-systems, maintenance, figma
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1,044
javascript, awareness-days
Celebrating 20 Years of Dojo (ope)1,043
anniversaries, dojo
How to Escape JavaScript for a Script Tag1,042
how-tos, javascript, escaping, html
HTML Attributes vs. DOM Properties (jaf)1,041
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1,040
jsr, dependencies
Node.js 22 Available Now (ope)1,039
release-notes, nodejs
Node.js Next 10 Survey—2024 (nod)1,038
surveys, nodejs
Printing Music With CSS Grid (ste)1,037
css, grids, examples
Ruby Might Be Faster Than You Think (joh)1,036
ruby, performance
The New “!important” (geo)1,035
css, cascade
The Perfect Site Doesn’t Exist (mic)1,034
quality, maintenance, processes
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1,033
javascript, urls
Use “:has()” to Scope CSS1,032
css, selectors, scope
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)1,031
css, minification, performance
Write Better CSS With Modern CSS (css)1,030
css, nesting, custom-properties, media-queries, tips-and-tricks
Adding ESLint and Auto-Fixing an Existing TypeScript Project1,029
eslint, typescript, quality, automation
Comparing Full Stack and Headless CMS Platforms1,028
comparisons, content-management, wordpress, drupal, ghost
F-Shape Pattern and How Users Read (vit/sma)1,027
usability, design
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1,026
bun, deploying, performance, case-studies
Images as the First Thing in a Button or Link (tem)1,025
accessibility, html, images, buttons, links
Reflecting on My Programming Career1,024
career
Taking Regular Screenshots of My Website1,023
screenshots, images, automation, playwright, github-actions
The First Framework That Lets You Visualize Your React/Node.js App1,022
frameworks, visualization, react, nodejs, wasp
The Front End Developer/Engineer Handbook 2024 (fro)1,021
overviews, career, learning, tech-stacks, concepts, terminology
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1,020
cookies, privacy, browsers, google, chrome
Using Vite to Rebuild Local Dependencies in an npm Workspace1,019
npm, dependencies, vite
Your Page Can’t Change Media Features (kil)1,018
css, media-queries, user-experience, apis
Latency Numbers Every Frontend Developer Should Know (ind)1,017
performance, metrics, terminology
How the Meaning of Colour Varies per Culture (uxd)1,016
colors, culture
Notes on Quality1,015
design, user-experience, quality
Creating Fluid Typography With the CSS “clamp()” Function1,014
css, functions, typography, liquid-design
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1,013
html, modals, pop-overs
15 Essential UX Design Principles and Practices for Developers (uxm)1,012
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)1,011
design, trends
5 Hidden CSS Properties You Didn’t Know Existed1,010
css
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1,009
user-experience, onboarding, product-management
How I Use Generative AI in Branding1,008
ai, branding, principles, design
Node.js Test Runner: A Beginner’s Guide (bet)1,007
guides, nodejs, testing
State of Design Tokens 2024 (don+)1,006
videos, design-tokens, figma, tooling
The Art of Design System Recipes (bra)1,005
design-systems, design-tokens
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1,004
collaboration, processes
The Slow Death of CSS Vendor Prefixes (oll)1,003
css, vendor-extensions, history
The Ultimate Collection of CSS-Only Shapes (css)1,002
websites, css
Using Legitimate GitHub URLs for Malware (sch)1,001
security, malware, github
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1,000
ci-cd, concepts
What You Can Do as a Web Builder on Earth Day (aar)999
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)998
accessibility, images, alt-text
JavaScript Features That Most Developers Don’t Know997
javascript, functions
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)996
videos, interviews, css
April 24 Is JS Naked Day (j9t)995
javascript, awareness-days
Considerations for AI Opt-Out (mno)994
ai
Detect JavaScript Support (fon/css)993
css, javascript, media-queries, support
Optimising React Apps992
react, optimization
3 Tips for Advanced Prototyping in Figma (uxd)991
tips-and-tricks, prototyping, figma
Make Product Design Great Again (uxd)990
design, user-experience, product-management
Design Systems and the Never-Ending Job of Buy In (pjo)989
design-systems, communication, collaboration
Detect JavaScript Support in CSS (hex)988
css, javascript, media-queries, support
Long Alt (aar)987
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)986
design-systems, accessibility
Node.js Task Runner985
nodejs, performance
Using “@ defer” Defer Views in Angular 17984
angular, performance, lazy-loading
A Short Guide to Mastering Keyboard Shortcuts on GitHub (git)983
guides, github, keyboard-shortcuts
Accessibility Overlays—Friend or Foe? (int)982
videos, accessibility, overlays
Building a Culture of Accessibility (tet)981
accessibility, culture
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)980
css, layout, grids, masonry
How to Create CSS Utility Classes (fon/css)979
how-tos, css, presentational-html
How to Work With GraphQL in WordPress in 2024 (sma)978
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)977
web
Typography Variables in Figma Are Here976
typography, variables, figma
5 Tailwind CSS Anti-Patterns to Avoid (ato)975
tailwind, colors, theming, frameworks, anti-patterns
A Primer on the Cascade and Specificity (bel/pic)974
introductions, css, selectors, cascade
Angular’s New Signal Inputs973
videos, angular, signals
My Code Formatting Guidelines (val)972
guidelines, formatting, conventions, javascript, html, prettier, configuration
The “Intl.Segmenter” Object Is Now Part of Baseline (rac/dev)971
browsers, support, web-platform, javascript
What’s Going On in Dark Theme / Light Theme Land (chr/fro)970
css, functions, dark-mode
The End of an Era: Women Who Code Closing (wom)969
community
Git Common Developer Pitfalls and Solutions (wom)968
git
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)967
redesigning, sustainability
Building an npm Package Compatible With ESM and CJS in 2024966
npm, dependencies, interoperability, esm, commonjs
12 Tips From a Mid-Level Developer965
career, tips-and-tricks
AI Isn’t Useless—but Is It Worth It? (mol)964
ai, quality
Building a GitHub Activity Feed With Node.js and Socket.IO963
nodejs, github, functionality
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)962
conversion, html, javascript
Displaying HTML Web Components (ada)961
web-components, css
How to Write World-Beating Web Content (web)960
how-tos, writing, content
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI959
ai, quality, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action958
jetbrains, qodana, quality, javascript
Property Hooks Are Coming in PHP 8.4 (ami)957
php, hooks
The Impact of Color Contrast on Accessibility956
accessibility, colors, contrast
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)955
jquery, maintenance, migrating
Webhooks and WebSockets954
webhooks, websockets
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)953
accessibility, security
Who Should Block AI Bots? (moz)952
scraping, ai, seo
How to Submit a Form in React Using FormData (wom)951
how-tos, forms, react
Electron 30.0.0 (kee/ele)950
release-notes, electron
Making Disabled Buttons More Accessible949
accessibility, buttons, html, aria
[pnpm] v9.0.0 (pnp)948
release-notes, pnpm
The Biggest Lie in HTML947
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)946
web
The Making of a TypeScript Feature: Inferring Type Predicates945
typescript
The Right Code for Your Design System (fig)944
design-systems, figma
Things That Can Break “aspect-ratio” in CSS (chr/fro)943
css, aspect-ratio
We Need to Rewild the Internet (rob)942
web, standards, collaboration, creativity, outlooks
Why We Are Still Using 88×31 Buttons941
images, history, design
Hardest Problem in Computer Science: Centering Things (nik)940
css, design, centering
Alternating Style Queries (kiz)939
css, style-queries, techniques
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)938
accessibility
An Intro to Flexbox (cfe)937
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)936
standards, accessibility, aria, html
CSS in React Server Components (jos)935
css, javascript, react, components, css-in-js
Document Collaboration (With Comments!) (chr/fro)934
documentation, collaboration, comparisons, link-lists
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)933
html, attributes, forms, usability
Ethics in Times of Growth Design932
design, ethics
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)931
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)930
migrating, processes, seo, sem
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)929
foss, security, openjs
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)928
accessibility, auditing, tooling
Interview With Senior JS Developer 2024927
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)926
quality, craft, accessibility, usability, user-experience, conformance, performance
How to Write a Code Formatter925
how-tos, formatting
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)924
html, skip-links, accessibility, mobile
Things You Should Do in Your Dev Journey923
career
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)922
apis, dark-mode
Why Many Junior Developers Quit Programming (tip)921
career, learning
10 Things Software Developers Should Learn About Learning920
research, learning
Blockin’ Bots (bee)919
scraping, ai, apache, configuration
How Do Open Source Licenses Work? The Ultimate Guide (the)918
guides, foss, licensing
How to Build a Reusable Grid System With CSS Grid (cfe)917
how-tos, css, grids, layout, maintainability
Introducing JS Naked Day (mac)916
introductions, javascript, awareness-days
Monitoring BFCache Blocking Reasons (chr/mdn)915
bfcache, monitoring, debugging, performance
Naming Colors in Design Systems914
naming, colors, design-systems
Sliding 3D Image Frames in CSS (css/sma)913
css, images, techniques
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)912
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
A Comparison of Automated Testing Tools for Digital Accessibility (equ)911
accessibility, testing, tooling, automation, comparisons
Accessible Interactions in JavaScript Apps (san)910
videos, accessibility, javascript, aria
An Intro to CSS Grid (cfe)909
introductions, css, grids, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)908
accessibility, vpat-acr, conformance, documentation
CSS Tricks to Master the “clip-path” Property (css)907
css, masking, clipping, tips-and-tricks
Epic App Performance Starts With the Database906
videos, performance, databases, optimization
Gap Is the New Margin (chr/fro)905
css, margins, layout
Let Me Be904
videos, javascript
npm Basics for New Developers (nim)903
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS902
tips-and-tricks, how-tos, animations, gradients, css
Socks, Lies, and Accessibility901
accessibility, awareness-days, link-lists
The Dos and Don’ts of Using “tabindex” in Web Design (a11)900
accessibility, keyboard-navigation, html
Unleashing Designers With Tailwind CSS899
videos, tailwind, design, processes
Web Accessibility Statement: How to Write One898
how-tos, accessibility, documentation, writing
Why I’m Embracing the Arc Browser897
browsers, arc, the-browser-company
Zombie Estimation896
agile, scrum, processes, project-management
Purging Design System “Rot” From Our Checkboxes (chu)895
design-systems, maintenance, quality, accessibility, case-studies
I Never Knew a Website Could Hurt Someone (kar)894
videos, accessibility
JS Naked Day (mac+)893
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)892
git, errors
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)891
webkit, browsers, apple, safari, performance, optimization
Release Notes for Safari Technology Preview 192 (jon/web)890
release-notes, browsers, apple, safari
The Future of Design Systems Is Marketing (fig)889
design-systems, marketing, metrics
The Guide to Git I Never Had888
guides, git, command-line, cheat-sheets
Wednesday, April 10, 2024 Security Releases (raf/nod)887
release-notes, nodejs, security
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (uxd)886
design, user-experience
Frontend Development Beyond React: Svelte885
svelte
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution884
react, history
Ableism and Related Terms You Need to Know (mer)883
terminology, communication, dei
An Introduction to the Node.js Performance API (bet)882
introductions, nodejs, performance, apis
Figma Prototypes vs. HTML Prototypes (ada)881
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)880
css, mixins, techniques
React Server Components in a Nutshell (the)879
react, components
Recapping ng-conf 2024878
angular
Sending Email Using Node.js (cra)877
nodejs, email
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)876
accessibility, ada, legal, web, mobile
Understanding Interaction to Next Paint (INP) (wil/fro)875
performance, web-vitals
Is the Party Over for Scrum Masters and Agile Coaches?874
agile, scrum, career
Happy CSS Naked Day 2024 (fro)873
frontend-dogma, css, awareness-days
Building a CLI From Scratch With TypeScript and oclif872
command-line, typescript
Creating a Navbar in React871
navigation, react, css
How I Write Commits Like a Pro870
version-control, git, commit-messages, conventions
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)869
redesigning, strategies, dei, accessibility
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities868
accessibility, legal, web, mobile
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)867
design, communication
Node.js Debugging in Chrome DevTools (chr/fro)866
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)865
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
The Death of Creativity864
creativity, ai
Things That I Like Better in Vue Than in React863
vuejs, react, frameworks, comparisons
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)862
user-experience, ai, hci
What Is Whitespace? (nng)861
videos, whitespace, design, concepts, terminology
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities860
books, nodejs, security, vulnerabilities
DORA’s Software Delivery Metrics: The Four Keys859
processes, metrics
Demystifying the Shadow DOM858
dom, shadow-dom
Faster Websites With the “picture” Element (fra)857
html, images, performance
Jekyll vs. Astro (koo)856
site-generators, comparisons, jekyll, astro
Testing HTML With Modern CSS (hey)855
html, css, testing, quality
10 Must Know System Design Concepts for Interviews854
interviewing, architecture, system-design, concepts, scalability
Blind Internet Users Struggle With Error-Prone AI Aids (fin)853
accessibility, ai
21 HTML Tips You Must Know About852
html, tips-and-tricks
How to Think About HTML Responsive Images (db)851
how-tos, html, images, responsive-design
Reviewing Polypane for Responsive Website Tweaks850
videos, polypane, browsers
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)849
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Why I’m Yet Another Woman Leaving the Tech Industry848
career, community
[zx] 8.0.0847
release-notes, zx
“AI” Won’t Solve Accessibility (yat)846
accessibility, ai
Creativity in Software Engineering845
research, creativity, programming
DevTools Tips and Tricks (fro)844
browsers, dev-tools, tips-and-tricks
Drive-By Accessibility Tweaks (bru)843
accessibility
ESLint v9.0.0 Released (nza/esl)842
release-notes, eslint
How to Make Your Website Work Offline841
how-tos, web-workers, offline, javascript
Managing User Focus With “:focus-visible” (css)840
css, selectors, focus
Should Designers Code? (bra)839
design, career
The Free Software Commons (jen)838
foss, community, security
Breakpoints in Responsive Design (nng)837
design, responsive-design, usability
A Complete Guide to CSS Logical Properties, With Cheat Sheet836
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines835
discussions, accessibility, wcag, standards, ai, w3c
Building Components With Radix UI834
radix, components
Heat Death of the Internet833
web
How to Strongly Type process.env (mat)832
how-tos, typescript, nodejs
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue831
videos, javascript, visualization, event-loop, events, apis
Modern CSS Patterns in Campfire830
css, case-studies
Rounded Tabs With Inner Curves (css)829
css, effects, tips-and-tricks
The Basics of Legibility828
fundamentals, typography, legibility
The V8 Sandbox827
v8, security
When to Use “tabindex="0"” (gra/tet)826
accessibility, keyboard-navigation, focus, html
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)825
ai, web
An Advanced Way to Use CSS Variables (cfe)824
css, custom-properties
“aspect-ratio” Gotcha (css)823
css, aspect-ratio, images
BFCache Explained822
bfcache, browsers, performance
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?821
dns, security
Finally Understand Responsive Design820
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)819
css, typography, tips-and-tricks
Hanging Punctuation in CSS (ada)818
css, typography
How to Build a Simple Web Server With Node.js817
how-tos, servers, nodejs
Introducing Jpegli: A New JPEG Coding Library816
introductions, jpeg, images, libraries, compression
Svelte Parses HTML All Wrong (ric)815
svelte, html, parsing
The View Transitions API (cas/fro)814
view-transitions, apis, astro
Theming Design Systems (per)813
design-systems, theming
Using JSON Web Tokens With Node.js812
json-web-tokens, nodejs, security, authentication
Wednesday, April 3, 2024 Security Releases (nod)811
release-notes, nodejs, security
In-Page Links: 3 Usability Tips (nng)810
videos, links, usability, tips-and-tricks
An Interactive Guide to CSS Container Queries (sha)809
guides, css, container-queries
Authentication in Next.js (rwi)808
authentication, nextjs
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)807
css, anchor-positioning
How to Get Somebody Fired Using Git806
version-control, git, career
How We’re Approaching Theming With Modern CSS (bel/pic)805
css, theming
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)804
branding, scrolling, animations, techniques, css
Learn JavaScript (wil/dev)803
courses, javascript
WebAssembly at Google (tom)802
videos, webassembly, google
WordPress 6.5 “Regina” (pho/wor)801
release-notes, wordpress
14 Top UX Tools for Designers in 2024 (web)800
user-experience, tooling, link-lists
A Complete Guide for Content Creators to Start Making Accessible Content (pop)799
guides, accessibility, content
Bun 1.1 (jar+/bun)798
release-notes, bun
Micro Frontends With Native Federation797
micro-frontends, comparisons
The Detail, the Quality796
design, quality
What Even Is a JSON Number?795
json, terminology
The Era of High-Paying Tech Jobs Is Over794
programming, career, ai, economics
10 JavaScript Sites Every Web Developer Should Know793
javascript, learning, link-lists
Kobold Letters (wed)792
html, email, support
Latest WebAIM’s Million—Some Thoughts (cer)791
accessibility
Object Structure in JavaScript Engines790
objects, javascript, javascript-engines
The DevOps Basics789
dev-ops, fundamentals
Why I Care Deeply About Web Accessibility and You Should Too (sch)788
accessibility, web
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time787
tooling, nodejs, deno, bun
Design Is a Process of Getting Stuck (fon)786
design, processes
Some Samples Using UIkit785
uikit
Figma Plugins (tmc)784
figma, plugins
Front-End Development’s Identity Crisis (ell)783
career
On “disabled” and “aria-disabled” Attributes (kit)782
accessibility, html, attributes, aria
“@ scope” Is Coming to CSS and It’s Amazing (kev)781
videos, css, scope
The Curious Case of the CSS Monochrome Media Query (sea)780
css, media-queries
The Easy Way to Access the Last JavaScript Array Element779
javascript, arrays
The Power of “:has()” in CSS (css)778
css, selectors
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)777
studies, research, accessibility, homepages, metrics
What Negative Effects Does a Bad Website Design Have on My Business? (web)776
design, economics
A Guide to Building CLI Tools in JavaScript775
guides, tooling, command-line, javascript, nodejs
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)774
css, functions, colors, dark-mode
Finally Understanding How “Array.sort(comparator)” Works (jam)773
javascript, arrays
Improving the Developer Experience of Enterprise Design Systems772
design-systems, developer-experience, optimization
New to the Web Platform in March (rac/dev)771
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Release Notes for Safari Technology Preview 191 (jon/web)770
release-notes, browsers, apple, safari
The Complete Guide to Captioned Videos (mer)769
guides, accessibility, captions, multimedia
What’s New in DevTools, Chrome 124 (dev)768
release-notes, dev-tools, browsers, google, chrome
History of JS Interop in Dart767
javascript, dart, interoperability, history
Flickering Glowing Text Effect With CSS (man)766
css, effects
How I Fixed My Brutal TTFB (whi/sen)765
performance, metrics, optimization
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)764
browsers, mobile, privacy, security
Iterator Helpers763
ecmascript, javascript, javascript-engines, v8
What Even Are Dragging Movements? (cat)762
accessibility, interaction-design, terminology
Meet Angular’s New “output()” API (ang)761
angular, apis
ai.robots.txt (cor)760
ai, crawling, scraping, robotstxt, tooling
Animating Clip Paths on Scroll With “@ property” in CSS (uti)759
css, animations, scrolling, clipping, masking
Be Flexible About What People Need (and Don’t Assume) (eri)758
accessibility
CSS Anchor Positioning (tab+/w3c)757
standards, css, anchor-positioning
Exploring the Power of ARIA Live Attribute in Web Accessibility756
accessibility, aria, attributes
History of Web Accessibility755
videos, accessibility, history
How Does npx Actually Work and When to Use It754
npx, nodejs
How Invalid HTML Elements Impact Web Performance (erw)753
html, conformance, performance
How to Take Control of Flexbox (kev)752
videos, how-tos, css, flexbox, layout
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests751
how-tos, jquery, ajax, functions, asynchronicity
Node v20.12.0 (LTS) (nod)750
release-notes, nodejs
Quick Tip: How to Align Column Rows With CSS Subgrid749
tips-and-tricks, how-tos, css, grids, layout, alignment
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)748
css, overviews
Convention Over Creativity? The Ups and Downs of UX Design (uxd)747
user-experience, design
7 Simple Rules for Better Data Visualization746
information-design
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)745
colors, dark-mode, css, javascript
Error Messages 101 (nng)744
videos, usability, errors, microcontent
How to Consolidate Multiple Design Systems (uxd)743
how-tos, design-systems, processes
Diving Into the Node.js Website Redesign (bri/nod)742
redesigning, case-studies
Incredible JavaScript Animation Libraries741
javascript, animations, libraries, link-lists
JavaScript Visualized: Promise Execution740
javascript, promises, visualization
New CSS That Can Actually Be Used in 2024 (tho)739
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
No One Actually Wants Accessibility738
accessibility
Spicing Up Text With “text-emphasis” in CSS (ami)737
css, typography, effects
CORS Finally Explained—Simply736
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)735
authentication, security
ARIA “role=application” and Mobile Screen Readers (cer)734
accessibility, aria, screen-readers, mobile
Learn OAuth 2.0 by Building Your Own OAuth Client733
authorization, oauth, functionality
Profile Node.js Performance With the Performance Panel (jec+/dev)732
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Radix Themes 3.0731
release-notes, radix
AI Can Make a Code Review for Free730
ai, code-reviews, tooling
Accessible Forms With Pseudo Classes (css)729
accessibility, forms, css, selectors
CAPTCHA Excludes Disabled Web Users (zel)728
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)727
standards, css, units
Don’t Get Scammed by Fake Performance Experts and Apps726
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)725
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)724
nodejs, npm
Quick Tip: How to Add Gradient Effects and Patterns to Text723
tips-and-tricks, how-tos, css, gradients, effects