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 respect and accountability. Hide

Frontend Dogma

“2023” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Top Ten Popular Static Site Generators (SSG) in 2023390
static-site-generation, site-generators, comparisons, jekyll, eleventy, hugo, gatsby, nextjs, nuxt, link-lists
CSS Through the Ages389
css, history
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)388
guides, carousels, accessibility, html, user-experience
If You’re Going to Do a Job, Do It Properly (tem)387
accessibility, css
Unlocking the Power of Design to Help Users Make Smart Decisions (web)386
design, tips-and-tricks
Resizing With CSS (mic)385
css, resizing
Declarative Shadow DOM (dev+)384
shadow-dom, dom, html
Don’t Use 403s or 404s for Rate Limiting (met)383
http, content-delivery, rate-limiting, google, search, seo
Software Accessibility for Users With Attention Deficit Disorder (ADHD)382
accessibility
Using Node Watch Instead of Nodemon381
nodejs, tooling
Encapsulating CSS With Shadow DOM380
shadow-dom, dom, css, javascript
How to Build Offline Web Applications379
how-tos, offline, web-apps
Buttons, Links, and Focus (tem)378
accessibility, semantics, buttons, links, focus
ChatGPT Can Write Good CSS? (zor/css)377
videos, ai, chatgpt, css
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)376
videos, web-platform, browsers, economics
My 2023 CSS Wishlist (jim)375
css, wish-lists
PHP Wishlist: The Pipe Operator (seb)374
php, wish-lists
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)373
accessibility, screen-readers, semantics, html
Writing JavaScript Without a Build System (b0r)372
javascript, building
Scaling Accessibility Through Design Systems (ste+)371
videos, design-systems, accessibility, scalability
What to Expect From Vue in 2023 and How It Differs From React370
vuejs, react, comparisons
The Return to the Office Could Be the Real Reason for the Slump in Productivity369
productivity
Building an Animated SVG Logo With animejs368
svg, images, logos, animations, vuejs
How to Use View Transitions in Hotwire Turbo367
how-tos, css, view-transitions, hotwire
How to Use WebSockets in a Redux Application366
how-tos, websockets, redux, react
The User Activation API (mar/web)365
apis, javascript
A Practical Approach to Automated Accessibility (ste)364
accessibility, testing, automation
Some of the Future Is Now for CSS: A Postscript (bry)363
css
Is It Worth Learning JavaScript? Popularity, Salaries, and Future (sta)362
javascript, career
How the Web Works: Understanding the Architecture of the Web361
web-platform, protocols, rendering
IT Incident Management (tec)360
incident-response
Angular Reactivity With Signals (ang)359
angular, reactivity, signals
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
Mastodon and Open Graph (drd)355
social-media, mastodon, html, metadata, open-graph
My CSS Wish List (mat)354
css, wish-lists
The (Extremely) Loud Minority (bel)353
community, communication
The Valley of Sorrow in Learning Programming (fla)352
programming, learning
Container Queries Land in Stable Browsers (una)351
css, container-queries, browsers, support
The Modern Web’s Underrated Powerhouse (kli)350
css
Quick Tip: How to Hash a Password in PHP349
how-tos, php, security, passwords, tips-and-tricks
Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (ste)348
playwright, monitoring
WordPress Version Control: A Comprehensive Guide347
guides, wordpress, version-control, tooling
Is It Time to Go Back to the Monolith? (deb)346
monoliths
Well-Known Symbols345
javascript
How to Inspect Interactions in the Browser (bui)344
how-tos, browsers, dev-tools, debugging
Microsoft to Phase Out Internet Explorer With Newer Edge Browser (the)343
browsers, microsoft, internet-explorer, edge
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
Git: How to Skip Hooks (ada)340
how-tos, git
This Is Why Performance Matters (bel)339
performance, javascript, user-experience
An Introduction to HTML Cheat Sheet338
introductions, html, semantics, cheat-sheets
So, What’s Next [for core-js]?337
javascript, foss, community, economics
Declarative Shadow DOM (web)336
dom, shadow-dom
Starting a New Side Project? Here Are 4 Lightweight CSS Frameworks to Get Up and Running335
frameworks, css, pico, milligram, skeleton, comparisons
Using the Multi-Keyword Syntax With CSS Display (que/mdn)334
css
MathML in Chrome333
mathml, browsers, chrome, support
Rethinking the Modern Web332
javascript, web-platform, tooling
Technical Writing Process: How to Write a Good Technical Article331
how-tos, writing, processes
Sandboxing JavaScript Code (hea)330
javascript, security
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
Technical SEO Basics for React Developers326
fundamentals, seo, react
A Comparison of SUS, UMUX-LITE, and UEQ-S325
studies, research, user-experience, comparisons
Why Developers Should Learn Docker and Kubernetes in 2023324
docker, kubernetes, containerization
Different Ways to Get CSS Gradient Shadows (css/css)323
css, gradients, shadows
Discovering Primitive Objects in JavaScript (sma)322
javascript, objects
Quick Guide for YAML321
guides, yaml
The Case for Frameworks (sel)320
javascript, frameworks, web-platform
Why I’m Not the Biggest Fan of Single Page Applications (mat)319
single-page-apps
You Kinda Want an Orange Favicon (chr)318
images, favicons, browsers, theming
Platform Engineering Teams Done Right… (adr)317
principles, platform-engineering
Foundations: Introduction to WAI–ARIA (ihe/tet)316
accessibility, fundamentals, introductions, aria
How to Scale Node.js Applications With Clustering (dig)315
how-tos, nodejs, scalability
React.js: The Documentary314
videos, react, history
Improved Font Fallbacks313
fonts, typography, graceful-degradation
Caching at DEV312
case-studies, caching, performance
Can You Be a Designer if You Have No Training? (hen)311
design, career
Classless CSS Frameworks (ami)310
css, frameworks
My CSS Wishlist (sha)309
css, wish-lists
The Troublesome Life and Lamentable Death of Success Criterion 4.1.1308
accessibility, wcag, conformance, standards
More Control Over “:nth-child()” Selections With the “of S” Syntax (bra)307
css, selectors
What’s New in Lighthouse 10306
release-notes, performance, lighthouse
Moving Backgrounds (css)305
css, backgrounds
CSS Wish List 2023 (mey)304
css, wish-lists
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)303
code-pens, sliders, css, sass, effects
Try Out CSS Nesting Today (jen/web)302
css, nesting, browsers, support
Use Maps More and Objects Less (ste/bui)301
javascript, objects
Top 13 Node.js Books for Beginners and Advanced Coders300
books, nodejs, link-lists
Avoiding the Success Trap: Toward Policy for Open-Source Software as Infrastructure (atl)299
foss, security, infrastructure, policies, concepts
Creating Sites, the Jamstack Way298
tech-stacks, jamstack
Introduction to Symfony PHP Framework297
introductions, symfony
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 Write Semantic CSS (kev)294
videos, how-tos, css, semantics
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)293
browsers, browser-engines, mozilla, google, apple, webkit
Table of Contents Progress Animation (kev)292
html, css, javascript, animations, progress-indicators
The Story of the World Wide Web (jay)291
books, web, history, browsers, standards, css, community, browser-wars
Testing Colour Accessibility With Dev Tools (mic)290
accessibility, colors, testing, browsers, dev-tools
How to Add an Event Handler in React289
how-tos, react, dom, events
Modularizing React Applications With Established UI Patterns (mfo)288
react, components, modules
Quick Tip: How to Check if a Variable Is Set in PHP287
how-tos, variables, php, tips-and-tricks
Theming a Design System286
design-systems, theming
Advanced Figma Prototyping Tips and Tricks285
figma, prototyping, tips-and-tricks
How to Build Accessible Main Navigation? (iod)284
how-tos, accessibility, navigation
Nest.js Crash Course—Introduction and Setup283
videos, crash-courses, introductions, nestjs
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 Favicon in 2023: Six Files That Fit Most Needs (sit/evi)279
how-tos, images, favicons
My Favourite 3 Lines of CSS (bel/pic)278
css
The Different Names for Values in CSS (chr)277
css
The “margin-trim” Property (mat)276
css, margins
Testing Vue Components the Right Way275
vuejs, vitest, components, testing
Supporting CSS Multi Direction Languages in 2023274
css, internationalization, logical-properties
Qodana Code Quality Platform—Overview (jet)273
videos, overviews, qodana, quality, ci-cd
Interop 2023 CMS Checkin (chr)272
interoperability, html, rss, atom, semantics
Non-Text Content Contrast Also Matters271
accessibility, colors, contrast
How to Build a Magazine Layout With CSS Grid Areas (sma)270
how-tos, layout, css, grids
Should Inclusive Design Be a UX Concern?269
design, dei, user-experience
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)268
mozilla, browser-engines, servo, browsers
The Difference Between Iteration and Prototyping267
processes, prototyping, comparisons
Speeding Up the JavaScript Ecosystem—ESLint (mar)266
javascript, performance, eslint, linting
Discovery in Agile (nng)265
agile, processes
React Anti-Patterns and Best Practices—Dos and Don’ts264
react, anti-patterns, best-practices
How to Pick a Font (That Doesn’t Suck)263
how-tos, guides, fonts, typography
The Market for Lemons (sli)262
web-platform, javascript, frameworks
Rotating Gallery With CSS Scroll-Driven Animations (jhe)261
html, css, javascript, animations, scrolling
The Case Against Cycle Time260
productivity, metrics
How to Make a Zoom Effect Using CSS (css)259
how-tos, css, effects
Typography Manual258
code-pens, typography
Multi-Threaded React App Using useWorker257
multithreading, react, javascript, web-workers
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
High Definition CSS Color Guide (arg)254
guides, css, colors
Advice for Engineers, From a Manager (pol)253
tips-and-tricks, career, communication, collaboration
Foundation: The Best Framework for Building Responsive Sites252
foundation
How to Build a Static Website251
how-tos, fundamentals
What Is Bootstrap: A Beginner’s Guide250
guides, bootstrap
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion249
accessibility, wcag, standards
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
The Gotcha With Animating Custom Properties (bra)239
css, animations, custom-properties, performance
Announcing Interop 2023 (moz)238
interoperability, web-platform
Interop 2023 (boc)237
interoperability, web-platform
The Future (and the Past) of the Web Is Server Side Rendering (den)236
server-side-rendering, client-side-rendering, history, deno, migrating
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)235
wordpress
Microsoft Edge and Interop 2023234
interoperability, web-platform, browsers, microsoft, edge
Learn Images (wil)233
courses, images, svg, gif, png, jpeg, webp, avif
Quick Tip: How to Manage Timezones in PHP232
how-tos, php, internationalization, tips-and-tricks
Interop 2023: Continuing to Improve the Web for Developers (foo+)231
interoperability, web-platform
Gatsby Is Joining Netlify230
gatsby, netlify
Pushing Interop Forward in 2023 (jon+/web)229
interoperability, web-platform
Screen Reader Quick Guide228
guides, screen-readers, accessibility
Why Is Making a Dark Mode Greyscale So Hard to Get Right?227
dark-mode, contrast, colors, design
3 Notion Templates to Better Manage Your Design System226
design-systems, templates, maintenance
Design for AI: What Should People Who Design AI Know?225
design, ai
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)224
accessibility, ai, chatgpt
Should You Start a Web Development YouTube Channel in 2023? (zor/css)223
videos, career, youtube
Speed for Who? (bel)222
performance, frameworks, developer-experience, user-experience
Typographic Hierarchy in Print, Web, and App Design (pim)221
typography, design, hierarchy
Understanding Color and Accessibility (kat)220
accessibility, colors
External Links: In or Out219
seo, links, accessibility, user-experience
The Ultimate Guide to JavaScript Error Handling (cra)218
guides, javascript, errors
Monitoring Node.js Performance (ano)217
nodejs, performance, monitoring, tooling, nsolid
Invoking React Components From Your Ember Apps216
emberjs, react, components
6 Approaches for Data Fetching in React215
data-fetching, react
New to the Web Platform in January214
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
Accessible Hamburger Buttons Without JavaScript204
accessibility, javascript, navigation
HTML Input Types (mar)203
html, forms
The Pros and Cons of Responsive Web Design in 2023 (web)202
responsive-design
Is It a Bad Idea to Use “target="_blank"” for Links in an Email?201
email, links, user-experience
Git Commit Patterns200
git, commit-messages, documentation
10 GitHub Repositories You Should Know as a JavaScript Developer199
javascript, cheat-sheets, best-practices, link-lists, github
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
Screen Readers Support for Text Level HTML Semantics (ste/tpg)192
html, semantics, screen-readers, support, accessibility
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)191
javascript, callbacks, promises, asynchrony
Login Form UI Design Guide190
guides, design, forms
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
CSS Wishlist 2023 (dav)178
css, wish-lists
Locking “body” Scroll for Modals on iOS (jfr)177
scrolling, css, modals
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)176
career
Creating a Custom Cursor Using CSS (css)175
cursors, css, images, svg
Introduction to Gulp.js: Beginner’s Guide174
introductions, guides, gulp
Copying Designs Doesn’t Work, and Here’s Why (sma)173
design, user-experience
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)172
accessibility, wcag, standards
Creating a Community That Values Accessibility (web)171
accessibility, community
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)170
css, colors, color-palettes
If You Need a Link, Don’t Use a Button (tem)169
html, semantics, links, buttons, accessibility
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)168
internationalization, domains
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)167
css, selectors
Easy Dynamic Social Sharing Image With Eleventy166
eleventy, social-media, images, tooling
Making Sense of TypeScript Using Set Theory165
typescript
3 Essential Design Trends, January 2023 (web)164
design, trends
CSS Art Tutorial: Create a Cute Cartoon Creature163
tutorials, css, art
Ship Small, Ship Fast162
releasing
Visual Design Rules You Can Safely Follow Every Time161
design
How to Review a Web Site (uxm)160
how-tos, user-experience, performance, seo
Is CSS-in-JS Actually Bad? (may)159
css, javascript, css-in-js
Accessibility Tools and Resources for Designers158
tooling, link-lists, design
Best Browsers For Developers in 2023 (tal)157
browsers, comparisons, firefox, polypane, brave, chrome
The History of Internet Explorer and Web Standards (jay/hac)156
history, internet-explorer, browsers, standards, web-standards-project, link-lists
Replace “Create React App” Recommendation With Vite (rea)155
discussions, react, vite
Improve Your HTML Semantic With Pico CSS154
html, pico
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)153
accessibility, tooling, testing, automation
Web Accessibility Global Usage Survey152
surveys, accessibility
How to Use Pico CSS and Next.js?151
how-tos, pico, nextjs
Web Scraping—A Complete Guide150
guides, scraping
More Real-World Uses for “:has()” (css)149
css, selectors
So You Want to Make a New JS Framework (dav)148
javascript, frameworks
Unordered Lists in Main Navigations (mat)147
html, lists, navigation, semantics
Cascading Components—a Way to Organize Figma Component Variants146
components, figma
Tabs Are Better (bre)145
formatting, accessibility
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi144
internationalization, design
Building Reliable Distributed Systems in Node.js143
nodejs, reliability
15 Must-Have Cheatsheets for Developers142
cheat-sheets, link-lists
What Is a Core Update? (moz)141
seo
The Key to Good Component Design Is Selfishness (sma)140
components, developer-experience, maintainability
“::backdrop” Doesn’t Inherit From Anywhere (kil)139
css
Comparing Manual and Free Automated WCAG Reviews (aar)138
accessibility, wcag, auditing, comparisons
Two Ways to Safely Break a Long Word in HTML (ami)137
html
Optimize Time to First Byte (mal)136
performance, optimization
On the Layout of Tests (yeg)135
programming, testing
Don’t Target 100% Coverage134
testing, code-coverage
Unlocking Security Updates for Transitive Dependencies With npm133
npm, dependencies, security, maintenance
Three Attributes for Better Web Forms132
forms, html, attributes
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
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)128
css, selectors
Tips and Tricks for Using Renovate (msf)127
renovate, configuration, tips-and-tricks
Discovering the Capable Web (tom)126
web-platform
Accessible Writing Is Just Good Writing125
accessibility, writing
On-Scroll Typography Animations (cod)124
typography, animations
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)123
javascript, promises
Scalable CSS (chr)122
css, scalability
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages121
content-delivery, performance, web-vitals, cloudflare
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)120
css, selectors
Can a Bridge Be Unethical?119
design, ethics
The Truth About CSS Selector Performance (pat)118
css, selectors, performance
Quick Tip: How to Read a Local File With PHP117
how-tos, file-handling, php, tips-and-tricks
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That116
accessibility, information-design
6 Common SVG Fails (and How to Fix Them) (css)115
svg, images
Intro to Wasp—Fullstack App114
videos, introductions, wasp, express, react
The Storytelling Power of Simple Design Solutions113
design, simplicity
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
CSS Nesting Is Coming (alv)106
css, nesting
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)105
javascript, performance, modules, esm, commonjs
Using Renovate With Codeberg (nic)104
codeberg, dependencies, maintenance, renovate
Interactive SVG Reference103
svg, images
User Style Sheets102
videos, user-styles, css
The Only Markdown Cheatsheet You Will Ever Need101
markdown, cheat-sheets
Complete Guide to Make You a Regex Guru100
guides, regex
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor99
principles, maintainability
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe)98
javascript, arrays
Succeed as a Junior Developer97
career
Foundations: Visible Focus Styles (tet)96
accessibility, fundamentals, focus, css
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 URLs and Pool in Your URL (wes)73
html, data-urls
Faking Min Width on a Table Column (css)72
html, tables, css, responsive-design
Why Not “document.write()”? (css)71
javascript, performance
Versioning Design Systems: Best Practices70
design-systems, versioning, best-practices
Set Up a React App With TypeScript in 5 Minutes69
react, vite, typescript
Our Top Core Web Vitals Recommendations for 2023 (phi+)68
performance, web-vitals, best-practices
Quick Tip: How to Filter Data With PHP67
how-tos, php, tips-and-tricks
2023 Design Trends From an Accessibility Perspective66
design, accessibility, trends
Data-Driven Design Systems in Practice65
design-systems
D̶e̶s̶i̶g̶n̶ Token Clusters64
design-tokens
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm)63
user-experience, redesigning, tips-and-tricks
Clever Code Considered Harmful (jos)62
complexity, maintainability, career
Conditional CSS (sha)61
css
Customizing HTML Form Validation (dav)60
html, forms, validation
Good Design Is Intentional (jon)59
design
Implementing Microservice Architecture in Node.js58
microservices, architecture, nodejs
Node.js Retro 2022 (nod)57
nodejs, retrospectives
A Software Developer’s Guide to Writing (the)56
guides, writing
Styling Buttons in WordPress Block Themes (css)55
wordpress, theming, buttons, css
7 Principles of Design Psychology Every UX Designer Should Know (uxm)54
design, user-experience, principles
Building a Design System: Lessons Learned53
lessons, design-systems
Best Node.js Schedulers52
nodejs, cron
OK LCH, I’m Convinced (jim)51
colors, css
Angular vs. AngularJS: 15 Key Differences to Know50
angular, angularjs, comparisons
3D in CSS49
css, 3d
Intro to SolidJS: How to Create Fast, Reactive Web Apps48
introductions, solidjs, web-apps
Personas Are Living Documents: Design Them to Evolve (nng)47
usability, personas
Using GitHub Copilot for Unit Testing46
github-copilot, ai, testing
Stock Photos of People With Disabilities (den)45
accessibility, content, images
Revolutionizing the Web With WebAssembly: A Comprehensive Guide44
webassembly, guides
Infinite Scrolling: When to Use It, When to Avoid It (nng)43
videos, scrolling, usability
Why Web Performance Still Matters in 2023 (sia)42
performance
URI vs. URL: The Main Differences Between URL and URI41
urls, terminology, comparisons
A New Accessibility Strategy for the GOV.UK Design System40
accessibility, strategies, design-systems
Design Systems in Practice39
videos, design-systems
When to Use Flexbox and When to Use CSS Grid (log)38
css, flexbox, grids, layout
2022 JavaScript Rising Stars37
javascript, frameworks, react, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives
How to Build Great HTML Form Controls (aus/fre)36
how-tos, html, forms
HTML With Superpowers: An Introduction to Web Components (dav)35
books, courses, guides, web-components, introductions
Progressively-Enhanced Dark Mode (dar)34
dark-mode, progressive-enhancement
Understanding Git Through Images33
git
Using “!important” in Cascade Layers (mat)32
css, cascade
Microfeatures I’d Like to See in More Languages (hil)31
programming
When Stakeholders Bypass the Product Owner30
agile, scrum, processes
A Guide to Getting Data Visualization Right (sma)29
guides, information-design
Every Software Developer Should Write a Blog28
blogging, career, learning
What Does It Look Like for the Web to Lose? (chr)27
web-platform, web
CSS “:has()” Feature Detection With “@supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra)26
css, selectors, feature-detection
5 Web Design Trends to Watch in 202325
design, trends
Creating Tokens for Your Design System With ChatGPT Assistance24
design-tokens, design-systems, ai, chatgpt
7 Required Steps to Secure Your Iframes Security23
iframes, security, xss, html, http-headers, csp
How to Increase Your Chances of Getting Interviews and Job Offers in Tech22
how-tos, career, interviewing
JAWS, NVDA, and VoiceOver Braille Viewers (aar)21
accessibility, screen-readers, jaws, nvda, voiceover
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta)20
template-engines, javascript, mustache, handlebars, nunjucks, pug, marko, comparisons, link-lists
Use nvm and .nvmrc for a Better JavaScript Development19
nvm, nodejs, javascript
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
The Expanding Dark Forest and Generative AI (mag)15
ai, web, user-experience
WAI–Adapt Explainer (w3c)14
accessibility
Quick Thoughts on Typeface and Font Accessibility13
accessibility, fonts, typography
6 Predictions for Web Design in 2023 (web)12
design, outlooks
Priority Hints and Optimizing LCP (kev)11
performance, web-vitals, optimization, hints
The State of Usability in 2023 (vit/sma)10
usability, testing, research
Measuring an Engineering Organization (let)9
leadership, engineering-management, metrics
Microservices vs. Monolithic Architecture: A Practical Approach8
architecture, microservices, monoliths, comparisons
Radix UI: An Unstyled UI Component Library for React7
libraries, components, react, radix
17 Compelling Reasons to Start Ditching TypeScript Now6
typescript
Intro to JavaScript Closures5
introductions, javascript, closures
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