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 and included. Hide

Frontend Dogma

“2023” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Buttons, Links, and Focus (tem)376
accessibility, semantics, buttons, links, focus
ChatGPT Can Write Good CSS? (zor/css)375
videos, ai, chatgpt, css
How to Use View Transitions in Hotwire Turbo374
how-tos, css, view-transitions, hotwire
How to Use WebSockets in a Redux Application373
how-tos, websockets, redux, react
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)372
videos, web-platform, browsers, economics
My 2023 CSS Wishlist (jim)371
css, wish-lists
PHP Wishlist: The Pipe Operator (seb)370
php, wish-lists
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)369
accessibility, screen-readers, semantics, html
The Return to the Office Could Be the Real Reason for the Slump in Productivity368
productivity
What to Expect From Vue in 2023 and How It Differs From React (ric)367
vuejs, react, comparisons
Writing JavaScript Without a Build System (b0r)366
javascript, building
Scaling Accessibility Through Design Systems (ste+)365
videos, design-systems, accessibility, scalability
A Practical Approach to Automated Accessibility364
accessibility, testing, automation
Angular Reactivity With Signals (ang)363
angular, reactivity, signals
How the Web Works: Understanding the Architecture of the Web362
web-platform, protocols, rendering
Is It Worth Learning JavaScript? Popularity, Salaries, and Future (sta)361
javascript, career
IT Incident Management (tec)360
incident-response
Some of the Future Is Now for CSS: A Postscript (bry)359
css
The User Activation API (mar/web)358
apis, javascript
Automation Is Not the Enemy (kar)357
accessibility, testing, automation
CSS Grid Gap Behavior With Hidden Elements (hex)356
css, grids, layout
CSS Nesting Module (tab+/w3c)355
standards, css, nesting
How to Inspect Interactions in the Browser (bui)354
how-tos, browsers, dev-tools, debugging
Is It Time to Go Back to the Monolith?353
monoliths
Mastodon and Open Graph (drd)352
social-media, mastodon, html, metadata, open-graph
Microsoft to Phase Out Internet Explorer With Newer Edge Browser (the)351
browsers, microsoft, internet-explorer, edge
My CSS Wish List (mat)350
css, wish-lists
The (Extremely) Loud Minority (bel)349
community, communication
Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (ste)348
playwright, monitoring
Well-Known Symbols347
javascript
WordPress Version Control: A Comprehensive Guide346
guides, wordpress, version-control, tooling
The Valley of Sorrow in Learning Programming (fla)345
programming, learning
Container Queries Land in Stable Browsers (una)344
css, container-queries, browsers, support
The Modern Web’s Underrated Powerhouse (kli)343
css
Quick Tip: How to Hash a Password in PHP342
how-tos, php, security, passwords, tips-and-tricks
An Approach to Lazy Loading Custom Elements (css)341
web-components, performance, lazy-loading
An Introduction to HTML Cheat Sheet340
introductions, html, semantics, cheat-sheets
Change Tab Bar Color Dynamically Using JavaScript (ami)339
javascript, colors, theming, browsers
Declarative Shadow DOM (web)338
dom, shadow-dom
Git: How to Skip Hooks (ada)337
how-tos, git
So, What’s Next [for core-js]?336
javascript, foss, community, economics
This Is Why Performance Matters (bel)335
performance, javascript, user-experience
MathML in Chrome334
mathml, browsers, google, chrome, support
Rethinking the Modern Web333
javascript, web-platform, tooling
Sandboxing JavaScript Code332
javascript, security
Starting a New Side Project? Here Are 4 Lightweight CSS Frameworks to Get Up and Running331
frameworks, css, pico, milligram, skeleton, comparisons
Technical Writing Process: How to Write a Good Technical Article330
how-tos, writing, processes
Using the Multi-Keyword Syntax With CSS Display (que/mdn)329
css
A Comparison of SUS, UMUX-LITE, and UEQ-S328
studies, research, user-experience, comparisons
A Minimal, Multi-Framework, Responsive Image Component (asc)327
components, responsive-design, frameworks
Automated Testing Won’t Solve Web Accessibility (yat)326
accessibility, testing, automation
My CSS Wishlist (j9t)325
css, wish-lists
Why Developers Should Learn Docker and Kubernetes in 2023324
docker, kubernetes, containerization
Technical SEO Basics for React Developers323
fundamentals, seo, react
Caching at DEV322
case-studies, caching, performance
Different Ways to Get CSS Gradient Shadows (css/css)321
css, gradients, shadows
Discovering Primitive Objects in JavaScript (sma)320
javascript, objects
Quick Guide for YAML319
guides, yaml
The Case for Frameworks (sel)318
javascript, frameworks, web-platform
Why I’m Not the Biggest Fan of Single Page Applications (mat)317
single-page-apps
You Kinda Want an Orange Favicon (chr)316
images, favicons, browsers, theming
Platform Engineering Teams Done Right… (adr)315
principles, platform-engineering
Foundations: Introduction to WAI–ARIA (ihe/tet)314
accessibility, fundamentals, introductions, aria
Improved Font Fallbacks313
fonts, typography, graceful-degradation
How to Scale Node.js Applications With Clustering (dig)312
how-tos, nodejs, scalability
React.js: The Documentary311
videos, react, history
Can You Be a Designer if You Have No Training? (hen)310
design, career
Classless CSS Frameworks (ami)309
css, frameworks
Moving Backgrounds (css)308
css, backgrounds
My CSS Wishlist (sha)307
css, wish-lists
The Troublesome Life and Lamentable Death of Success Criterion 4.1.1306
accessibility, wcag, conformance, standards
More Control Over “:nth-child()” Selections With the “of S” Syntax (bra)305
css, selectors
What’s New in Lighthouse 10304
release-notes, performance, google, lighthouse
Creating Sites, the Jamstack Way303
tech-stacks, jamstack
CSS Wish List 2023 (mey)302
css, wish-lists
Introduction to Symfony PHP Framework301
introductions, symfony
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)300
code-pens, sliders, css, sass, effects
Try Out CSS Nesting Today (jen/web)299
css, nesting, browsers, support
Use Maps More and Objects Less (ste/bui)298
javascript, objects
Top 13 Node.js Books for Beginners and Advanced Coders297
books, nodejs, link-lists
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
Advanced Figma Prototyping Tips and Tricks288
figma, prototyping, tips-and-tricks
Theming a Design System287
design-systems, theming
Testing Colour Accessibility With Dev Tools (mic)286
accessibility, colors, testing, browsers, dev-tools
How to Add an Event Handler in React285
how-tos, react, dom, events
Modularizing React Applications With Established UI Patterns (mfo)284
react, components, modules
Quick Tip: How to Check if a Variable Is Set in PHP283
how-tos, variables, php, 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
Interop 2023 CMS Checkin (chr)277
interoperability, html, syndication, rss, atom, semantics
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)276
mozilla, browser-engines, servo, browsers
My Favourite 3 Lines of CSS (bel/pic)275
css
Non-Text Content Contrast Also Matters274
accessibility, colors, contrast
Qodana Code Quality Platform—Overview273
videos, overviews, jetbrains, qodana, quality, ci-cd
The Difference Between Iteration and Prototyping272
processes, prototyping, comparisons
The Different Names for Values in CSS (chr)271
css
The “margin-trim” Property (mat)270
css, margins
Testing Vue Components the Right Way269
vuejs, vitest, components, testing
Supporting CSS Multi Direction Languages in 2023268
css, internationalization, logical-properties
Should Inclusive Design Be a UX Concern?267
design, dei, user-experience
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
How to Make a Zoom Effect Using CSS (css)260
how-tos, css, effects
Multi-Threaded React App Using useWorker259
multithreading, react, javascript, web-workers
The Case Against Cycle Time258
productivity, metrics
Typography Manual257
code-pens, typography
Foundation: The Best Framework for Building Responsive Sites256
foundation
How to Build a Static Website255
how-tos, fundamentals
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)254
how-tos, javascript, arrays
The YAML Document From Hell—JavaScript Edition (phi)253
javascript, yaml
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion252
accessibility, wcag, standards
What Is Bootstrap: A Beginner’s Guide251
guides, bootstrap
High Definition CSS Color Guide (arg)250
guides, css, colors
Advice for Engineers, From a Manager (pol)249
tips-and-tricks, career, communication, collaboration
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
Gatsby Is Joining Netlify245
gatsby, netlify
Hex Colors Aren’t Great at Anything Except Being Popular (chr)244
colors, css
How the CSS “box-sizing” Property Works (bel)243
css, box-model
Igalia and Interop 2023 (iga)242
interoperability, web-platform, igalia
Modular Web Design: Flexibility, Examples, and Alternatives241
design
Pushing Interop Forward in 2023 (jon+/web)240
interoperability, web-platform
The Guide to Responsive Design in 2023 and Beyond (sha)239
responsive-design, css
Understanding App Directory Architecture in Next.js (ati/sma)238
architecture, nextjs
Why Is Making a Dark Mode Greyscale So Hard to Get Right?237
dark-mode, contrast, colors, design
The Gotcha With Animating Custom Properties (bra)236
css, animations, custom-properties, performance
Announcing Interop 2023 (moz)235
interoperability, web-platform
Interop 2023 (boc)234
interoperability, web-platform
3 Notion Templates to Better Manage Your Design System233
design-systems, templates, maintenance
Design for AI: What Should People Who Design AI Know?232
design, ai
Screen Reader Quick Guide231
guides, screen-readers
The Future (and the Past) of the Web Is Server Side Rendering (den)230
server-side-rendering, client-side-rendering, history, deno, migrating
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)229
wordpress
Microsoft Edge and Interop 2023228
interoperability, web-platform, browsers, microsoft, edge
Interop 2023: Continuing to Improve the Web for Developers (foo+)227
interoperability, web-platform
Learn Images (wil)226
courses, images, svg, gif, png, jpeg, webp, avif
Quick Tip: How to Manage Timezones in PHP225
how-tos, php, internationalization, tips-and-tricks
6 Approaches for Data Fetching in React224
data-fetching, react
Monitoring Node.js Performance (ano)223
nodejs, performance, monitoring, tooling
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)222
accessibility, ai, chatgpt
Should You Start a Web Development YouTube Channel in 2023? (zor/css)221
videos, career, youtube
Speed for Who? (bel)220
performance, frameworks, developer-experience, user-experience
Typographic Hierarchy in Print, Web, and App Design (pim)219
typography, design, hierarchy
Understanding Color and Accessibility (kat)218
accessibility, colors
Invoking React Components From Your Ember Apps217
emberjs, react, components
External Links: In or Out216
seo, links, accessibility, user-experience
New to the Web Platform in January (rac)215
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
The Ultimate Guide to JavaScript Error Handling (cra)214
guides, javascript, errors
Easy SVG Customization and Animation: A Practical Guide (cod/sma)213
guides, images, svg, animations
19 Must-Visit Sites for Product Design Inspiration212
design, link-lists
Using Local Storage in JavaScript and React211
javascript, react, browser-storage
CSS “color-mix()” (arg)210
css
Léonie Watson on Accessibility (tin+)209
podcasts, interviews, accessibility
What Are HTML5 Semantic Elements?208
html, semantics
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
Screen Readers Support for Text Level HTML Semantics (ste/tpg)195
html, semantics, screen-readers, support
Use the Dialog Element (Reasonably) (sco)194
html, modals, accessibility
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)193
performance
Login Form UI Design Guide192
guides, design, forms
Pointing and Calling and Accessibility Testing191
accessibility, testing
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)190
javascript, callbacks, promises, asynchronicity
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
Release Notes for Safari Technology Preview 162 (jon/web)185
release-notes, browsers, apple, safari
The Modern Way of Serving Images (kur)184
images, html, performance
CSS Layers for CSS Resets183
css, resets
Animating CSS Grid (How-To and Examples) (dxn/css)182
css, grids, layout, examples
“scrollend”, a New JavaScript Event (arg)181
javascript, events
Quick Tip: How to Manage Error Reporting in PHP180
how-tos, php, errors, tips-and-tricks
A Simple Custom (ste)179
forms, accessibility, usability, css
Copying Designs Doesn’t Work, and Here’s Why (sma)178
design, user-experience
Creating a Custom Cursor Using CSS (css)177
cursors, css, images, svg
CSS Wishlist 2023 (dav)176
css, wish-lists
Introduction to Gulp.js: Beginner’s Guide175
introductions, guides, gulp
Locking “body” Scroll for Modals on iOS (jfr)174
scrolling, css, modals
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)173
career
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
Best Browsers For Developers in 2023 (tal)160
browsers, comparisons, firefox, mozilla, polypane, brave, chrome, google
How to Review a Web Site (uxm)159
how-tos, user-experience, performance, seo
Improve Your HTML Semantic With Pico CSS158
html, pico
Is CSS-in-JS Actually Bad? (may)157
css, javascript, css-in-js
Replace “Create React App” Recommendation With Vite156
discussions, react, vite
The History of Internet Explorer and Web Standards (jay/hac)155
history, internet-explorer, microsoft, browsers, standards, web-standards-project, link-lists
Accessibility Tools and Resources for Designers154
tooling, link-lists, design
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
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi142
internationalization, design
Tabs Are Better (bre)141
formatting, accessibility
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
Accessible Writing Is Just Good Writing131
accessibility, writing
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)130
css, tips-and-tricks, forms, print
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)129
javascript, objects
Front-End Is So Much More Than Building Designs (bel)128
processes
On-Scroll Typography Animations (cod)127
typography, animations
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)126
css, selectors
Tips and Tricks for Using Renovate (msf)125
renovate, configuration, tips-and-tricks
Discovering the Capable Web (tom)124
web-platform
6 Common SVG Fails (and How to Fix Them) (css)123
svg, images
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That122
accessibility, information-design
Intro to Wasp—Fullstack App121
videos, introductions, wasp, express, react
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)120
javascript, promises
Scalable CSS (chr)119
css, scalability
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages118
content-delivery, performance, web-vitals, cloudflare
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)117
css, selectors
The Storytelling Power of Simple Design Solutions116
design, simplicity
Can a Bridge Be Unethical?115
design, ethics
The Truth About CSS Selector Performance (pat)114
css, selectors, performance
Quick Tip: How to Read a Local File With PHP113
how-tos, file-handling, php, tips-and-tricks
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
User Style Sheets102
videos, user-styles, css
Using Renovate With Codeberg (nic)101
codeberg, dependencies, maintenance, renovate
Interactive SVG Reference100
svg, images
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
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (nod)95
nodejs, foss, tooling, link-lists
CSS Color Functions and Custom Properties (mat)94
css, colors, functions, custom-properties
Fixing a Memory Leak in a Production Node.js App (ken)93
nodejs, memory
Generics: The Most Intimidating TypeScript Feature (mat)92
videos, typescript, generics
Is TypeScript Worth It?91
discussions, typescript
React, Vite, and TypeScript: Get Started in Under 2 Minutes90
introductions, react, vite, typescript
Top Front-End Tools of 2022 (lou/sma)89
tooling, link-lists
What Can We Really Do About Spam?88
spam, email, sustainability
Sibling Scopes in CSS, Thanks to “:has()” (bra)87
css, selectors
Manual Accessibility Testing86
accessibility, testing
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari)85
cookies, browsers, google
Closed Captions and Subtitles UX (vit/sma)84
accessibility, captions, user-experience
“:has” Is an Unforgiving Selector (geo/css)83
css, selectors
How to Destructure Props in Vue (Composition API)82
how-tos, vuejs, props
JavaScript, Community (zac)81
javascript, community
The Gotcha of Unhandled Promise Rejections (jaf)80
javascript, promises
The Main Areas of WAI–ARIA79
accessibility, aria
The YAML Document From Hell (ruu)78
yaml, standards
The State of JavaScript 2022 [Results] (sac/dev)77
surveys, metrics, javascript
11 Excellent WordPress Themes for 202376
wordpress, themes, link-lists
2023 Design Trends From an Accessibility Perspective75
design, accessibility, trends
CSS “:empty” Isn’t Applicable on Form Fields (hel)74
css, selectors, forms
CSS “:readonly” Is Not for Select Fields (hel)73
css, selectors
Data-Driven Design Systems in Practice72
design-systems
Data URLs and Pool in Your URL (wes)71
html, data-urls
Faking Min Width on a Table Column (css)70
html, tables, css, responsive-design
Why Not “document.write()”? (css)69
javascript, performance
D̶e̶s̶i̶g̶n̶ Token Clusters68
design-tokens
Versioning Design Systems: Best Practices67
design-systems, versioning, best-practices
Set Up a React App With TypeScript in 5 Minutes66
react, vite, typescript
Our Top Core Web Vitals Recommendations for 2023 (phi+)65
performance, web-vitals, best-practices
Quick Tip: How to Filter Data With PHP64
how-tos, php, tips-and-tricks
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
A Software Developer’s Guide to Writing61
guides, writing
Clever Code Considered Harmful (jos)60
complexity, maintainability, career
Conditional CSS (sha)59
css
Customizing HTML Form Validation (dav)58
html, forms, validation
Good Design Is Intentional (jon)57
design
Node.js Retro 2022 (nod)56
nodejs, retrospectives
Styling Buttons in WordPress Block Themes (css)55
wordpress, theming, buttons, css
Building a Design System: Lessons Learned54
lessons, design-systems
Implementing Microservice Architecture in Node.js53
microservices, architecture, nodejs
3D in CSS52
css
Best Node.js Schedulers51
nodejs, cron
Intro to SolidJS: How to Create Fast, Reactive Web Apps50
introductions, solidjs, web-apps
OK LCH, I’m Convinced (jim)49
colors, css
Personas Are Living Documents: Design Them to Evolve (nng)48
usability, personas
Angular vs. AngularJS: 15 Key Differences to Know47
angular, angularjs, comparisons
Revolutionizing the Web With WebAssembly: A Comprehensive Guide46
webassembly, guides
Stock Photos of People With Disabilities (den)45
accessibility, content, images
Using GitHub Copilot for Unit Testing44
github-copilot, ai, testing
2022 JavaScript Rising Stars43
javascript, frameworks, react, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives
A New Accessibility Strategy for the GOV.UK Design System42
accessibility, strategies, design-systems
Design Systems in Practice41
videos, design-systems
URI vs. URL: The Main Differences Between URL and URI40
urls, terminology, comparisons
When to Use Flexbox and When to Use CSS Grid (log)39
css, flexbox, grids, layout
Why Web Performance Still Matters in 2023 (sia)38
performance
Infinite Scrolling: When to Use It, When to Avoid It (nng)37
videos, scrolling, usability
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
7 Required Steps to Secure Your Iframes Security27
iframes, security, xss, html, http-headers, csp
How to Increase Your Chances of Getting Interviews and Job Offers in Tech26
how-tos, career, interviewing
JAWS, NVDA, and VoiceOver Braille Viewers (aar)25
accessibility, screen-readers, jaws, nvda, voiceover, apple
Use nvm and .nvmrc for a Better JavaScript Development24
nvm, nodejs, javascript
What Does It Look Like for the Web to Lose? (chr)23
web-platform, web
Creating Tokens for Your Design System With ChatGPT Assistance22
design-tokens, design-systems, ai, chatgpt
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta)21
template-engines, javascript, mustache, handlebars, nunjucks, pug, marko, comparisons, link-lists
CSS “:has()” Feature Detection With “@supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra)20
css, selectors, feature-detection
5 Web Design Trends to Watch in 202319
design, trends
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
Radix UI: An Unstyled UI Component Library for React9
libraries, components, react, radix
The State of Usability in 2023 (vit/sma)8
usability, testing, research
Intro to JavaScript Closures7
introductions, javascript, closures
Measuring an Engineering Organization (let)6
leadership, engineering-management, metrics
Microservices vs. Monolithic Architecture: A Practical Approach5
architecture, microservices, monoliths, comparisons
2022 Year in Review (eva)4
vuejs, retrospectives
A Beginner’s Guide to Link and Text Accessibility (pop)3
guides, accessibility, links, content
The State of Mobile User Experience (nng)2
research, mobile, user-experience
Compress an Image Before Upload With JavaScript (rik)1
javascript, file-handling, compression, images