Frontend Dogma

“2022” Archive (8)

Entry (Sources) and Other Related TopicsDate#
Where TypeScript Excels (the)328
,
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack (hey/tim)327
, ,
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (ant/sit)326
, ,
CommonJS (CJS) and Modules (ESM): Import Compatibility (cos)325
, , ,
Ten Years of Page Bloat: What Have We Learned? (tam/spe)324
, ,
Carousels: No One Likes You (jon)323
, , ,
You Don’t Always Need a CMS (dai)322
Digging Into CSS Media Queries (tro+)321
, ,
Accumulation of Tech Debt (tim/mfo)320
WebGPU—All of the Cores, None of the Canvas (sur)319
, ,
A Look at the Dialog Element’s Super Powers (ste)318
, ,
An Introduction to User Journey Maps (ste/sit)317
, , ,
Don’t Alienate Your User: A Primer for Internationalisation and Localisation (sop/pro)316
, , ,
My Dev Content Creation Journey and Tips for Starting Yours (5t3)315
, , ,
Moderated Versus Unmoderated Usability Testing (sal/uxm)314
, ,
A New Speed Milestone for Chrome (dev)313
, , ,
Performance Signals for Customizing Website UX (tun/sma)312
, , ,
Optimizing a Web Site for Google’s New UX Criteria (uxm)311
, , ,
10 Amazing Games to Learn CSS (dai)310
,
Session Timeouts (pat/tet)309
,
7 Ways to Achieve a Faster Core Web Vitals Score (hac)308
,
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)307
, ,
An Introduction to AWS CloudFront Functions (ayi/hon)306
, , , ,
Designing the User Experience of a Rating System (mac/uxd)305
,
Using HTTPS in Your Development Environment (and/aut)304
, ,
Alternatives to Pagination on Product-Listing Pages (kat/nng)303
, , ,
Why I Avoid “async”/“await”302
,
Creating Native Web Components (cod)301
, ,
The Basics—Generics in PHP (bre)300
, , ,
The Importance of Screen Reader Software for Web Navigation (lil/usa)299
, ,
How to Design Better APIs (rbl)298
, ,
Dive Into Node.js Streams (soy/nod)297
,
How to Prevent SQL Injection Attacks in Node.js (jam/pla)296
, , , ,
Accessibility and Limited Fine Motor Skills (wec)295
It’s Always Been You, Canvas2D (my/dev)294
, , ,
The Best Design System Is No System (uxm)293
Remix vs. Next.js (bej)292
, ,
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+/dev)291
, ,
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)290
, ,
How to Use Higher-Order Functions in JavaScript (mda/sit)289
, ,
How Do Primitive Values Get Their Properties? (rau)288
How Many Hyperlinks Are Too Many for Accessibility? (boi)287
,
Taming CSS Variables With Web Inspector (raz/web)286
, , ,
Progressive Enhancement, the New Hotness (cfe)285
How to Make a “Raise the Curtains” Effect in CSS (cit/css)284
, ,
What’s Really Going On Inside Your node_modules Folder? (soc)283
, ,
Simple Color System for Complex Digital Interfaces (max)282
, , ,
New CSS Features in 2022 (mic/sma)281
How to Build a File Upload Service With Vanilla JavaScript (the/log)280
, ,
Foundations: Headings (ihe/tet)279
, , , ,
5 Things You Don’t Need JavaScript For (ste/lex)278
Accessibility Checklist: Five Things Usually Left Out (uxd)277
,
How to Publish Deno Modules to npm (kit/den)276
, , , ,
(Not So) Short Note on Being Owned (ste)275
, ,
HTML Tips and Tricks274
,
A Recipe for a Good Design System (ati/sma)273
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (sto/css)272
, ,
Essential Cryptography for JavaScript Developers (ita/pac)271
, ,
Higher-Order Components in React Hooks Era (ade)270
, ,
CSS “content” Property (max)269
Solid.js Feels Like What I Always Wanted React to Be (nas)268
, ,
Should Frontend Devs Care About Performance? (wri)267
Importing ES6 Modules Over HTTP/HTTPS in Node.js (7ge/itn)266
, ,
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit/css)265
, , , ,
Screaming Architecture—Evolution of a React Folder Structure (jk/pro)264
,
When to Avoid the “text-decoration” Shorthand Property (sim/css)263
,
Overlay Position and Recommendations (iaa)262
,
4 Simple Ways to Improve Web Accessibility (boi)261
,
How I Structure My React Projects260
,
Deploying a React Application to Netlify (cod/cir)259
, , ,
Accessibility and Inclusivity in Practice (lol+/sho)258
, ,
Understanding Dependencies Inside Your package.json (the+/nod)257
, , ,
Moving From Next to Remix (col)256
, , ,
Container Queries, the Next Step Towards a Truly Modular CSS (mrt/fro)255
, ,
HTML Comments Work in JavaScript Too (sm)254
, ,
A Complete Guide to CSV Files in Node.js (mjm/log)253
, , ,
Can You Get Pwned With CSS? (sco)252
,
How to Fix Your Security Vulnerabilities With npm Override (azu)251
, , , ,
5 Accessibility Quick Wins You Can Implement Today (dan/css)250
How to Make MPAs That Are as Fast as SPAs (cfe)249
, , ,
Component Tokens and Themes Example (to Learn Figma Tokens) (est/fig)248
, , , ,
SPAs Were a Mistake (cfe)247
,
The Case for Adding Validation State to Your Design Tokens (eri)246
,
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results (gle)245
, , ,
Inclusive Design vs. Accessible Design: Understanding the Differences (boi)244
, , ,
Reliably Send an HTTP Request as a User Leaves a Page (ama/css)243
Design Systems in Figma: How to Be More Productive (sep/uxd)242
, , ,
15 Useful Placeholder Tools for Designers and Developers (mad)241
, , , , ,
How to Prioritize Your Components (jul/zer)240
, , ,
What Is Responsible JavaScript? (mal+/sma)239
,
Support for Marking Radio Buttons Required, Invalid (aar)238
,
Turning the Tables on Accessibility (the)237
Comparing Gatsby and Next.js for Website Development (ale)236
, , ,
Let’s Get Inclusive: Designing Products for Everyone (uxm)235
,
Design System: How to Successfully Collaborate? (uxd)234
, ,
How Websites Die (wap)233
,
A Complete Guide to CSS Cascade Layers (mia/css)232
, ,
Writing Logic in CSS (iam)231
CSS Quick Tip: Animating in a Newly Added Element (5t3)230
, ,
Column Headers and Browser Support (aar)229
, ,
Invisible Characters (flo)228
,
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)227
, , , ,
There Is No Character Limit for “Alt Text” (yat)226
, , ,
How to Consume Microformats2 Data (bar/mic)225
, , , ,
React State Management Libraries in 2022 (alb)224
, ,
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (ben)223
,
Minimum Static Site Setup With Sass (5t3)222
Using “mask” as “clip-path” (yua)221
, ,
Comparing Node JavaScript to JavaScript in the Browser (ell/css)220
, , ,
Structuring Documentation in Multi-Brand Design Systems (amy)219
,
JavaScript Obfuscation: The Definitive Guide (2022) (jsc)218
, ,
Core Web Vitals: What Next? (thc/moz)217
, ,
Web Developers and Cognitive Biases (raj)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
,
What Makes Writing More Readable? (bec+/pud)212
,
Browsers for People Who Just Want a Browser (nei)211
, , , , ,
What Is the Difference Between WCAG Compliance Level A, AA, and AAA? (sky)210
, ,
Track Down the JavaScript Code Responsible for Polluting the Global Scope (maz)209
,
The State of JavaScript 2021 [Results] (sac/dev)208
,
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (mik/css)207
, ,
7 Lessons I’ve Learned in the Last Year as a Software Engineer (iva/git)206
,
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” (dra)205
, ,
10 Mental Models Developers Can Use to Get Unstuck (mon/sit)204
The Basics of package.json (the+/nod)203
, , , ,
Never, Ever, Ever Use Pixelation for Redacting Text (260/bis)202
, , ,
Version 100 in Chrome and Firefox (moz)201
, , , , ,
Foundations: Colour and Meaning (ihe/tet)200
, ,
Colors That Make Sense (sly/get)199
, ,
WCAG 2.2 Update (wec)198
,
7 Killer One-Liners in JavaScript (tap)197
Functions and the Future of Design Systems (ili)196
The Entire Cascade (as a Funnel) (mia)195
, ,
Using the Language Attribute to Make Your Website Accessible (abb)194
, , ,
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)193
, ,
WebDex: Web Specs Index (don)192
,
Multi-Value CSS Properties With Optional Custom Property Values (vs/css)191
,
Hello, CSS Cascade Layers (sha)190
,
Introducing PHP: A Beginner’s Guide (sit)189
, ,
How to Keep Your Repo Package Dependencies Up to Date Automatically (dan)188
, , , ,
Moving From JavaScript to TypeScript (and)187
,
Release Notes for Safari Technology Preview 140 (jon/web)186
, , ,
Accessibility Monitoring: How We Test (gov)185
, , ,
How to Make CSS Slanted Containers (dav/css)184
,
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd)183
, , ,
Building an Adaptive Favicon (arg/dev)182
,
MHTML in Chromium (eri)181
,
What I Learned Implementing a Design System for an Existing Product (pro)180
,
Everything Publishers Need to Know About URLs (bad)179
, ,
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (cal/sit)178
, , ,
Only 2% of Sites Meet Accessibility Standards—Let’s Change That (adw)177
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)176
,
Replace JavaScript Dialogs With the New HTML Dialog Element (mad/css)175
, ,
Developing a Focus Style for a Themable Design System (lin/adh)174
, , ,
This Is Why Your Node.js Application Is Slow (imi)173
,
Debugging JavaScript (fla)172
,
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git)171
Aspect Ratio Is Great (mic/css)170
,
Do We Need Screen Reader for Accessibility Testing (art/dig)169
, ,
Modern, Single-Page Web Design: UX Design Trends and Tips (hss/uxm)168
, ,
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)167
, ,
CSS Animations Tutorial: Complete Guide for Beginners (the)166
, , ,
Introducing the Dialog Element (the/web)165
, ,
Creating Generative SVG Grids (tro/fro)164
, ,
Accessibility Testing Best Practices in CI/CD (tes)163
, , ,
UX and User Personas: How to Get It Right (dan/loo)162
, ,
How to Create a UX Vision Statement (kat/nng)161
,
How to Use the Accessibility Tree for A11Y Testing160
, ,
Are We Live? (sco)159
,
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements (boi)158
, ,
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)157
, ,
Foundations: Colour Contrast (ihe/tet)156
, , ,
Design System Versioning: Single Library or Individual Components? (bra)155
,
Custom Markdown Components in 11ty (ale)154
, ,
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)153
, , ,
HTML Cheat Sheet—HTML Elements List Reference (ihe/fre)152
, , ,
The Impact of Motion Animation on Cognitive Disability (tpg)151
, ,
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)150
, ,
No Accessibility Without Disabilities (yat)149
,
Introducing Wolvic (iga)148
, , ,
8 Key Elements for Creating a Culture of Accessibility (mic)147
,
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)146
, , , ,
State of Frontend 2022 (rea)145
Settings Are Not a Design Failure (gri/lin)144
, ,
Grow Your Design System From Good to Great (the)143
Assistive Technology, Accessible Technology, and the Accessibility Tree (con/uxd)142
, , ,
“Evergreen” Does Not Mean Immediately Available (eri/css)141
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus (mic/hei)140
, ,
Structuring Your Storybook (win/sto)139
Website Themes and Color Schemes (hex)138
, , ,
24 Lesser-Known HTML Attributes You May Want to Use (mad)137
,
CSS—Understanding the Cascade (bra/9el)136
, ,
Career Advice Nobody Gave Me: Never Ignore a Recruiter (ale/med)135
Cascade Layers Are Coming to Your Browser (una/dev)134
, , ,
5 Pitfalls of Using Micro Frontends and How to Avoid Them (ant/sit)133
Accessibly Insecure (sco/a11)132
,
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)131
Use Cases for CSS “fit-content” (sha)130
4 Questions to Ask Before Using ARIA (boi)129
, , ,
Preventing Smooth Scrolling With JavaScript (kil)128
,
The Focus-Indicated Pseudo-Class “:focus-visible” (reg/web)127
, ,
Learn Responsive Design (ada/dev)126
,
Speed Matters, but It Isn’t Everything (its/ind)125
, ,
Inclusive Design (ali/nng)124
,
WCAG, but in Language I Can Understand (tem)123
,
What Web Frameworks Solve and How to Do Without Them (nom/sma)122
, ,
Why Testing After Is a Bad Practice (mat)121
Why You Should Use a Developer Font (ant)120
, ,
Internal Onboarding for Design System Teams (tax)119
,
Cascade Layers: First Contact (mat)118
,
How Does “!important” Actually Work? (una)117
, ,
WebAssembly Feature Detection (rre/dev)116
, ,
To Create an Excellent Design System, Treat It Like a Collaborative Process (uxd)115
, ,
There’s No Such Thing as Clean Code (ste)114
,
Top Ten Most Common Web Accessibility Issues (tpg)113
Naming Design Tokens (luk/uxd)112
,
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)111
, ,
Caching Header Best Practices (sim)110
, , , ,
Cherry Picking Commits in Git (ami)109
,
Demystifying TypeScript Discriminated Unions (ada/css)108
How to Convert Markdown to HTML (red/lir)107
, , ,
The Baseline for Web Development in 2022 (ala/lin)106
, , , , ,
Design System: How to Efficiently Scale Development? (uxd)105
, ,
Prisma in 100 Seconds (jef/fir)104
, ,
The Return of Server Side Routing (rya/thi)103
Fancy CSS Borders Using Masks (css/css)102
, , ,
The Double-Assignment Pattern in jQuery’s Source Code (he)101
,
Overview of Accessibility Testing Using DevTools (pat+/mse)100
, , , , , ,
What’s New in DevTools? (pat/sma)99
, , , , , , , , ,
Here’s What I Didn’t Know About “:where()” (mat)98
,
Why Don’t Developers Take Accessibility Seriously? (a11/css)97
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack (chr)96
, , , , , ,
Best Practices for Creating Your UX Design Portfolio (day/uxm)95
, , ,
Monorepo Explained (nrw)94
,
Foundations: Text Descriptions (ihe/tet)93
, ,
The Risks and Rewards of App Modernization (jas/uxm)92
, ,
An Introduction to CSS Cascade Layers (5t3/sma)91
, ,
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)90
, ,
Drift: Why Your Design System Isn’t Working (chu/uxd)89
,
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)88
,
Using Git to Version Control the Entire “wp-content” Directory (phi/hoo)87
, , , ,
Context-Aware Web Components Are Easier Than You Think (sto/css)86
, ,
Technology Time-Outs (uxd)85
,
How to Check What Item Is in Focus When Accessibility Testing84
, , ,
Deploying Web Applications With GitHub Actions (riy/klo)83
, , ,
Div Divisiveness (sco)82
,
Accessibility Acceptance Criteria (tmo)81
, , ,
Big Images, Blazingly Fast (erw/q42)80
, ,
The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” (bra/bra)79
, ,