Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2023” News Archive (6)

Entry (Sources) and Additional TopicsDate#
How to Use WebSockets in a Redux Application372
how-tos, websockets, redux, react
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)371
videos, web-platform, browsers, economics
My 2023 CSS Wishlist (jim)370
css, wish-lists
PHP Wishlist: The Pipe Operator (seb)369
php, wish-lists
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)368
accessibility, screen-readers, semantics, html
The Return to the Office Could Be the Real Reason for the Slump in Productivity367
productivity
What to Expect From Vue in 2023 and How It Differs From React (ric/the)366
vuejs, react, comparisons
Writing JavaScript Without a Build System (b0r)365
javascript, building
Scaling Accessibility Through Design Systems (ste+)364
videos, design-systems, accessibility, scalability
A Practical Approach to Automated Accessibility363
accessibility, testing, automation
Angular Reactivity With Signals (ang)362
angular, reactivity, signals
How the Web Works: Understanding the Architecture of the Web361
web-platform, protocols, rendering
Is It Worth Learning JavaScript? Popularity, Salaries, and Future (sta)360
javascript, career
IT Incident Management (tec)359
incident-response
Some of the Future Is Now for CSS: A Postscript (bry)358
css
The User Activation API (mar/web)357
apis, javascript
Automation Is Not the Enemy (kar)356
accessibility, testing, automation
Container Queries Land in Stable Browsers (una/dev)355
css, container-queries, browsers, support
CSS Grid Gap Behavior With Hidden Elements (hex)354
css, grids, layout
CSS Nesting Module (tab+/w3c)353
standards, css, nesting
How to Inspect Interactions in the Browser (bui)352
how-tos, browsers, dev-tools, debugging
Is It Time to Go Back to the Monolith?351
monoliths
Mastodon and Open Graph (drd)350
social-media, mastodon, html, metadata, open-graph
Microsoft to Phase Out Internet Explorer With Newer Edge Browser (the)349
browsers, microsoft, internet-explorer, edge
My CSS Wish List (mat)348
css, wish-lists
The (Extremely) Loud Minority (bel)347
community, communication
The Modern Web’s Underrated Powerhouse (kli/git)346
css
Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (ste)345
playwright, monitoring
Well-Known Symbols344
javascript
WordPress Version Control: A Comprehensive Guide343
guides, wordpress, version-control, tooling
Quick Tip: How to Hash a Password in PHP342
how-tos, php, security, passwords, tips-and-tricks
The Valley of Sorrow in Learning Programming (fla)341
programming, learning
An Approach to Lazy Loading Custom Elements (css)340
web-components, performance, lazy-loading
An Introduction to HTML Cheat Sheet339
introductions, html, semantics, cheat-sheets
Change Tab Bar Color Dynamically Using JavaScript (ami)338
javascript, colors, theming, browsers
Declarative Shadow DOM (web)337
dom, shadow-dom
Git: How to Skip Hooks (ada)336
how-tos, git
So, What’s Next [for core-js]?335
javascript, foss, community, economics
This Is Why Performance Matters (bel)334
performance, javascript, user-experience
MathML in Chrome333
mathml, browsers, google, chrome, support
Rethinking the Modern Web332
javascript, web-platform, tooling
Sandboxing JavaScript Code331
javascript, security
Starting a New Side Project? Here Are 4 Lightweight CSS Frameworks to Get Up and Running330
frameworks, css, pico, milligram, skeleton, comparisons
Technical Writing Process: How to Write a Good Technical Article329
how-tos, writing, processes
Using the Multi-Keyword Syntax With CSS Display (que/mdn)328
css
A Comparison of SUS, UMUX-LITE, and UEQ-S327
studies, research, user-experience, comparisons
A Minimal, Multi-Framework, Responsive Image Component (asc)326
components, responsive-design, frameworks
Automated Testing Won’t Solve Web Accessibility (yat)325
accessibility, testing, automation
My CSS Wishlist (j9t)324
css, wish-lists
Why Developers Should Learn Docker and Kubernetes in 2023323
docker, kubernetes, containerization
Technical SEO Basics for React Developers322
fundamentals, seo, react
Caching at DEV321
case-studies, caching, performance
Different Ways to Get CSS Gradient Shadows (css/css)320
css, gradients, shadows
Discovering Primitive Objects in JavaScript (sma)319
javascript, objects
How to Scale Node.js Applications With Clustering318
how-tos, nodejs, scalability
Improved Font Fallbacks (dev)317
fonts, typography, graceful-degradation
Quick Guide for YAML316
guides, yaml
React.js: The Documentary315
videos, react, history
The Case for Frameworks (sel)314
javascript, frameworks, web-platform
Why I’m Not the Biggest Fan of Single Page Applications (mat)313
single-page-apps
You Kinda Want an Orange Favicon (chr)312
images, favicons, browsers, theming
Platform Engineering Teams Done Right… (adr)311
principles, platform-engineering
Foundations: Introduction to WAI–ARIA (ihe/tet)310
accessibility, fundamentals, introductions, aria
Can You Be a Designer if You Have No Training? (hen)309
design, career
Classless CSS Frameworks (ami)308
css, frameworks
More Control Over “:nth-child()” Selections With the “of S” Syntax (bra/dev)307
css, selectors
Moving Backgrounds (css)306
css, backgrounds
My CSS Wishlist (sha)305
css, wish-lists
What’s New in Lighthouse 10 (dev)304
release-notes, performance, google, lighthouse
The Troublesome Life and Lamentable Death of Success Criterion 4.1.1303
accessibility, wcag, conformance, standards
Creating Sites, the Jamstack Way302
tech-stacks, jamstack
CSS Wish List 2023 (mey)301
css, wish-lists
Introduction to Symfony PHP Framework300
introductions, symfony
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)299
code-pens, sliders, css, sass, effects
Top 13 Node.js Books for Beginners and Advanced Coders298
books, nodejs, link-lists
Try Out CSS Nesting Today (jen/web)297
css, nesting, browsers, support
Use Maps More and Objects Less (ste/bui)296
javascript, objects
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)295
css, colors, contrast, backgrounds, strategies
Focus Appearance Thoughts (ala)294
accessibility, focus, css
How to Build Accessible Main Navigation? (iod)293
how-tos, accessibility, navigation
How to Write Semantic CSS (kev)292
videos, how-tos, css, semantics
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)291
browsers, browser-engines, mozilla, google, apple, webkit
Nest.js Crash Course—Introduction and Setup290
videos, crash-courses, introductions, nestjs
Table of Contents Progress Animation (kev)289
html, css, javascript, animations, progress-indicators
The Story of the World Wide Web (jay)288
books, web, history, browsers, standards, css, community, browser-wars
Quick Tip: How to Check if a Variable Is Set in PHP287
how-tos, variables, php, tips-and-tricks
Advanced Figma Prototyping Tips and Tricks (uxd)286
figma, prototyping, tips-and-tricks
Theming a Design System (uxd)285
design-systems, theming
Testing Colour Accessibility With Dev Tools (mic)284
accessibility, colors, testing, browsers, dev-tools
How to Add an Event Handler in React283
how-tos, react, dom, events
Modularizing React Applications With Established UI Patterns (mfo)282
react, components, modules
A Historical Reference of React Criticism (zac)281
react, history
Building a Dev Blog With the Pelican Static Site Generator (djr)280
site-generators, blogging
Frontend Frameworks for Web-App Development (uxm)279
frameworks, web-apps
How to Build a Magazine Layout With CSS Grid Areas (sma)278
how-tos, layout, css, grids
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)277
how-tos, images, favicons
Interop 2023 CMS Checkin (chr)276
interoperability, html, syndication, rss, atom, semantics
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)275
mozilla, browser-engines, servo, browsers
My Favourite 3 Lines of CSS (bel/pic)274
css
Non-Text Content Contrast Also Matters273
accessibility, colors, contrast
Qodana Code Quality Platform—Overview272
videos, overviews, jetbrains, qodana, quality, ci-cd
The Difference Between Iteration and Prototyping271
processes, prototyping, comparisons
The Different Names for Values in CSS (chr)270
css
The “margin-trim” Property (mat)269
css, margins
Testing Vue Components the Right Way268
vuejs, vitest, components, testing
Supporting CSS Multi Direction Languages in 2023267
css, internationalization, logical-properties
Should Inclusive Design Be a UX Concern? (uxd)266
design, dei, user-experience
How to Pick a Font (That Doesn’t Suck)265
how-tos, guides, fonts, typography
React Anti-Patterns and Best Practices—Dos and Don’ts264
react, anti-patterns, best-practices
Speeding Up the JavaScript Ecosystem—ESLint (mar)263
javascript, performance, eslint, linting
Discovery in Agile (nng)262
agile, processes
Rotating Gallery With CSS Scroll-Driven Animations (jhe)261
html, css, javascript, animations, scrolling
The Market for Lemons (sli)260
web-platform, javascript, frameworks
How to Make a Zoom Effect Using CSS (css)259
how-tos, css, effects
Multi-Threaded React App Using useWorker258
multithreading, react, javascript, web-workers
The Case Against Cycle Time257
productivity, metrics
Typography Manual256
code-pens, typography
Advice for Engineers, From a Manager (pol)255
tips-and-tricks, career, communication, collaboration
Foundation: The Best Framework for Building Responsive Sites254
foundation
High Definition CSS Color Guide (arg/dev)253
guides, css, colors
How to Build a Static Website252
how-tos, fundamentals
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)251
how-tos, javascript, arrays
The YAML Document From Hell—JavaScript Edition (phi)250
javascript, yaml
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion249
accessibility, wcag, standards
What Is Bootstrap: A Beginner’s Guide248
guides, bootstrap
Caching Data in SvelteKit (ada/css)247
caching, sveltekit
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)246
javascript, data-fetching
Don’t Use Return Types, Unless… (mat)245
videos, typescript
Gatsby Is Joining Netlify244
gatsby, netlify
Hex Colors Aren’t Great at Anything Except Being Popular (chr)243
colors, css
How the CSS “box-sizing” Property Works (bel)242
css, box-model
Igalia and Interop 2023 (iga)241
interoperability, web-platform, igalia
Interop 2023: Continuing to Improve the Web for Developers (foo+/dev)240
interoperability, web-platform
Learn Images (wil/dev)239
courses, images, svg, gif, png, jpeg, webp, avif
Microsoft Edge and Interop 2023 (mic)238
interoperability, web-platform, browsers, microsoft, edge
Modular Web Design: Flexibility, Examples, and Alternatives237
design
Pushing Interop Forward in 2023 (jon+/web)236
interoperability, web-platform
The Guide to Responsive Design in 2023 and Beyond (sha)235
responsive-design, css
Understanding App Directory Architecture in Next.js (ati/sma)234
architecture, nextjs
Why Is Making a Dark Mode Greyscale So Hard to Get Right?233
dark-mode, contrast, colors, design
Quick Tip: How to Manage Timezones in PHP232
how-tos, php, internationalization, tips-and-tricks
The Gotcha With Animating Custom Properties (bra)231
css, animations, custom-properties, performance
Announcing Interop 2023 (moz)230
interoperability, web-platform
Interop 2023 (boc)229
interoperability, web-platform
3 Notion Templates to Better Manage Your Design System228
design-systems, templates, maintenance
Design for AI: What Should People Who Design AI Know? (uxd)227
design, ai
Screen Reader Quick Guide226
guides, screen-readers
The Future (and the Past) of the Web Is Server Side Rendering (den)225
server-side-rendering, client-side-rendering, history, deno, migrating
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)224
wordpress
6 Approaches for Data Fetching in React223
data-fetching, react
Monitoring Node.js Performance (ano)222
nodejs, performance, monitoring, tooling
New to the Web Platform in January (rac/dev)221
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)220
accessibility, ai, chatgpt
Should You Start a Web Development YouTube Channel in 2023? (zor/css)219
videos, career, youtube
Speed for Who? (bel)218
performance, frameworks, developer-experience, user-experience
The Ultimate Guide to JavaScript Error Handling (cra)217
guides, javascript, errors
Typographic Hierarchy in Print, Web, and App Design (pim)216
typography, design, hierarchy
Understanding Color and Accessibility (kat)215
accessibility, colors
Invoking React Components From Your Ember Apps214
emberjs, react, components
External Links: In or Out213
seo, links, accessibility, user-experience
CSS “color-mix()” (arg/dev)212
css
Easy SVG Customization and Animation: A Practical Guide (cod/sma)211
guides, images, svg, animations
19 Must-Visit Sites for Product Design Inspiration (uxd)210
design, link-lists
Using Local Storage in JavaScript and React209
javascript, react, browser-storage
Léonie Watson on Accessibility (tin+)208
podcasts, interviews, accessibility
What Are HTML5 Semantic Elements?207
html, semantics
New WCAG 2.2 Features Rated (yat)206
accessibility, wcag, standards
You’ve Got Options for Removing Event Listeners (mac)205
javascript, events
An Introduction to MIME Types204
introductions, mime-types
10 GitHub Repositories You Should Know as a JavaScript Developer203
javascript, cheat-sheets, best-practices, link-lists, github
Accessible Hamburger Buttons Without JavaScript202
accessibility, javascript, navigation
Git Commit Patterns201
git, commit-messages, documentation
HTML Input Types (mar)200
html, forms
Is It a Bad Idea to Use “target="_blank"” for Links in an Email?199
email, links, user-experience
The Pros and Cons of Responsive Web Design in 2023 (web)198
responsive-design
Container Queries and Typography (fon)197
css, container-queries, typography
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)196
design-systems, css, custom-properties, contrast, colors
Optimal Images in HTML (ste/bui)195
html, images, backgrounds, performance, optimization
Screen Readers Support for Text Level HTML Semantics (ste/tpg)194
html, semantics, screen-readers, support
Use the Dialog Element (Reasonably) (sco)193
html, modals, accessibility
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)192
performance
Login Form UI Design Guide (uxd)191
guides, design, forms
Pointing and Calling and Accessibility Testing190
accessibility, testing
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)189
javascript, callbacks, promises, asynchronicity
10 Web Development Trends in 2023 (rwi)188
trends, frameworks, tooling, javascript, monorepos, presentational-html, ai, code-completion
A “nth-child” CSS Trick (kev)187
css, selectors, tips-and-tricks
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)186
accessibility, wcag, standards
Musing Upon an “[alt]” Text Badge on Images (chr)185
accessibility, html, css
Release Notes for Safari Technology Preview 162 (jon/web)184
release-notes, browsers, apple, safari
“scrollend”, a New JavaScript Event (arg/dev)183
javascript, events
The Modern Way of Serving Images (kur)182
images, html, performance
Quick Tip: How to Manage Error Reporting in PHP181
how-tos, php, errors, tips-and-tricks
CSS Layers for CSS Resets180
css, resets
Animating CSS Grid (How-To and Examples) (dxn/css)179
css, grids, layout, examples
A Simple Custom (ste)178
forms, accessibility, usability, css
Copying Designs Doesn’t Work, and Here’s Why (sma)177
design, user-experience
Creating a Custom Cursor Using CSS (css)176
cursors, css, images, svg
CSS Wishlist 2023 (dav)175
css, wish-lists
Introduction to Gulp.js: Beginner’s Guide174
introductions, guides, gulp
Locking “body” Scroll for Modals on iOS (jfr)173
scrolling, css, modals
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)172
career
3 Essential Design Trends, January 2023 (web)171
design, trends
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)170
accessibility, wcag, standards
Creating a Community That Values Accessibility (web)169
accessibility, community
CSS Art Tutorial: Create a Cute Cartoon Creature168
tutorials, css, art
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)167
css, colors, color-palettes
If You Need a Link, Don’t Use a Button (tem)166
html, semantics, links, buttons, accessibility
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)165
internationalization, domains
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)164
css, selectors
Making Sense of TypeScript Using Set Theory163
typescript
Ship Small, Ship Fast162
releasing
Visual Design Rules You Can Safely Follow Every Time161
design
Easy Dynamic Social Sharing Image With Eleventy160
eleventy, social-media, images, tooling
Best Browsers For Developers in 2023 (tal)159
browsers, comparisons, firefox, mozilla, polypane, brave, chrome, google
How to Review a Web Site (uxm)158
how-tos, user-experience, performance, seo
Improve Your HTML Semantic With Pico CSS157
html, pico
Is CSS-in-JS Actually Bad? (may)156
css, javascript, css-in-js
Replace “Create React App” Recommendation With Vite155
discussions, react, vite
The History of Internet Explorer and Web Standards (jay/hac)154
history, internet-explorer, microsoft, browsers, standards, web-standards-project, link-lists
Accessibility Tools and Resources for Designers153
tooling, link-lists, design
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)152
accessibility, tooling, testing, automation
Web Accessibility Global Usage Survey151
surveys, accessibility
Web Scraping—A Complete Guide150
guides, scraping
How to Use Pico CSS and Next.js?149
how-tos, pico, nextjs
15 Must-Have Cheatsheets for Developers148
cheat-sheets, link-lists
More Real-World Uses for “:has()” (css)147
css, selectors
So You Want to Make a New JS Framework (dav)146
javascript, frameworks
The Key to Good Component Design Is Selfishness (sma)145
components, developer-experience, maintainability
Unordered Lists in Main Navigations (mat)144
html, lists, navigation, semantics
What Is a Core Update? (moz)143
seo
Cascading Components—a Way to Organize Figma Component Variants142
components, figma
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd)141
internationalization, design
Tabs Are Better (bre)140
formatting, accessibility
Building Reliable Distributed Systems in Node.js139
nodejs
“::backdrop” Doesn’t Inherit From Anywhere (kil)138
css
Comparing Manual and Free Automated WCAG Reviews (aar)137
accessibility, wcag, auditing, comparisons
Don’t Target 100% Coverage136
testing, code-coverage
Optimize Time to First Byte (mal/dev)135
performance, optimization
Three Attributes for Better Web Forms (ada)134
forms, html, attributes
Two Ways to Safely Break a Long Word in HTML (ami)133
html
Unlocking Security Updates for Transitive Dependencies With npm (git)132
npm, dependencies, security, maintenance
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
Discovering the Capable Web (tom/dev)128
web-platform
Front-End Is So Much More Than Building Designs (bel)127
processes
On-Scroll Typography Animations (cod)126
typography, animations
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)125
css, selectors
Tips and Tricks for Using Renovate (msf)124
renovate, configuration, tips-and-tricks
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
The Truth About CSS Selector Performance (pat/mic)118
css, selectors, performance
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages117
content-delivery, performance, web-vitals, cloudflare
Quick Tip: How to Read a Local File With PHP116
how-tos, file-handling, php, tips-and-tricks
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)115
css, selectors
The Storytelling Power of Simple Design Solutions (uxd)114
design, simplicity
Can a Bridge Be Unethical?113
design, ethics
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
Interactive SVG Reference104
svg, images
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)103
javascript, performance, modules, esm, commonjs
The Only Markdown Cheatsheet You Will Ever Need102
markdown, cheat-sheets
User Style Sheets101
videos, user-styles, css
Using Renovate With Codeberg (nic)100
codeberg, dependencies, maintenance, renovate
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
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari/dev)94
cookies, browsers, google
CSS Color Functions and Custom Properties (mat)93
css, colors, functions, custom-properties
Fixing a Memory Leak in a Production Node.js App (ken)92
nodejs, memory
Generics: The Most Intimidating TypeScript Feature (mat)91
videos, typescript, generics
Is TypeScript Worth It?90
discussions, typescript
Manual Accessibility Testing (dev)89
accessibility, testing
React, Vite, and TypeScript: Get Started in Under 2 Minutes88
introductions, react, vite, typescript
Top Front-End Tools of 2022 (lou/sma)87
tooling, link-lists
What Can We Really Do About Spam?86
spam, email, sustainability
Sibling Scopes in CSS, Thanks to “:has()” (bra)85
css, selectors
11 Excellent WordPress Themes for 202384
wordpress, themes, link-lists
Closed Captions and Subtitles UX (vit/sma)83
accessibility, captions, user-experience
“:has” Is an Unforgiving Selector (geo/css)82
css, selectors
How to Destructure Props in Vue (Composition API)81
how-tos, vuejs, props
JavaScript, Community (zac)80
javascript, community
The Gotcha of Unhandled Promise Rejections (jaf)79
javascript, promises
The Main Areas of WAI–ARIA78
accessibility, aria
The YAML Document From Hell (ruu)77
yaml, standards
The State of JavaScript 2022 [Results] (sac/dev)76
surveys, metrics, javascript
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
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)69
performance, web-vitals, best-practices
Why Not “document.write()”? (css)68
javascript, performance
Quick Tip: How to Filter Data With PHP67
how-tos, php, tips-and-tricks
D̶e̶s̶i̶g̶n̶ Token Clusters (uxd)66
design-tokens
Versioning Design Systems: Best Practices65
design-systems, versioning, best-practices
Set Up a React App With TypeScript in 5 Minutes64
react, vite, typescript
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
Implementing Microservice Architecture in Node.js56
microservices, architecture, nodejs
Node.js Retro 2022 (nod)55
nodejs, retrospectives
Styling Buttons in WordPress Block Themes (css)54
wordpress, theming, buttons, css
Building a Design System: Lessons Learned (uxd)53
lessons, design-systems
3D in CSS52
css
Angular vs. AngularJS: 15 Key Differences to Know51
angular, angularjs, comparisons
Best Node.js Schedulers50
nodejs, cron
Intro to SolidJS: How to Create Fast, Reactive Web Apps49
introductions, solidjs, web-apps
OK LCH, I’m Convinced (jim)48
colors, css
Personas Are Living Documents: Design Them to Evolve (nng)47
usability, personas
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
5 Web Design Trends to Watch in 202327
design, trends
7 Required Steps to Secure Your Iframes Security26
iframes, security, xss, html, http-headers, csp
How to Increase Your Chances of Getting Interviews and Job Offers in Tech25
how-tos, career, interviewing
JAWS, NVDA, and VoiceOver Braille Viewers (aar)24
accessibility, screen-readers, jaws, nvda, voiceover, apple
Use nvm and .nvmrc for a Better JavaScript Development23
nvm, nodejs, javascript
What Does It Look Like for the Web to Lose? (chr)22
web-platform, web
CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra)21
css, selectors, feature-detection
Creating Tokens for Your Design System With ChatGPT Assistance (uxd)20
design-tokens, design-systems, ai, chatgpt
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
Microservices vs. Monolithic Architecture: A Practical Approach10
architecture, microservices, monoliths, comparisons
Priority Hints and Optimizing LCP (kev)9
performance, web-vitals, optimization, hints
Radix UI: An Unstyled UI Component Library for React8
libraries, components, react, radix
The State of Usability in 2023 (vit/sma)7
usability, testing, research
Intro to JavaScript Closures6
introductions, javascript, closures
Measuring an Engineering Organization (let)5
leadership, engineering-management, metrics
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