Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

“2023” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Declarative Shadow DOM (dev+)383
shadow-dom, dom, html
Don’t Use 403s or 404s for Rate Limiting (met)382
http, content-delivery, rate-limiting, google, search, seo
Software Accessibility for Users With Attention Deficit Disorder (ADHD)381
accessibility
Using Node Watch Instead of Nodemon380
nodejs, tooling
Encapsulating CSS With Shadow DOM379
shadow-dom, dom, css, javascript
Buttons, Links, and Focus (tem)378
accessibility, semantics, buttons, links, focus
ChatGPT Can Write Good CSS? (zor/css)377
videos, ai, chatgpt, css
How to Use WebSockets in a Redux Application376
how-tos, websockets, redux, react
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)375
videos, web-platform, browsers, economics
My 2023 CSS Wishlist (jim)374
css, wish-lists
PHP Wishlist: The Pipe Operator (seb)373
php, wish-lists
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)372
accessibility, screen-readers, semantics, html
Writing JavaScript Without a Build System (b0r)371
javascript, building
Scaling Accessibility Through Design Systems (ste+)370
videos, design-systems, accessibility, scalability
What to Expect From Vue in 2023 and How It Differs From React369
vuejs, react, comparisons
The Return to the Office Could Be the Real Reason for the Slump in Productivity368
productivity
Building an Animated SVG Logo With animejs367
svg, images, logos, animations, vuejs
How to Use View Transitions in Hotwire Turbo366
how-tos, css, view-transitions, hotwire
Angular Reactivity With Signals (ang)365
angular, reactivity, signals
How the Web Works: Understanding the Architecture of the Web364
web-platform, protocols, rendering
Is It Worth Learning JavaScript? Popularity, Salaries, and Future (sta)363
javascript, career
IT Incident Management (tec)362
incident-response
The User Activation API (mar/web)361
apis, javascript
A Practical Approach to Automated Accessibility (ste)360
accessibility, testing, automation
Some of the Future Is Now for CSS: A Postscript (bry)359
css
Automation Is Not the Enemy (kar)358
accessibility, testing, automation
CSS Grid Gap Behavior With Hidden Elements (hex)357
css, grids, layout
CSS Nesting Module (tab+/w3c)356
standards, css, nesting
How to Inspect Interactions in the Browser (bui)355
how-tos, browsers, dev-tools, debugging
Is It Time to Go Back to the Monolith?354
monoliths
Mastodon and Open Graph (drd)353
social-media, mastodon, html, metadata, open-graph
Microsoft to Phase Out Internet Explorer With Newer Edge Browser (the)352
browsers, microsoft, internet-explorer, edge
My CSS Wish List (mat)351
css, wish-lists
The (Extremely) Loud Minority (bel)350
community, communication
Well-Known Symbols349
javascript
The Valley of Sorrow in Learning Programming (fla)348
programming, learning
Container Queries Land in Stable Browsers (una)347
css, container-queries, browsers, support
The Modern Web’s Underrated Powerhouse (kli)346
css
Quick Tip: How to Hash a Password in PHP345
how-tos, php, security, passwords, tips-and-tricks
Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (ste)344
playwright, monitoring
WordPress Version Control: A Comprehensive Guide343
guides, wordpress, version-control, tooling
An Approach to Lazy Loading Custom Elements (css)342
web-components, performance, lazy-loading
Change Tab Bar Color Dynamically Using JavaScript (ami)341
javascript, colors, theming, browsers
Declarative Shadow DOM (web)340
dom, shadow-dom
Git: How to Skip Hooks (ada)339
how-tos, git
So, What’s Next [for core-js]?338
javascript, foss, community, economics
This Is Why Performance Matters (bel)337
performance, javascript, user-experience
An Introduction to HTML Cheat Sheet336
introductions, html, semantics, cheat-sheets
Rethinking the Modern Web335
javascript, web-platform, tooling
Sandboxing JavaScript Code334
javascript, security
Starting a New Side Project? Here Are 4 Lightweight CSS Frameworks to Get Up and Running333
frameworks, css, pico, milligram, skeleton, comparisons
Technical Writing Process: How to Write a Good Technical Article332
how-tos, writing, processes
Using the Multi-Keyword Syntax With CSS Display (que/mdn)331
css
MathML in Chrome330
mathml, browsers, chrome, support
A Minimal, Multi-Framework, Responsive Image Component (asc)329
components, responsive-design, frameworks
Automated Testing Won’t Solve Web Accessibility (yat)328
accessibility, testing, automation
My CSS Wishlist (j9t)327
css, wish-lists
Why Developers Should Learn Docker and Kubernetes in 2023326
docker, kubernetes, containerization
Technical SEO Basics for React Developers325
fundamentals, seo, react
A Comparison of SUS, UMUX-LITE, and UEQ-S324
studies, research, user-experience, comparisons
Caching at DEV323
case-studies, caching, performance
Different Ways to Get CSS Gradient Shadows (css/css)322
css, gradients, shadows
Discovering Primitive Objects in JavaScript (sma)321
javascript, objects
Quick Guide for YAML320
guides, yaml
The Case for Frameworks (sel)319
javascript, frameworks, web-platform
Why I’m Not the Biggest Fan of Single Page Applications (mat)318
single-page-apps
You Kinda Want an Orange Favicon (chr)317
images, favicons, browsers, theming
Platform Engineering Teams Done Right… (adr)316
principles, platform-engineering
Foundations: Introduction to WAI–ARIA (ihe/tet)315
accessibility, fundamentals, introductions, aria
How to Scale Node.js Applications With Clustering (dig)314
how-tos, nodejs, scalability
React.js: The Documentary313
videos, react, history
Improved Font Fallbacks312
fonts, typography, graceful-degradation
Can You Be a Designer if You Have No Training? (hen)311
design, career
Classless CSS Frameworks (ami)310
css, frameworks
Moving Backgrounds (css)309
css, backgrounds
My CSS Wishlist (sha)308
css, wish-lists
The Troublesome Life and Lamentable Death of Success Criterion 4.1.1307
accessibility, wcag, conformance, standards
More Control Over “:nth-child()” Selections With the “of S” Syntax (bra)306
css, selectors
What’s New in Lighthouse 10305
release-notes, performance, lighthouse
CSS Wish List 2023 (mey)304
css, wish-lists
Introduction to Symfony PHP Framework303
introductions, symfony
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)302
code-pens, sliders, css, sass, effects
Try Out CSS Nesting Today (jen/web)301
css, nesting, browsers, support
Use Maps More and Objects Less (ste/bui)300
javascript, objects
Top 13 Node.js Books for Beginners and Advanced Coders299
books, nodejs, link-lists
Avoiding the Success Trap: Toward Policy for Open-Source Software as Infrastructure (atl)298
foss, security, infrastructure, policies, concepts
Creating Sites, the Jamstack Way297
tech-stacks, jamstack
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)296
css, colors, contrast, backgrounds, strategies
Focus Appearance Thoughts (ala)295
accessibility, focus, css
How to Build Accessible Main Navigation? (iod)294
how-tos, accessibility, navigation
How to Write Semantic CSS (kev)293
videos, how-tos, css, semantics
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)292
browsers, browser-engines, mozilla, google, apple, webkit
Nest.js Crash Course—Introduction and Setup291
videos, crash-courses, introductions, nestjs
Table of Contents Progress Animation (kev)290
html, css, javascript, animations, progress-indicators
The Story of the World Wide Web (jay)289
books, web, history, browsers, standards, css, community, browser-wars
Testing Colour Accessibility With Dev Tools (mic)288
accessibility, colors, testing, browsers, dev-tools
How to Add an Event Handler in React287
how-tos, react, dom, events
Modularizing React Applications With Established UI Patterns (mfo)286
react, components, modules
Quick Tip: How to Check if a Variable Is Set in PHP285
how-tos, variables, php, tips-and-tricks
Theming a Design System284
design-systems, theming
Advanced Figma Prototyping Tips and Tricks283
figma, prototyping, tips-and-tricks
A Historical Reference of React Criticism (zac)282
react, history
Building a Dev Blog With the Pelican Static Site Generator (djr)281
site-generators, blogging
Frontend Frameworks for Web-App Development (uxm)280
frameworks, web-apps
How to Build a Magazine Layout With CSS Grid Areas (sma)279
how-tos, layout, css, grids
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)278
how-tos, images, favicons
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)277
mozilla, browser-engines, servo, browsers
My Favourite 3 Lines of CSS (bel/pic)276
css
The Difference Between Iteration and Prototyping275
processes, prototyping, comparisons
The Different Names for Values in CSS (chr)274
css
The “margin-trim” Property (mat)273
css, margins
Testing Vue Components the Right Way272
vuejs, vitest, components, testing
Should Inclusive Design Be a UX Concern?271
design, dei, user-experience
Non-Text Content Contrast Also Matters270
accessibility, colors, contrast
Supporting CSS Multi Direction Languages in 2023269
css, internationalization, logical-properties
Qodana Code Quality Platform—Overview (jet)268
videos, overviews, qodana, quality, ci-cd
Interop 2023 CMS Checkin (chr)267
interoperability, html, rss, atom, semantics
How to Pick a Font (That Doesn’t Suck)266
how-tos, guides, fonts, typography
React Anti-Patterns and Best Practices—Dos and Don’ts265
react, anti-patterns, best-practices
Speeding Up the JavaScript Ecosystem—ESLint (mar)264
javascript, performance, eslint, linting
Discovery in Agile (nng)263
agile, processes
The Market for Lemons (sli)262
web-platform, javascript, frameworks
Rotating Gallery With CSS Scroll-Driven Animations (jhe)261
html, css, javascript, animations, scrolling
Multi-Threaded React App Using useWorker260
multithreading, react, javascript, web-workers
Typography Manual259
code-pens, typography
The Case Against Cycle Time258
productivity, metrics
How to Make a Zoom Effect Using CSS (css)257
how-tos, css, effects
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)256
how-tos, javascript, arrays
The YAML Document From Hell—JavaScript Edition (phi)255
javascript, yaml
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion254
accessibility, wcag, standards
High Definition CSS Color Guide (arg)253
guides, css, colors
Advice for Engineers, From a Manager (pol)252
tips-and-tricks, career, communication, collaboration
Foundation: The Best Framework for Building Responsive Sites251
foundation
How to Build a Static Website250
how-tos, fundamentals
What Is Bootstrap: A Beginner’s Guide249
guides, bootstrap
Caching Data in SvelteKit (ada/css)248
caching, sveltekit
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)247
javascript, data-fetching
Don’t Use Return Types, Unless… (mat)246
videos, typescript
Hex Colors Aren’t Great at Anything Except Being Popular (chr)245
colors, css
How the CSS “box-sizing” Property Works (bel)244
css, box-model
Igalia and Interop 2023 (iga)243
interoperability, web-platform, igalia
Modular Web Design: Flexibility, Examples, and Alternatives242
design
The Guide to Responsive Design in 2023 and Beyond (sha)241
responsive-design, css
Understanding App Directory Architecture in Next.js (ati/sma)240
architecture, nextjs
Why Is Making a Dark Mode Greyscale So Hard to Get Right?239
dark-mode, contrast, colors, design
The Gotcha With Animating Custom Properties (bra)238
css, animations, custom-properties, performance
Announcing Interop 2023 (moz)237
interoperability, web-platform
Interop 2023 (boc)236
interoperability, web-platform
3 Notion Templates to Better Manage Your Design System235
design-systems, templates, maintenance
The Future (and the Past) of the Web Is Server Side Rendering (den)234
server-side-rendering, client-side-rendering, history, deno, migrating
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)233
wordpress
Microsoft Edge and Interop 2023232
interoperability, web-platform, browsers, microsoft, edge
Learn Images (wil)231
courses, images, svg, gif, png, jpeg, webp, avif
Quick Tip: How to Manage Timezones in PHP230
how-tos, php, internationalization, tips-and-tricks
Design for AI: What Should People Who Design AI Know?229
design, ai
Interop 2023: Continuing to Improve the Web for Developers (foo+)228
interoperability, web-platform
Gatsby Is Joining Netlify227
gatsby, netlify
Pushing Interop Forward in 2023 (jon+/web)226
interoperability, web-platform
Screen Reader Quick Guide225
guides, screen-readers, accessibility
6 Approaches for Data Fetching in React224
data-fetching, react
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)223
accessibility, ai, chatgpt
Should You Start a Web Development YouTube Channel in 2023? (zor/css)222
videos, career, youtube
Speed for Who? (bel)221
performance, frameworks, developer-experience, user-experience
Typographic Hierarchy in Print, Web, and App Design (pim)220
typography, design, hierarchy
Understanding Color and Accessibility (kat)219
accessibility, colors
Invoking React Components From Your Ember Apps218
emberjs, react, components
External Links: In or Out217
seo, links, accessibility, user-experience
The Ultimate Guide to JavaScript Error Handling (cra)216
guides, javascript, errors
Monitoring Node.js Performance (ano)215
nodejs, performance, monitoring, tooling, nsolid
New to the Web Platform in January (rac)214
release-notes, web-platform, browsers, chrome, firefox, safari
Easy SVG Customization and Animation: A Practical Guide (cod/sma)213
guides, images, svg, animations
Using Local Storage in JavaScript and React212
javascript, react, browser-storage
CSS “color-mix()” (arg)211
css
19 Must-Visit Sites for Product Design Inspiration210
design, link-lists
What Are HTML5 Semantic Elements?209
html, semantics
Léonie Watson on Accessibility (tin+)208
podcasts, interviews, accessibility
New WCAG 2.2 Features Rated (yat)207
accessibility, wcag, standards
You’ve Got Options for Removing Event Listeners (mac)206
javascript, events
An Introduction to MIME Types205
introductions, mime-types
10 GitHub Repositories You Should Know as a JavaScript Developer204
javascript, cheat-sheets, best-practices, link-lists, github
Accessible Hamburger Buttons Without JavaScript203
accessibility, javascript, navigation
Git Commit Patterns202
git, commit-messages, documentation
HTML Input Types (mar)201
html, forms
The Pros and Cons of Responsive Web Design in 2023 (web)200
responsive-design
Is It a Bad Idea to Use “target="_blank"” for Links in an Email?199
email, links, user-experience
Container Queries and Typography (fon)198
css, container-queries, typography
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)197
design-systems, css, custom-properties, contrast, colors
Optimal Images in HTML (ste/bui)196
html, images, backgrounds, performance, optimization
Use the Dialog Element (Reasonably) (sco)195
html, modals, accessibility
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)194
performance
Pointing and Calling and Accessibility Testing193
accessibility, testing
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)192
javascript, callbacks, promises, asynchronicity
Login Form UI Design Guide191
guides, design, forms
Screen Readers Support for Text Level HTML Semantics (ste/tpg)190
html, semantics, screen-readers, support, accessibility
10 Web Development Trends in 2023 (rwi)189
trends, frameworks, tooling, javascript, monorepos, presentational-html, ai, code-completion
A “nth-child” CSS Trick (kev)188
css, selectors, tips-and-tricks
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)187
accessibility, wcag, standards
Musing Upon an “[alt]” Text Badge on Images (chr)186
accessibility, html, css
The Modern Way of Serving Images (kur)185
images, html, performance
Animating CSS Grid (How-To and Examples) (dxn/css)184
css, grids, layout, examples
“scrollend”, a New JavaScript Event (arg)183
javascript, events
Quick Tip: How to Manage Error Reporting in PHP182
how-tos, php, errors, tips-and-tricks
CSS Layers for CSS Resets181
css, resets
Release Notes for Safari Technology Preview 162 (jon/web)180
release-notes, browsers, safari
A Simple Custom (ste)179
forms, accessibility, usability, css
Copying Designs Doesn’t Work, and Here’s Why (sma)178
design, user-experience
CSS Wishlist 2023 (dav)177
css, wish-lists
Locking “body” Scroll for Modals on iOS (jfr)176
scrolling, css, modals
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)175
career
Creating a Custom Cursor Using CSS (css)174
cursors, css, images, svg
Introduction to Gulp.js: Beginner’s Guide173
introductions, guides, gulp
3 Essential Design Trends, January 2023 (web)172
design, trends
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)171
accessibility, wcag, standards
Creating a Community That Values Accessibility (web)170
accessibility, community
CSS Art Tutorial: Create a Cute Cartoon Creature169
tutorials, css, art
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)168
css, colors, color-palettes
If You Need a Link, Don’t Use a Button (tem)167
html, semantics, links, buttons, accessibility
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)166
internationalization, domains
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)165
css, selectors
Ship Small, Ship Fast164
releasing
Visual Design Rules You Can Safely Follow Every Time163
design
Easy Dynamic Social Sharing Image With Eleventy162
eleventy, social-media, images, tooling
Making Sense of TypeScript Using Set Theory161
typescript
How to Review a Web Site (uxm)160
how-tos, user-experience, performance, seo
Improve Your HTML Semantic With Pico CSS159
html, pico
Is CSS-in-JS Actually Bad? (may)158
css, javascript, css-in-js
Accessibility Tools and Resources for Designers157
tooling, link-lists, design
Best Browsers For Developers in 2023 (tal)156
browsers, comparisons, firefox, polypane, brave, chrome
The History of Internet Explorer and Web Standards (jay/hac)155
history, internet-explorer, browsers, standards, web-standards-project, link-lists
Replace “Create React App” Recommendation With Vite (rea)154
discussions, react, vite
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)153
accessibility, tooling, testing, automation
Web Accessibility Global Usage Survey152
surveys, accessibility
Web Scraping—A Complete Guide151
guides, scraping
How to Use Pico CSS and Next.js?150
how-tos, pico, nextjs
15 Must-Have Cheatsheets for Developers149
cheat-sheets, link-lists
More Real-World Uses for “:has()” (css)148
css, selectors
So You Want to Make a New JS Framework (dav)147
javascript, frameworks
The Key to Good Component Design Is Selfishness (sma)146
components, developer-experience, maintainability
Unordered Lists in Main Navigations (mat)145
html, lists, navigation, semantics
What Is a Core Update? (moz)144
seo
Cascading Components—a Way to Organize Figma Component Variants143
components, figma
Tabs Are Better (bre)142
formatting, accessibility
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi141
internationalization, design
Building Reliable Distributed Systems in Node.js140
nodejs, reliability
“::backdrop” Doesn’t Inherit From Anywhere (kil)139
css
Comparing Manual and Free Automated WCAG Reviews (aar)138
accessibility, wcag, auditing, comparisons
Don’t Target 100% Coverage137
testing, code-coverage
Three Attributes for Better Web Forms (ada)136
forms, html, attributes
Two Ways to Safely Break a Long Word in HTML (ami)135
html
Optimize Time to First Byte (mal)134
performance, optimization
Unlocking Security Updates for Transitive Dependencies With npm133
npm, dependencies, security, maintenance
On the Layout of Tests (yeg)132
programming, testing
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)131
css, tips-and-tricks, forms, print
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)130
javascript, objects
Front-End Is So Much More Than Building Designs (bel)129
processes
On-Scroll Typography Animations (cod)128
typography, animations
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)127
css, selectors
Tips and Tricks for Using Renovate (msf)126
renovate, configuration, tips-and-tricks
Discovering the Capable Web (tom)125
web-platform
Accessible Writing Is Just Good Writing124
accessibility, writing
6 Common SVG Fails (and How to Fix Them) (css)123
svg, images
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)122
javascript, promises
Scalable CSS (chr)121
css, scalability
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages120
content-delivery, performance, web-vitals, cloudflare
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)119
css, selectors
Can a Bridge Be Unethical?118
design, ethics
The Truth About CSS Selector Performance (pat)117
css, selectors, performance
Quick Tip: How to Read a Local File With PHP116
how-tos, file-handling, php, tips-and-tricks
The Storytelling Power of Simple Design Solutions115
design, simplicity
Intro to Wasp—Fullstack App114
videos, introductions, wasp, express, react
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That113
accessibility, information-design
A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui)112
javascript
Greater Styling Control Over Type With “initial-letter” (sea)111
css, typography
Minimal Dark Mode Styling (mey)110
css, dark-mode, minimalism
Optimizing the Image Element LCP (sma)109
performance, web-vitals, images
The Undeniable Benefits of Simple Website Design108
design, simplicity, user-conversion
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright107
screenshots, images, playwright, javascript
Complete Guide to Make You a Regex Guru106
guides, regex
CSS Nesting Is Coming (alv)105
css, nesting
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)104
javascript, performance, modules, esm, commonjs
The Only Markdown Cheatsheet You Will Ever Need103
markdown, cheat-sheets
Using Renovate With Codeberg (nic)102
codeberg, dependencies, maintenance, renovate
Interactive SVG Reference101
svg, images
User Style Sheets100
videos, user-styles, css
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor99
principles, maintainability
Foundations: Visible Focus Styles (tet)98
accessibility, fundamentals, focus, css
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe)97
javascript, arrays
Succeed as a Junior Developer96
career
CSS Color Functions and Custom Properties (mat)95
css, colors, functions, custom-properties
Fixing a Memory Leak in a Production Node.js App (ken)94
nodejs, memory
Generics: The Most Intimidating TypeScript Feature (mat)93
videos, typescript, generics
Is TypeScript Worth It?92
discussions, typescript
Top Front-End Tools of 2022 (lou/sma)91
tooling, link-lists
Sibling Scopes in CSS, Thanks to “:has()” (bra)90
css, selectors
Manual Accessibility Testing89
accessibility, testing
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari)88
cookies, browsers, google
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (nod)87
nodejs, foss, tooling, link-lists
What Can We Really Do About Spam?86
spam, email, sustainability
React, Vite, and TypeScript: Get Started in Under 2 Minutes85
introductions, react, vite, typescript
Closed Captions and Subtitles UX (vit/sma)84
accessibility, captions, user-experience
“:has” Is an Unforgiving Selector (geo/css)83
css, selectors
JavaScript, Community (zac)82
javascript, community
The Gotcha of Unhandled Promise Rejections (jaf)81
javascript, promises
The YAML Document From Hell (ruu)80
yaml, standards
The State of JavaScript 2022 [Results] (sac/dev)79
surveys, metrics, javascript
11 Excellent WordPress Themes for 202378
wordpress, themes, link-lists
How to Destructure Props in Vue (Composition API)77
how-tos, vuejs, props
The Main Areas of WAI–ARIA76
accessibility, aria
CSS “:empty” Isn’t Applicable on Form Fields (hel)75
css, selectors, forms
CSS “:readonly” Is Not for Select Fields (hel)74
css, selectors
Data-Driven Design Systems in Practice73
design-systems
Data URLs and Pool in Your URL (wes)72
html, data-urls
Faking Min Width on a Table Column (css)71
html, tables, css, responsive-design
Why Not “document.write()”? (css)70
javascript, performance
Versioning Design Systems: Best Practices69
design-systems, versioning, best-practices
Set Up a React App With TypeScript in 5 Minutes68
react, vite, typescript
Our Top Core Web Vitals Recommendations for 2023 (phi+)67
performance, web-vitals, best-practices
Quick Tip: How to Filter Data With PHP66
how-tos, php, tips-and-tricks
D̶e̶s̶i̶g̶n̶ Token Clusters65
design-tokens
2023 Design Trends From an Accessibility Perspective64
design, accessibility, trends
7 Principles of Design Psychology Every UX Designer Should Know (uxm)63
design, user-experience, principles
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm)62
user-experience, redesigning, tips-and-tricks
Clever Code Considered Harmful (jos)61
complexity, maintainability, career
Conditional CSS (sha)60
css
Customizing HTML Form Validation (dav)59
html, forms, validation
Good Design Is Intentional (jon)58
design
Styling Buttons in WordPress Block Themes (css)57
wordpress, theming, buttons, css
Implementing Microservice Architecture in Node.js56
microservices, architecture, nodejs
Building a Design System: Lessons Learned55
lessons, design-systems
Node.js Retro 2022 (nod)54
nodejs, retrospectives
A Software Developer’s Guide to Writing (the)53
guides, writing
Best Node.js Schedulers52
nodejs, cron
Intro to SolidJS: How to Create Fast, Reactive Web Apps51
introductions, solidjs, web-apps
OK LCH, I’m Convinced (jim)50
colors, css
Personas Are Living Documents: Design Them to Evolve (nng)49
usability, personas
Angular vs. AngularJS: 15 Key Differences to Know48
angular, angularjs, comparisons
3D in CSS47
css, 3d
Revolutionizing the Web With WebAssembly: A Comprehensive Guide46
webassembly, guides
Using GitHub Copilot for Unit Testing45
github-copilot, ai, testing
Stock Photos of People With Disabilities (den)44
accessibility, content, images
2022 JavaScript Rising Stars43
javascript, frameworks, react, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives
Design Systems in Practice42
videos, design-systems
When to Use Flexbox and When to Use CSS Grid (log)41
css, flexbox, grids, layout
Infinite Scrolling: When to Use It, When to Avoid It (nng)40
videos, scrolling, usability
Why Web Performance Still Matters in 2023 (sia)39
performance
URI vs. URL: The Main Differences Between URL and URI38
urls, terminology, comparisons
A New Accessibility Strategy for the GOV.UK Design System37
accessibility, strategies, design-systems
A Guide to Getting Data Visualization Right (sma)36
guides, information-design
Every Software Developer Should Write a Blog35
blogging, career, learning
How to Build Great HTML Form Controls (aus/fre)34
how-tos, html, forms
HTML With Superpowers: An Introduction to Web Components (dav)33
books, courses, guides, web-components, introductions
Progressively-Enhanced Dark Mode (dar)32
dark-mode, progressive-enhancement
Understanding Git Through Images31
git
Using “!important” in Cascade Layers (mat)30
css, cascade
Microfeatures I’d Like to See in More Languages (hil)29
programming
When Stakeholders Bypass the Product Owner28
agile, scrum, processes
Use nvm and .nvmrc for a Better JavaScript Development27
nvm, nodejs, javascript
What Does It Look Like for the Web to Lose? (chr)26
web-platform, web
CSS “:has()” Feature Detection With “@supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra)25
css, selectors, feature-detection
5 Web Design Trends to Watch in 202324
design, trends
Creating Tokens for Your Design System With ChatGPT Assistance23
design-tokens, design-systems, ai, chatgpt
7 Required Steps to Secure Your Iframes Security22
iframes, security, xss, html, http-headers, csp
How to Increase Your Chances of Getting Interviews and Job Offers in Tech21
how-tos, career, interviewing
JAWS, NVDA, and VoiceOver Braille Viewers (aar)20
accessibility, screen-readers, jaws, nvda, voiceover
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta)19
template-engines, javascript, mustache, handlebars, nunjucks, pug, marko, comparisons, link-lists
Carry On Testing 2023 (ste/tpg)18
accessibility, testing
Cloning Arrays and Objects in Vanilla JavaScript (cfe)17
javascript, arrays, objects
Conditional API Responses for JavaScript vs. HTML Forms (aus)16
javascript, html, forms, security, comparisons
Quick Thoughts on Typeface and Font Accessibility15
accessibility, fonts, typography
The Expanding Dark Forest and Generative AI (mag)14
ai, web, user-experience
WAI–Adapt Explainer (w3c)13
accessibility
17 Compelling Reasons to Start Ditching TypeScript Now12
typescript
6 Predictions for Web Design in 2023 (web)11
design, outlooks
Priority Hints and Optimizing LCP (kev)10
performance, web-vitals, optimization, hints
The State of Usability in 2023 (vit/sma)9
usability, testing, research
Intro to JavaScript Closures8
introductions, javascript, closures
Measuring an Engineering Organization (let)7
leadership, engineering-management, metrics
Microservices vs. Monolithic Architecture: A Practical Approach6
architecture, microservices, monoliths, comparisons
Radix UI: An Unstyled UI Component Library for React5
libraries, components, react, radix
2022 Year in Review (eva)4
vuejs, retrospectives
A Beginner’s Guide to Link and Text Accessibility (pop)3
guides, accessibility, links, content
Compress an Image Before Upload With JavaScript (rik)2
javascript, file-handling, compression, images
The State of Mobile User Experience (nng)1
research, mobile, user-experience