Frontend Dogma

“2022” Archive (8)

Entry (Sources) and Other Related TopicsDate#
The Future of Web Accessibility: WCAG 3.0 (for)333
, ,
42 Tips for Getting Good at DevOps and Life332
, , ,
Add Data to a Google Sheet From a Node.js Backend331
,
Where TypeScript Excels (the)330
,
Horizontal Scrolling Nav (mdo)329
,
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax328
, ,
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack327
, ,
CommonJS (CJS) and Modules (ESM): Import Compatibility326
, , ,
Digging Into CSS Media Queries (kil)325
, ,
You Don’t Always Need a CMS324
Carousels: No One Likes You323
, , ,
Don’t Alienate Your User: A Primer for Internationalisation and Localisation322
, , ,
Accumulation of Tech Debt (mfo)321
Ten Years of Page Bloat: What Have We Learned? (spe)320
, ,
An Introduction to User Journey Maps (ste)319
, , ,
WebGPU—All of the Cores, None of the Canvas (sur)318
, ,
A Look at the Dialog Element’s Super Powers (ste)317
, ,
10 Amazing Games to Learn CSS316
,
An Introduction to AWS CloudFront Functions315
, , , ,
Designing the User Experience of a Rating System (uxd)314
,
Using HTTPS in Your Development Environment313
, ,
Moderated Versus Unmoderated Usability Testing (uxm)312
, ,
Session Timeouts (pat/tet)311
,
Performance Signals for Customizing Website UX (tun/sma)310
, , ,
Optimizing a Web Site for Google’s New UX Criteria (uxm)309
, , ,
My Dev Content Creation Journey and Tips for Starting Yours (5t3)308
, , ,
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)307
, ,
A New Speed Milestone for Chrome (dev)306
, , ,
7 Ways to Achieve a Faster Core Web Vitals Score (hac)305
,
Alternatives to Pagination on Product-Listing Pages304
, , ,
Why I Avoid “async”/“await”303
,
The Basics—Generics in PHP302
, , ,
Creating Native Web Components (cod)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
, , ,
Dive Into Node.js Streams294
,
The Best Design System Is No System293
The Importance of Screen Reader Software for Web Navigation292
, ,
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)291
, ,
How to Use Higher-Order Functions in JavaScript290
, ,
How Many Hyperlinks Are Too Many for Accessibility?289
,
Taming CSS Variables With Web Inspector (web)288
, , ,
Progressive Enhancement, the New Hotness (cfe)287
How to Make a “Raise the Curtains” Effect in CSS (cit/css)286
, ,
How Do Primitive Values Get Their Properties? (rau)285
Simple Color System for Complex Digital Interfaces284
, , ,
What’s Really Going On Inside Your node_modules Folder? (soc)283
, ,
New CSS Features in 2022 (mic/sma)282
5 Things You Don’t Need JavaScript For281
Foundations: Headings (tet)280
, , , ,
How to Build a File Upload Service With Vanilla JavaScript (log)279
, ,
Essential Cryptography for JavaScript Developers278
, ,
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)277
, ,
(Not So) Short Note on Being Owned (ste)276
, ,
HTML Tips and Tricks275
,
How to Publish Deno Modules to npm (kit/den)274
, , , ,
Accessibility Checklist: Five Things Usually Left Out (uxd)273
,
A Recipe for a Good Design System (ati/sma)272
Should Frontend Devs Care About Performance?271
Solid.js Feels Like What I Always Wanted React to Be270
, ,
CSS “content” Property269
Importing ES6 Modules Over HTTP/HTTPS in Node.js268
, ,
Higher-Order Components in React Hooks Era (ade)267
, ,
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)266
, , , ,
4 Simple Ways to Improve Web Accessibility265
,
Overlay Position and Recommendations264
,
Screaming Architecture—Evolution of a React Folder Structure263
,
When to Avoid the “text-decoration” Shorthand Property (sim/css)262
,
How I Structure My React Projects261
,
Accessibility and Inclusivity in Practice260
, ,
Understanding Dependencies Inside Your package.json259
, , ,
Deploying a React Application to Netlify258
, , ,
Moving From Next to Remix257
, , ,
A Complete Guide to CSV Files in Node.js (log)256
, , ,
How to Fix Your Security Vulnerabilities With npm Override255
, , , ,
HTML Comments Work in JavaScript Too254
, ,
Container Queries, the Next Step Towards a Truly Modular CSS253
, ,
5 Accessibility Quick Wins You Can Implement Today (css)252
Can You Get Pwned With CSS?251
,
How to Make MPAs That Are as Fast as SPAs (cfe)250
, , ,
Reliably Send an HTTP Request as a User Leaves a Page (css)249
15 Useful Placeholder Tools for Designers and Developers248
, , , , ,
Comparing Gatsby and Next.js for Website Development247
, , ,
How to Prioritize Your Components (zer)246
, , ,
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)245
, , , ,
Design Systems in Figma: How to Be More Productive (uxd)244
, , ,
Inclusive Design vs. Accessible Design: Understanding the Differences243
, , ,
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results242
, , ,
What Is Responsible JavaScript? (mal+/sma)241
,
Turning the Tables on Accessibility (the)240
The Case for Adding Validation State to Your Design Tokens (eri)239
,
Support for Marking Radio Buttons Required, Invalid (aar)238
,
SPAs Were a Mistake (cfe)237
,
How Websites Die236
,
Writing Logic in CSS235
Let’s Get Inclusive: Designing Products for Everyone (uxm)234
,
Design System: How to Successfully Collaborate? (uxd)233
, ,
CSS Quick Tip: Animating in a Newly Added Element (5t3)232
, ,
A Complete Guide to CSS Cascade Layers (mia/css)231
, ,
Invisible Characters230
,
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)229
, , , ,
Column Headers and Browser Support (aar)228
, ,
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations227
,
How to Consume Microformats2 Data226
, , , ,
React State Management Libraries in 2022225
, ,
There Is No Character Limit for “Alt Text” (yat)224
, , ,
Minimum Static Site Setup With Sass (5t3)223
Comparing Node JavaScript to JavaScript in the Browser (css)222
, , ,
JavaScript Obfuscation: The Definitive Guide (2022)221
, ,
Using “mask” as “clip-path”220
, ,
Core Web Vitals: What Next? (moz)219
, ,
Structuring Documentation in Multi-Brand Design Systems (amy)218
,
Web Developers and Cognitive Biases217
,
What Makes Writing More Readable?216
,
How to Create a Search Page for a Static Website With Vanilla JS (cfe)215
, , , ,
How To: Correctly Test for Python’s Version (tab)214
, , ,
Flexbox Dynamic Line Separator (sha)213
,
The State of JavaScript 2021 [Results] (sac/dev)212
,
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”211
, ,
Track Down the JavaScript Code Responsible for Polluting the Global Scope210
,
7 Lessons I’ve Learned in the Last Year as a Software Engineer209
,
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?208
, ,
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)207
, ,
Browsers for People Who Just Want a Browser (nei)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
, ,
The Basics of package.json201
, , , ,
Foundations: Colour and Meaning (tet)200
, ,
10 Mental Models Developers Can Use to Get Unstuck199
7 Killer One-Liners in JavaScript198
WCAG 2.2 Update197
,
Functions and the Future of Design Systems196
The Entire Cascade (as a Funnel) (mia)195
, ,
Multi-Value CSS Properties With Optional Custom Property Values (css)194
,
Introducing PHP: A Beginner’s Guide193
, ,
Using the Language Attribute to Make Your Website Accessible192
, , ,
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)191
, ,
WebDex: Web Specs Index (don)190
,
Hello, CSS Cascade Layers (sha)189
,
How to Keep Your Repo Package Dependencies Up to Date Automatically188
, , , ,
Moving From JavaScript to TypeScript187
,
Release Notes for Safari Technology Preview 140 (jon/web)186
, , ,
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site185
, , ,
What I Learned Implementing a Design System for an Existing Product184
,
How to Make CSS Slanted Containers (css)183
,
MHTML in Chromium182
,
Only 2% of Sites Meet Accessibility Standards—Let’s Change That181
Accessibility Monitoring: How We Test180
, , ,
Everything Publishers Need to Know About URLs179
, ,
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd)178
, , ,
Building an Adaptive Favicon (arg/dev)177
,
This Is Why Your Node.js Application Is Slow176
,
Aspect Ratio Is Great (mic)175
,
Debugging JavaScript174
,
Developing a Focus Style for a Themable Design System173
, , ,
Replace JavaScript Dialogs With the New HTML Dialog Element (css)172
, ,
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)171
,
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git)170
Creating Generative SVG Grids169
, ,
Introducing the Dialog Element (web)168
, ,
CSS Animations Tutorial: Complete Guide for Beginners167
, , ,
Do We Need Screen Reader for Accessibility Testing166
, ,
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)165
, ,
Accessibility Testing Best Practices in CI/CD164
, , ,
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)163
, ,
How to Create a UX Vision Statement162
,
UX and User Personas: How to Get It Right161
, ,
How to Use the Accessibility Tree for A11Y Testing160
, ,
Are We Live? (sco)159
,
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements158
, ,
Foundations: Colour Contrast (tet)157
, , ,
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)156
, ,
Design System Versioning: Single Library or Individual Components? (bra)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
,
Introducing Wolvic (iga)148
, , ,
Custom Markdown Components in 11ty (ale)147
, ,
Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd)146
, , ,
Grow Your Design System From Good to Great145
Settings Are Not a Design Failure144
, ,
State of Frontend 2022143
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)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
Structuring Your Storybook137
24 Lesser-Known HTML Attributes You May Want to Use136
,
“Evergreen” Does Not Mean Immediately Available (eri/css)135
CSS—Understanding the Cascade (bra/9el)134
, ,
Cascade Layers Are Coming to Your Browser (una/dev)133
, , ,
Accessibly Insecure132
,
4 Questions to Ask Before Using ARIA131
, , ,
Speed Matters, but It Isn’t Everything130
, ,
The Focus-Indicated Pseudo-Class “:focus-visible” (web)129
, ,
Use Cases for CSS “fit-content” (sha)128
Preventing Smooth Scrolling With JavaScript (kil)127
,
Learn Responsive Design (ada/dev)126
,
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)125
Inclusive Design124
,
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
,
WebAssembly Feature Detection (dev)116
, ,
There’s No Such Thing as Clean Code115
,
Demystifying TypeScript Discriminated Unions (css)114
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
, ,
Design System: How to Efficiently Scale Development? (uxd)107
, ,
How to Convert Markdown to HTML (red)106
, , ,
Overview of Accessibility Testing Using DevTools (pat+)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
,
Foundations: Text Descriptions (tet)97
, ,
The Risks and Rewards of App Modernization (uxm)96
, ,
Monorepo Explained95
,
Best Practices for Creating Your UX Design Portfolio (uxm)94
, , ,
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack93
, , , , , ,
Why Don’t Developers Take Accessibility Seriously? (a11/css)92
An Introduction to CSS Cascade Layers (5t3/sma)91
, ,
Drift: Why Your Design System Isn’t Working (uxd)90
,
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)89
, ,
Context-Aware Web Components Are Easier Than You Think (css)88
, ,
Deploying Web Applications With GitHub Actions87
, , ,
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)86
,
Technology Time-Outs (uxd)85
,
How to Check What Item Is in Focus When Accessibility Testing84
, , ,