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