Frontend Dogma

“2022” Archive (4)

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