Frontend Dogma

“2022” Archive (4)

Entry (Sources) and Other Related TopicsDate#
When Life Gives You Lemons, Write Better Error Messages1,345
,
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,344
, , , , ,
The “details” and “summary” Elements, Again (sco)1,343
, ,
Which Fonts to Use for Your Charts and Tables1,342
, ,
My Five Biggest Design System Mistakes1,341
,
Best Practices for Creating a Modern npm Package (sny)1,340
,
Justin Yarbrough Talks About Alt Text1,339
, , , ,
Ladybird: A New Cross-Platform Browser Project1,338
,
The Seventh Way to Call a JavaScript Function Without Parentheses1,337
,
Nuclear Footnotes (mey)1,336
,
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo1,335
, , , , ,
Your Next.js Bundle Will Thank You1,334
, ,
Mastering DOM Manipulation With Vanilla JavaScript1,333
,
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard1,332
,
Antipersonas: What, How, Who, and Why?1,331
,
Make It Short—Make It Better1,330
,
Converting PNG Images to WebP Using PHP (ami)1,329
, , , ,
Node Version Manager—nvm Install Guide (fre)1,328
, ,
How to Monitor a Next.js Application1,327
, ,
A Guide to Choosing the Right React State Management Solution (log)1,326
, ,
Button Minimum Width (sha)1,325
,
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)1,324
, , ,
How I Made a Pure CSS Puzzle Game (css/css)1,323
CSS “line-height” (mar)1,322
,
Fresh 1.1—Automatic JSX, Plugins, DevTools, and More (lca/den)1,321
,
Me and React: 5 Years in 15 Minutes1,320
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (uxd)1,319
, ,
Lightning CSS1,318
, ,
12 Modern UI Components to Inspire Your Future Designs1,317
,
Text Is the Universal Interface1,316
What’s New With Forms in 2022? (oll/css)1,315
, ,
A Quick Primer on Testing JavaScript (cfe)1,314
, ,
Are Modals in Web Design a UX Disaster? (web)1,313
, , ,
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (int)1,312
,
Rewriting Tests From Cypress to Playwright Using GPT31,311
, , , , ,
Detect When Users Switch Tabs Using JavaScript1,310
How Your Favourite UI Libraries Manage Their Icons (and)1,309
, , ,
Dependabot Unlocks Transitive Dependencies for npm Projects (git)1,308
, ,
Building the Main Navigation for a Website (mat/dev)1,307
, ,
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau)1,306
, , , , , ,
An Attempt at Outlining the Many Factors Influencing Developer Experience (j9t)1,305
,
W3C Accessibility Maturity Model (w3c)1,304
, , ,
Introducing Signals1,303
, , ,
How to Build Event-Driven Architecture on AWS?1,302
, , ,
Hacking CSS Animation State and Playback Time (css)1,301
,
The Stubborn Computing Manifesto1,300
The Realities and Myths of Contrast and Color (sma)1,299
, , ,
So Your Designer Wants Stuff to Overlap (hui)1,298
,
Rewrite Your Git History in 4 Friendly Commands (whi)1,297
,
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)1,296
, , ,
Critical CSS? Not So Fast! (css)1,295
,
A Whole Cascade of Layers (mia)1,294
,
Dreamy Blur1,293
, ,
The Art of Writing Secrets: Encryption for JavaScript Developers1,292
, ,
A/B Testing in 7 Steps to Quickly Improve Your Conversions (uxm)1,291
, ,
Understanding Regulatory Compliance and Making It Work on Your Web Site (uxm)1,290
,
Top 5 Technology Trends in UX Design (uxm)1,289
, ,
HTML Markup Tips for Developing Accessible Websites (low/the)1,288
, ,
Getting Started With MathML (mdn)1,287
,
5 Reasons to Invest in User Experience (uxm)1,286
A Beginner’s Guide to Design Tokens (uxd)1,285
,
Infinite Scrolling: When to Use It, When to Avoid It1,284
, ,
Prestige Is the Designer’s Achilles’ Heel (uxd)1,283
A Content Warning Component (kit)1,282
, ,
Git Cheatsheet1,281
, ,
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,280
, , ,
Dear Oracle, Please Release the JavaScript Trademark (tin)1,279
, , ,
Big O Notation Basics Made Dead Simple1,278
,
The Accessibility and Usability Journey of Drupal’s Primary Navigation (sma)1,277
, ,
What Is a Webmention and How Do I Use It in WordPress?1,276
,
Is It “:modal”? (jhe/dev)1,275
, ,
Focus Appearance Explained (tem)1,274
, , ,
“Accessibility at the Edge” W3C CG Is an Overlay Smoke Screen (aar)1,273
, , ,
How I Maintain OSS Projects1,272
,
Useful JavaScript Data Grid Libraries (sma)1,271
, , , ,
Default Exports in JavaScript Modules Are Terrible1,270
Is Design Thinking Overhyped? (uxd)1,269
How Is This Possible With CSS Only?! (kev)1,268
, , , ,
Don’t Overwrite Visual Labels With “aria-label” (ash)1,267
, , ,
DevTools Tips: How to Inspect and Debug CSS Flexbox (dev)1,266
, , , , , , ,
Comparing JAWS, NVDA, and VoiceOver (css)1,265
, , , , , ,
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1,264
, , ,
Accessible Lists and Tables (pop)1,263
, , ,
Small Steps: Celebrating Four Accessibility Wins (red)1,262
,
4 Ways to Minimize Your Dependencies in Node.js (app)1,261
, ,
Neutrality Isn’t an Option When It Comes to Accessibility (kar)1,260
An Argument Against CSS Opacity (tpg)1,259
, , ,
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1,258
, , , , , ,
Cypress Testing: A Guide to Running Web Application Tests1,257
, ,
Understanding “useMemo” and “useCallback” (jos)1,256
,
Things Not Available When Someone Blocks All Cookies (tom)1,255
Interpolating Numeric CSS Variables (geo/css)1,254
,
CSS Container Queries Are Finally Here (sha)1,253
,
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility1,252
,
What Makes A Great Toggle Button? II (sma)1,251
, ,
Should I Use a Button or a Link? (ash)1,250
, , ,
Parents Counting Children in CSS (mat)1,249
,
Monitor Events and Function Calls via Console (dav)1,248
, ,
The Three Laws of Utility Classes (jar)1,247
,
An Ideal REST API—Best Practices1,246
, ,
Making a Twitter Bot in the Year 2022 With Node.js1,245
,
On Design System Support1,244
Using Grid Named Areas to Visualize (and Reference) Your Layout (css)1,243
, , ,
Be Good-Argument-Driven, Not Data-Driven1,242
,
What Is Closed Captioning?1,241
, ,
Modern Alternatives to BEM (dav)1,240
, , , ,
Implementing Promisable “setTimeout”1,239
CSS Classes Considered Harmful1,238
,
Complex Conditional Width Using “flex-basis” With “clamp” (hey)1,237
,
20 Principles I Learned From 10 Years of Developing Software1,236
Why Your Website Should Be Under 14 kB in Size1,235
,
Short Note on “figure” and “figcaption” (ste)1,234
,
Installing and Running Node.js Bin Scripts (rau)1,233
, ,
Designing Better Error Messages UX (vit/sma)1,232
, , ,
What Customer-First Web Design Looks Like (web)1,231
,
The Design Principle Paradox (uxd)1,230
,
What Is a REST API? (cra)1,229
, ,
5 Quick Ways to Check Your Site Against New WCAG 2.2 Standards1,228
, ,
Why Every University Needs an Accessible Standard Website Template1,227
, ,
Tracking the World in About 80 Lines of JavaScript (kzi)1,226
,
TIL: You Can Access a User’s Camera With Just HTML (aus)1,225
,
Measure What You Impact, Not What You Influence (css)1,224
, ,
Creative List Styling (mic/dev)1,223
, ,
Accessibility and Supporting Internet Explorer (gra/tet)1,222
, , , ,
What’s the Value of a Design System? (ben+/sma)1,221
, ,
Scaling SCM Front-End Design With a Design System1,220
,
A Handy Use for Cascade Layers (mic)1,219
,
How to Use localStorage in JavaScript: An Easy Guide1,218
, , ,
Does Accessibility Stifle the Creative Process?1,217
, ,
Exploring the Underrated “output” Element1,216
8 Tricks for SVG Optimization (uxd)1,215
, , ,
Class-Less CSS Frameworks1,214
, , ,
Design Systems: Prototyping on Steroids (uxd)1,213
,
Why User Personas Matter in UX Design (uxm)1,212
, , ,
Prepare for WCAG 2.2 and Beyond1,211
, , ,
Learn 5 Optimization Tips for Webpack Step by Step1,210
, ,
What Makes a Great Toggle Button? (sma)1,209
, ,
Meet the Top Layer: A Solution to “z-index: 10000” (jhe/dev)1,208
,
Mac VoiceOver Testing the Simple Way (spa/clo)1,207
, , , ,
CSS Grid and Custom Shapes II (css/css)1,206
, ,
Conducting an Effective Web-Site UX Audit (uxm)1,205
,
Bring Focus to the First Form Field With an Error (aar)1,204
, ,
Advanced TypeScript Patterns: API Contracts1,203
,
You’re Not Using HTTP Status Codes Right1,202
,
A Guide to Using User-Experience Research Methods1,201
, ,
A Simple “clamp()” Function in PHP (ami)1,200
,
Scaling a System1,199
,
React Query vs. SWR1,198
, , ,
Re-Implementing JavaScript’s “==” in JavaScript (eva)1,197
,
Optimize Data Fetching1,196
,
An Introduction to Context Propagation in JavaScript (sma)1,195
,
When Do You Use CSS Columns? (geo/css)1,194
,
Using “:has()” as a CSS Parent Selector and Much More (jen/web)1,193
,
Use the Right Container Query Syntax (mia/odd)1,192
,
Inclusion Beats Optimization (eri)1,191
, ,
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (cra)1,190
,
Dependency Injection in JS/TS1,189
,
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)1,188
, ,
Outline Is Your Friend (mat)1,187
,
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)1,186
, ,
Better Conditionals in CSS Media Queries With Range Syntax (ami)1,185
, ,
Introduction to Screen Readers (Desktop Edition) (bru)1,184
, , , ,
Color and Contrast1,183
, , ,
Why React Re-Renders (jos)1,182
,
Designing a Better Back Button UX (vit/sma)1,181
, ,
Top 9 Ways to Become a Successful Self-Taught Developer1,180
,
What Are Design Tokens?1,179
Building Accessible Select Components in React1,178
, , ,
Table Column Alignment With Variable Transforms (mey)1,177
, , , ,
CSS Grid and Custom Shapes (css/css)1,176
, ,
Check Heading Accessibility Using the WAVE Tool (pop)1,175
, , , , ,
Accessible User Experience and A/B Testing1,174
, , ,
What Was That Media Query Code Again?1,173
, ,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1,172
, ,
5 Modern CLI Tools That Help Boost Your Productivity1,171
,
(Re-)Introducing Gatsby, a Reactive Site Generator1,170
, , , , ,
Websites: Past and Present1,169
, ,
An Introduction to Constraint Based Design Systems1,168
,
If You’re Not Checking, You’re Guessing1,167
,
Automation and Accessibility—What You Need to Know1,166
, ,
The Console API1,165
, ,
On Ratings and Meters (lea)1,164
, ,
Custom Event Naming Conventions (cfe)1,163
, ,
Creative CSS Layout (mic/css)1,162
, , ,
Modern CSS Selectors (cra)1,161
,
How and Why We Removed jQuery From GOV.UK1,160
, ,
TypeScript vs. JavaScript: Which One You Should Use, and Why1,159
, ,
Results of Quick Testing of Documentation Tools’ Accessibility1,158
, ,
TypeScript: It’s Not Actually Validating Your Types1,157
,
Do You Know About “overflow: clip”? (kil)1,156
,
Designing for Long-Form Articles (css)1,155
,
Here, Here, and Here (tem)1,154
Stream Videos With WebRTC API and React (cod)1,153
, , ,
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1,152
, , ,
The Death of Mozilla Is the Death of the Open Web1,151
,
Accessibility Is Writing1,150
,
Defining “Integration” Tests1,149
SEO Links Obfuscation and Accessibility Problems1,148
, , ,
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)1,147
, ,
How to Research Components and Patterns: Common Challenges and How to Overcome Them1,146
, ,
Brief Note on Calendar Tables (aar)1,145
, ,
Zooming Images in a Grid Layout (css/css)1,144
, ,
The JavaScript Paradox (rya/thi)1,143
Dark Mode With Design Tokens (luk/uxd)1,142
,
5 Good Practices to Scale Your React Projects Easily1,141
, ,
Bringing Perspective to CSS1,140
No Demo [Website] Reno (mia)1,139
,
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1,138
, ,
The Infinite Marquee1,137
, ,
How to Use Multithreading in Node.js1,136
, ,
Polyhierarchy in Information Architecture1,135
,
How I Added Scroll Snapping to My Twitter Timeline (sim/css)1,134
, ,
One-Dimensional Website Optimization Considered Harmful (j9t)1,133
,
What Are Best Practices for Creating Alt Text?1,132
, , , ,
Light/Dark Mode1,131
, ,
Not All Zeros Are Equal (mia/odd)1,130
AI-Generated Images From AI-Generated Alt Text (aar)1,129
, , , ,
5 Heading Accessibility Issues and How to Fix Them (pop)1,128
, ,
Migration From jQuery to Next.js: A Guide (sma)1,127
, , ,
One Year of Coding—Recommendations for Beginners From a Beginner1,126
, ,
Introducing the New npm Dependency Selector Syntax (git)1,125
,
“:has()”: The Family Selector (jhe/dev)1,124
,
Introduction to SolidJS1,123
,
Popular Node.js Patterns and Tools to Re-Consider1,122
,
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)1,121
, ,
Making a Website Under 1 kB1,120
, ,
Finer Grained Control Over CSS Transforms With Individual Transform Properties (bra+/dev)1,119
,
IE: RIP or BRB? (bru)1,118
, , , ,
Ruby Styling (ri/web)1,117
, ,
Fluid Sizing Instead of Multiple Media Queries? (sma)1,116
,
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (css/css)1,115
, ,
CSS Border Animations (bra/dev)1,114
, ,
The Importance of Clean Code in Your Startup’s Success1,113
Fitts’s Law and Its Applications in UX1,112
,
An Introduction to Webmention1,111
,
Firefox (and Other Browsers), Forgotten? (col)1,110
, , ,
Checking if a JavaScript Native Function Is Monkey Patched1,109
,
How to Add a Subtle Gradient on Top of an Image Using CSS1,108
, ,
10+ Things I Always Set Up in Git When I Prepare a New Environment1,107
, ,
Which Generator Builds Markdown the Fastest? (zac)1,106
, , ,
Use the Active Voice to Transform Your Design System Documentation (amy)1,105
, ,
The Horizontal Overflow Problem (hui)1,104
,
When Will Scrum Die?1,103
, , ,
Detecting CSS Selector Support With JavaScript1,102
, , ,
8 Simple Steps to Complete a Technical SEO Audit1,101
,
Adding Observability to Your Jest Tests1,100
, , ,
Quick Tip: Negative Animation Delay (mic)1,099
, ,
The Advanced Guide to the CSS “:has()” Selector (log)1,098
, ,
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1,097
,
Recreating MDN’s Truncated Text Effect (geo/css)1,096
, ,