Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, ostracize. Hide

Frontend Dogma

“2022” News Archive (4)

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