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