Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (4)

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