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 🇵🇸 Petition, protest, boycott, divest, sanction. Hide

Frontend Dogma

“2022” News Archive (8)

Entry (Sources) and Other Related TopicsDate#
What Are Micro-Frontends?345
Aligning Content in Different Wrappers (sha)344
, ,
Explaining Micro Frontends as Simply as Possible343
Update Node Dependencies Automatically, Selectively, or Incrementally342
, , ,
Tao of Node—Design, Architecture, and Best Practices341
, ,
When or If (mey)340
It Needs to Map Back to a Role (eri)339
, , ,
In Defense of Sass (5t3)338
,
How to Use Spectator to Test Your Angular Components337
, , , ,
20 Productivity Tips From Developers to Developers336
,
Giving New Meanings to the Color Functions in CSS (alv)335
, ,
The Future of Web Accessibility: WCAG 3.0 (for)334
, ,
42 Tips for Getting Good at DevOps and Life333
, , ,
Add Data to a Google Sheet From a Node.js Backend332
,
Where TypeScript Excels (the)331
,
Horizontal Scrolling Nav (mdo)330
,
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax329
, ,
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack328
, ,
CommonJS (CJS) and Modules (ESM): Import Compatibility327
, , ,
Digging Into CSS Media Queries (kil)326
, ,
You Don’t Always Need a CMS325
Carousels: No One Likes You324
, , ,
Don’t Alienate Your User: A Primer for Internationalisation and Localisation323
, , ,
Accumulation of Tech Debt (mfo)322
Ten Years of Page Bloat: What Have We Learned? (spe)321
, ,
An Introduction to User Journey Maps (ste)320
, , ,
WebGPU—All of the Cores, None of the Canvas (sur)319
, ,
A Look at the Dialog Element’s Super Powers (ste)318
, ,
Session Timeouts (pat/tet)317
, ,
An Introduction to AWS CloudFront Functions (hon)316
, , , ,
10 Amazing Games to Learn CSS315
,
Designing the User Experience of a Rating System (uxd)314
,
Using HTTPS in Your Development Environment313
, ,
Moderated Versus Unmoderated Usability Testing (uxm)312
, ,
Performance Signals for Customizing Website UX (tun/sma)311
, , ,
Optimizing a Web Site for Google’s New UX Criteria (uxm)310
, , ,
My Dev Content Creation Journey and Tips for Starting Yours (5t3)309
, , ,
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)308
, ,
A New Speed Milestone for Chrome (dev)307
, , ,
7 Ways to Achieve a Faster Core Web Vitals Score (hac)306
,
Alternatives to Pagination on Product-Listing Pages305
, , ,
Why I Avoid “async”/“await”304
,
The Basics—Generics in PHP303
, , ,
Creating Native Web Components (cod)302
, ,
Dive Into Node.js Streams (nod)301
,
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+/dev)300
, ,
Accessibility and Limited Fine Motor Skills299
How to Design Better APIs298
, ,
Remix vs. Next.js297
, ,
How to Prevent SQL Injection Attacks in Node.js296
, , , ,
It’s Always Been You, Canvas2D (dev)295
, , ,
The Best Design System Is No System294
The Importance of Screen Reader Software for Web Navigation293
, ,
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)292
, ,
How to Use Higher-Order Functions in JavaScript291
, ,
How Many Hyperlinks Are Too Many for Accessibility?290
,
Taming CSS Variables With Web Inspector (web)289
, , ,
Progressive Enhancement, the New Hotness (cfe)288
How to Make a “Raise the Curtains” Effect in CSS (cit/css)287
, ,
How Do Primitive Values Get Their Properties? (rau)286
Simple Color System for Complex Digital Interfaces285
, , ,
What’s Really Going On Inside Your node_modules Folder? (soc)284
, ,
New CSS Features in 2022 (mic/sma)283
5 Things You Don’t Need JavaScript For282
Foundations: Headings (tet)281
, , , ,
How to Build a File Upload Service With Vanilla JavaScript (log)280
, ,
Essential Cryptography for JavaScript Developers279
, ,
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)278
, ,
(Not So) Short Note on Being Owned (ste)277
, ,
HTML Tips and Tricks276
,
How to Publish Deno Modules to npm (kit/den)275
, , , ,
Accessibility Checklist: Five Things Usually Left Out (uxd)274
,
A Recipe for a Good Design System (ati/sma)273
Should Frontend Devs Care About Performance?272
Solid.js Feels Like What I Always Wanted React to Be271
, ,
CSS “content” Property270
Importing ES6 Modules Over HTTP/HTTPS in Node.js269
, ,
Higher-Order Components in React Hooks Era (ade)268
, ,
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)267
, , , ,
4 Simple Ways to Improve Web Accessibility266
,
Overlay Position and Recommendations265
,
Screaming Architecture—Evolution of a React Folder Structure264
,
When to Avoid the “text-decoration” Shorthand Property (sim/css)263
,
How I Structure My React Projects262
,
Understanding Dependencies Inside Your package.json (nod)261
, , ,
Accessibility and Inclusivity in Practice260
, ,
Deploying a React Application to Netlify259
, , ,
Moving From Next to Remix258
, , ,
A Complete Guide to CSV Files in Node.js (log)257
, , ,
How to Fix Your Security Vulnerabilities With npm Override256
, , , ,
HTML Comments Work in JavaScript Too255
, ,
Container Queries, the Next Step Towards a Truly Modular CSS254
, ,
5 Accessibility Quick Wins You Can Implement Today (css)253
Can You Get Pwned With CSS?252
,
How to Make MPAs That Are as Fast as SPAs (cfe)251
, , ,
Reliably Send an HTTP Request as a User Leaves a Page (css)250
15 Useful Placeholder Tools for Designers and Developers249
, , , , ,
Comparing Gatsby and Next.js for Website Development248
, , ,
How to Prioritize Your Components (zer)247
, , ,
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)246
, , , ,
Design Systems in Figma: How to Be More Productive (uxd)245
, , ,
Inclusive Design vs. Accessible Design: Understanding the Differences244
, , ,
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results243
, , ,
What Is Responsible JavaScript? (mal+/sma)242
,
Turning the Tables on Accessibility (the)241
The Case for Adding Validation State to Your Design Tokens (eri)240
,
Support for Marking Radio Buttons Required, Invalid (aar)239
,
SPAs Were a Mistake (cfe)238
,
How Websites Die237
,
Writing Logic in CSS236
Let’s Get Inclusive: Designing Products for Everyone (uxm)235
,
Design System: How to Successfully Collaborate? (uxd)234
, ,
CSS Quick Tip: Animating in a Newly Added Element (5t3)233
, ,
A Complete Guide to CSS Cascade Layers (mia/css)232
, ,
Invisible Characters231
,
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)230
, , , ,
Column Headers and Browser Support (aar)229
, ,
How to Consume Microformats2 Data (mic)228
, , , ,
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations227
,
React State Management Libraries in 2022226
, ,
There Is No Character Limit for “Alt Text” (yat)225
, , ,
Minimum Static Site Setup With Sass (5t3)224
Comparing Node JavaScript to JavaScript in the Browser (css)223
, , ,
JavaScript Obfuscation: The Definitive Guide (2022)222
, ,
Using “mask” as “clip-path”221
, ,
Core Web Vitals: What Next? (moz)220
, ,
Structuring Documentation in Multi-Brand Design Systems (amy)219
,
Web Developers and Cognitive Biases218
,
What Makes Writing More Readable?217
,
How to Create a Search Page for a Static Website With Vanilla JS (cfe)216
, , , ,
How To: Correctly Test for Python’s Version (tab)215
, , ,
Flexbox Dynamic Line Separator (sha)214
,
The State of JavaScript 2021 [Results] (sac/dev)213
,
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”212
, ,
Track Down the JavaScript Code Responsible for Polluting the Global Scope211
,
7 Lessons I’ve Learned in the Last Year as a Software Engineer210
,
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?209
, ,
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)208
, ,
Browsers for People Who Just Want a Browser (nei)207
, , , , ,
The Basics of package.json (nod)206
, , , ,
Never, Ever, Ever Use Pixelation for Redacting Text205
, , ,
Introducing Progressive Web Apps (nit)204
, ,
Version 100 in Chrome and Firefox203
, , , , ,
Colors That Make Sense202
, ,
Foundations: Colour and Meaning (tet)201
, ,
10 Mental Models Developers Can Use to Get Unstuck200
7 Killer One-Liners in JavaScript199
WCAG 2.2 Update198
,
Functions and the Future of Design Systems197
The Entire Cascade (as a Funnel) (mia)196
, ,
Using the Language Attribute to Make Your Website Accessible (cra)195
, , ,
Multi-Value CSS Properties With Optional Custom Property Values (css)194
,
Introducing PHP: A Beginner’s Guide193
, ,
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)192
, ,
WebDex: Web Specs Index (don)191
,
Hello, CSS Cascade Layers (sha)190
,
How to Keep Your Repo Package Dependencies Up to Date Automatically189
, , ,
Moving From JavaScript to TypeScript188
,
Release Notes for Safari Technology Preview 140 (jon/web)187
, , ,
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site186
, , ,
What I Learned Implementing a Design System for an Existing Product185
,
How to Make CSS Slanted Containers (css)184
,
MHTML in Chromium183
,
Only 2% of Sites Meet Accessibility Standards—Let’s Change That182
Accessibility Monitoring: How We Test181
, , ,
Everything Publishers Need to Know About URLs180
, ,
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd)179
, , ,
Building an Adaptive Favicon (arg/dev)178
,
Aspect Ratio Is Great (mic)177
, ,
Debugging JavaScript (fla)176
,
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)175
, ,
This Is Why Your Node.js Application Is Slow174
,
Developing a Focus Style for a Themable Design System173
, , ,
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)172
,
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git)171
Creating Generative SVG Grids170
, ,
Introducing the Dialog Element (web)169
, ,
CSS Animations Tutorial: Complete Guide for Beginners168
, , ,
Do We Need Screen Reader for Accessibility Testing167
, ,
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)166
, ,
Accessibility Testing Best Practices in CI/CD165
, , ,
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)164
, ,
How to Create a UX Vision Statement163
,
UX and User Personas: How to Get It Right162
, ,
How to Use the Accessibility Tree for A11Y Testing161
, ,
Are We Live? (sco)160
,
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements159
, ,
Foundations: Colour Contrast (tet)158
, , ,
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)157
, ,
Design System Versioning: Single Library or Individual Components? (bra)156
,
Introducing Wolvic (iga)155
, , , ,
8 Key Elements for Creating a Culture of Accessibility154
,
HTML Cheat Sheet—HTML Elements List Reference (fre)153
, , ,
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)152
, ,
The Impact of Motion Animation on Cognitive Disability (tpg)151
, ,
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)150
, , ,
No Accessibility Without Disabilities (yat)149
,
Custom Markdown Components in 11ty (ale)148
, ,
Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd)147
, , ,
Grow Your Design System From Good to Great146
Settings Are Not a Design Failure145
, ,
State of Frontend 2022144
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)143
, , , ,
Structuring Your Storybook (sto)142
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus141
, ,
Website Themes and Color Schemes140
, , ,
Career Advice Nobody Gave Me: Never Ignore a Recruiter139
5 Pitfalls of Using Micro Frontends and How to Avoid Them138
24 Lesser-Known HTML Attributes You May Want to Use137
,
“Evergreen” Does Not Mean Immediately Available (eri/css)136
CSS—Understanding the Cascade (bra/9el)135
, ,
Cascade Layers Are Coming to Your Browser (una/dev)134
, , ,
Accessibly Insecure133
,
4 Questions to Ask Before Using ARIA132
, , ,
Speed Matters, but It Isn’t Everything131
, ,
The Focus-Indicated Pseudo-Class “:focus-visible” (web)130
, ,
Use Cases for CSS “fit-content” (sha)129
Preventing Smooth Scrolling With JavaScript (kil)128
,
Learn Responsive Design (ada/dev)127
,
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)126
Inclusive Design125
,
Minimal TypeScript (ano)124
,
Why You Should Use a Developer Font123
, ,
Why Testing After Is a Bad Practice122
Internal Onboarding for Design System Teams121
,
What Web Frameworks Solve and How to Do Without Them (nom/sma)120
, ,
WCAG, but in Language I Can Understand (tem)119
,
How Does “!important” Actually Work? (una)118
, ,
Cascade Layers: First Contact (mat)117
,
Demystifying TypeScript Discriminated Unions (ada/css)116
WebAssembly Feature Detection (dev)115
, ,
There’s No Such Thing as Clean Code114
,
Top Ten Most Common Web Accessibility Issues (tpg)113
To Create an Excellent Design System, Treat It Like a Collaborative Process (uxd)112
, ,
Naming Design Tokens (luk/uxd)111
,
Cherry Picking Commits in Git (ami)110
,
Caching Header Best Practices (sim)109
, , , ,
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)108
, ,
Overview of Accessibility Testing Using DevTools (pat+/mic)107
, , , , , ,
Design System: How to Efficiently Scale Development? (uxd)106
, ,
How to Convert Markdown to HTML (red)105
, , ,
The Double-Assignment Pattern in jQuery’s Source Code104
,
Prisma in 100 Seconds (fir)103
, ,
The Baseline for Web Development in 2022102
, , , , ,
What’s New in DevTools? (pat/sma)101
, , , , , , , , ,
The Return of Server Side Routing (rya/thi)100
Fancy CSS Borders Using Masks (css/css)99
, , ,
Here’s What I Didn’t Know About “:where()” (mat)98
,
Why Don’t Developers Take Accessibility Seriously? (a11/css)97
An Introduction to CSS Cascade Layers (5t3/sma)96
, ,