Frontend Dogma

“2022” Archive (4)

Entry (With Sources) and Other Related TopicsDate#
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (by/via)1295
, , ,
CSS “line-height” (by)1294
,
Lightning CSS (by/via)1293
, ,
What’s New With Forms in 2022? (by/via)1292
, ,
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (by/via)1291
, ,
Text Is the Universal Interface (by/via)1290
Me and React: 5 Years in 15 Minutes (by)1289
A Quick Primer on Testing JavaScript (by)1288
, ,
12 Modern UI Components to Inspire Your Future Designs (by)1287
,
Are Modals in Web Design a UX Disaster? (via)1286
, , ,
Dependabot Unlocks Transitive Dependencies for npm Projects (via)1285
, ,
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (by/via)1284
,
Rewriting Tests From Cypress to Playwright Using GPT3 (by/via)1283
, , , , ,
How Your Favourite UI Libraries Manage Their Icons (by/via)1282
, , ,
Detect When Users Switch Tabs Using JavaScript (by)1281
Building the Main Navigation for a Website (by/via)1280
, ,
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (by)1279
, , , , , ,
An Attempt at Outlining the Many Factors Influencing Developer Experience (by)1278
,
W3C Accessibility Maturity Model (by+/via)1277
,
So Your Designer Wants Stuff to Overlap (by)1276
,
How to Improve Largest Contentful Paint for Faster Load Times (by/via)1275
, , ,
Introducing Signals (via)1274
, , ,
The Realities and Myths of Contrast and Color (via)1273
, , ,
Rewrite Your Git History in 4 Friendly Commands (by)1272
,
How to Build Event-Driven Architecture on AWS? (by/via)1271
, , ,
Hacking CSS Animation State and Playback Time (by/via)1270
,
Critical CSS? Not So Fast! (by)1269
,
A Whole Cascade of Layers (by)1268
,
The Art of Writing Secrets: Encryption for JavaScript Developers (by/via)1267
, ,
Top 5 Technology Trends in UX Design (via)1266
, ,
Understanding Regulatory Compliance and Making It Work on Your Web Site (by/via)1265
,
5 Reasons to Invest in User Experience (via)1264
Getting Started With MathML (via)1263
,
A/B Testing in 7 Steps to Quickly Improve Your Conversions (by/via)1262
, ,
HTML Markup Tips for Developing Accessible Websites (by/via)1261
, ,
Dreamy Blur (by)1260
, ,
A Content Warning Component (by)1259
, ,
Prestige Is the Designer’s Achilles’ Heel (via)1258
A Beginner’s Guide to Design Tokens (by/via)1257
,
Infinite Scrolling: When to Use It, When to Avoid It (by/via)1256
, ,
Dear Oracle, Please Release the JavaScript Trademark (by)1255
, ,
Git Cheatsheet1254
, ,
Disabled JavaScript Turns Off Native Lazy Loading (by)1253
, , ,
What Is a Webmention and How Do I Use It in WordPress? (by/via)1252
,
The Accessibility and Usability Journey of Drupal’s Primary Navigation (by/via)1251
, ,
Is It “:modal”? (by/via)1250
, ,
Focus Appearance Explained (by)1249
, , ,
Big O Notation Basics Made Dead Simple (by)1248
,
Accessible Lists and Tables (via)1247
, , ,
Comparing JAWS, NVDA, and VoiceOver (via)1246
, , , , , , ,
DevTools Tips: How to Inspect and Debug CSS Flexbox (via)1245
, , , , , , ,
Don’t Overwrite Visual Labels With “aria-label” (by)1244
, , ,
How Is This Possible With CSS Only?! (by)1243
, , , ,
Is Design Thinking Overhyped? (via)1242
Useful JavaScript Data Grid Libraries (by/via)1241
, , , ,
How I Maintain OSS Projects (by)1240
,
Default Exports in JavaScript Modules Are Terrible (by)1239
4 Ways to Minimize Your Dependencies in Node.js (by/via)1238
, ,
Small Steps: Celebrating Four Accessibility Wins (by/via)1237
,
Neutrality Isn’t an Option When It Comes to Accessibility (by)1236
An Argument Against CSS Opacity (via)1235
, , ,
Understanding “useMemo” and “useCallback” (by)1234
,
Things Not Available When Someone Blocks All Cookies (by)1233
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically (by/via)1232
, , , , , ,
Interpolating Numeric CSS Variables (by/via)1231
,
Cypress Testing: A Guide to Running Web Application Tests (via)1230
, ,
CSS Container Queries Are Finally Here (by)1229
,
Should I Use a Button or a Link? (by)1228
, , ,
What Makes A Great Toggle Button? II (via)1227
, ,
Parents Counting Children in CSS (by)1226
,
Monitor Events and Function Calls via Console (by)1225
, ,
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility (via)1224
,
An Ideal REST API—Best Practices (by)1223
, ,
The Three Laws of Utility Classes (by)1222
,
Making a Twitter Bot in the Year 2022 With Node.js (by)1221
,
Using Grid Named Areas to Visualize (and Reference) Your Layout (by/via)1220
, , ,
On Design System Support (by)1219
What Is Closed Captioning? (by/via)1218
, ,
Modern Alternatives to BEM (by)1217
, , , ,
Be Good-Argument-Driven, Not Data-Driven (by)1216
,
Complex Conditional Width Using “flex-basis” With “clamp” (by/via)1215
,
Why Your Website Should Be Under 14 kB in Size1214
,
Short Note on “figure” and “figcaption” (by)1213
,
Installing and Running Node.js Bin Scripts (by)1212
, ,
Implementing Promisable “setTimeout” (by)1211
Designing Better Error Messages UX (by/via)1210
, , ,
CSS Classes Considered Harmful (by)1209
,
20 Principles I Learned From 10 Years of Developing Software (by)1208
5 Quick Ways to Check Your Site Against New WCAG 2.2 Standards (via)1207
, ,
Creative List Styling (by/via)1206
, ,
What Is a REST API? (by/via)1205
, ,
Accessibility and Supporting Internet Explorer (by/via)1204
, , , ,
What Customer-First Web Design Looks Like (via)1203
,
The Design Principle Paradox (by/via)1202
,
TIL: You Can Access a User’s Camera With Just HTML (by)1201
,
Why Every University Needs an Accessible Standard Website Template (via)1200
, ,
Measure What You Impact, Not What You Influence (by)1199
, ,
8 Tricks for SVG Optimization (by/via)1198
, , ,
What’s the Value of a Design System? (by+/via)1197
,
Scaling SCM Front-End Design With a Design System (by+/via)1196
,
How to Use localStorage in JavaScript: An Easy Guide (by/via)1195
, , ,
Exploring the Underrated “output” Element (by)1194
Does Accessibility Stifle the Creative Process? (via)1193
, ,
A Handy Use for Cascade Layers (by/via)1192
,
Mac VoiceOver Testing the Simple Way (by/via)1191
, , , , ,
Conducting an Effective Web-Site UX Audit (via)1190
,
Why User Personas Matter in UX Design (by/via)1189
, , ,
CSS Grid and Custom Shapes II (by/via)1188
, ,
Design Systems: Prototyping on Steroids (by/via)1187
,
What Makes a Great Toggle Button? (via)1186
, ,
Prepare for WCAG 2.2 and Beyond (by/via)1185
, , ,
Meet the Top Layer: A Solution to “z-index:10000” (by/via)1184
Learn 5 Optimization Tips for Webpack Step by Step (via)1183
, ,
Class-Less CSS Frameworks (by)1182
, , ,
Bring Focus to the First Form Field With an Error (by)1181
, ,
Advanced TypeScript Patterns: API Contracts1180
,
A Simple “clamp()” Function in PHP (by)1179
,
You’re Not Using HTTP Status Codes Right (by)1178
,
A Guide to Using User-Experience Research Methods (by/via)1177
, ,
Re-Implementing JavaScript’s “==” in JavaScript (by)1176
,
Scaling a System (by)1175
,
React Query vs. SWR (by)1174
, , ,
When Do You Use CSS Columns? (by/via)1173
,
Using “:has()” as a CSS Parent Selector and Much More (by/via)1172
,
Use the Right Container Query Syntax (by/via)1171
,
Optimize Data Fetching (by)1170
,
Inclusion Beats Optimization (by)1169
, ,
An Introduction to Context Propagation in JavaScript (by/via)1168
,
Better Conditionals in CSS Media Queries With Range Syntax (by)1167
, ,
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (by/via)1166
,
Can Browsers Optimize the Loading of Third-Party Resources? (by/via)1165
, ,
React Re-Renders Guide: Preventing Unnecessary Re-Renders (by)1164
, ,
Outline Is Your Friend (by)1163
,
Dependency Injection in JS/TS (via)1162
,
Color and Contrast (by)1161
, , ,
Introduction to Screen Readers (Desktop Edition) (by+/via)1160
, , , , ,
Why React Re-Renders (by)1159
,
Designing a Better Back Button UX (by/via)1158
, ,
Table Column Alignment With Variable Transforms (by)1157
, , ,
Check Heading Accessibility Using the WAVE Tool (via)1156
, , , , ,
CSS Grid and Custom Shapes (by/via)1155
, ,
Building Accessible Select Components in React (by/via)1154
, , ,
What Are Design Tokens? (via)1153
Top 9 Ways to Become a Successful Self-Taught Developer (by)1152
,
Accessible User Experience and A/B Testing1151
, , ,
What Was That Media Query Code Again? (by)1150
, ,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by)1149
, ,
5 Modern CLI Tools That Help Boost Your Productivity (by)1148
,
Creative CSS Layout (by/via)1147
, , ,
Websites: Past and Present (by/via)1146
, ,
The Console API (by)1145
, ,
(Re-)Introducing Gatsby, a Reactive Site Generator (by/via)1144
, , , , ,
On Ratings and Meters (by)1143
, ,
If You’re Not Checking, You’re Guessing (by/via)1142
,
Custom Event Naming Conventions (by)1141
, ,
Automation and Accessibility—What You Need to Know (by)1140
, ,
An Introduction to Constraint Based Design Systems (by)1139
,
Do You Know About “overflow: clip”? (by)1138
,
Modern CSS Selectors (by/via)1137
,
How and Why We Removed jQuery From GOV.UK (via)1136
, ,
TypeScript vs. JavaScript: Which One You Should Use, and Why (by/via)1135
, ,
TypeScript: It’s Not Actually Validating Your Types1134
,
Results of Quick Testing of Documentation Tools’ Accessibility (by)1133
, ,
Here, Here, and Here (by)1132
Designing for Long-Form Articles (by/via)1131
,
Brief Note on Calendar Tables (by)1130
, ,
SEO Links Obfuscation and Accessibility Problems (by)1129
, , ,
The Death of Mozilla Is the Death of the Open Web (by)1128
,
How to Research Components and Patterns: Common Challenges and How to Overcome Them (by/via)1127
, ,
Defining “Integration” Tests (by)1126
Core Web Vitals Tools to Boost Your Web Performance Scores (by/via)1125
, ,
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code (by/via)1124
, , ,
Accessibility Is Writing (by)1123
,
The JavaScript Paradox (by/via)1122
Zooming Images in a Grid Layout (by/via)1121
, ,
Dark Mode With Design Tokens (by/via)1120
,
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (by)1119
, ,
No Demo [Website] Reno (by)1118
,
Bringing Perspective to CSS (by)1117
5 Good Practices to Scale Your React Projects Easily (by)1116
, ,
The Infinite Marquee (by)1115
, ,
How I Added Scroll Snapping to My Twitter Timeline (by/via)1114
, ,
Polyhierarchy in Information Architecture (by/via)1113
,
How to Use Multithreading in Node.js (by/via)1112
, ,
Light/Dark Mode (by)1111
, ,
5 Heading Accessibility Issues and How to Fix Them (via)1110
, ,
What Are Best Practices for Creating Alt Text? (via)1109
, , ,
One-Dimensional Website Optimization Considered Harmful (by)1108
,
Not All Zeros Are Equal (by/via)1107
AI-Generated Images From AI-Generated Alt Text (by)1106
, , , ,
Migration From jQuery to Next.js: A Guide (by/via)1105
, , ,
Introducing the New npm Dependency Selector Syntax (via)1104
,
One Year of Coding—Recommendations for Beginners From a Beginner (by/via)1103
, ,
“:has()”: The Family Selector (by/via)1102
,
Finer Grained Control Over CSS Transforms With Individual Transform Properties (by+/via)1101
Popular Node.js Patterns and Tools to Re-Consider (by/via)1100
,
Making a Website Under 1 kB (by)1099
, ,
Introduction to SolidJS (by/via)1098
,
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran) (by)1097
, ,
IE: RIP or BRB? (by/via)1096
, , , ,
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (by/via)1095
, ,
Ruby Styling (by/via)1094
, ,
Fluid Sizing Instead of Multiple Media Queries? (via)1093
,
CSS Border Animations (by/via)1092
, ,
An Introduction to Webmention1091
,
The Importance of Clean Code in Your Startup’s Success (by)1090
Fitts’s Law and Its Applications in UX (by/via)1089
,
Firefox (and Other Browsers), Forgotten? (by)1088
, , ,
How to Add a Subtle Gradient on Top of an Image Using CSS (by)1087
, ,
Checking if a JavaScript Native Function Is Monkey Patched (by)1086
,
The Horizontal Overflow Problem (by)1085
,
Which Generator Builds Markdown the Fastest? (by)1084
, , ,
Use the Active Voice to Transform Your Design System Documentation (by)1083
, ,
10+ Things I Always Set Up in Git When I Prepare a New Environment (by)1082
, ,
Testable Frontend: The Good, the Bad, and the Flaky (by/via)1081
The Advanced Guide to the CSS “:has()” Selector (via)1080
, ,
When Will Scrum Die? (by/via)1079
, , ,
Underengineer Your Websites (by/via)1078
, ,
Recreating MDN’s Truncated Text Effect (by/via)1077
,
Quick Tip: Negative Animation Delay (by/via)1076
, ,
Detecting CSS Selector Support With JavaScript (by)1075
, , ,
Adding Observability to Your Jest Tests (via)1074
, , ,
8 Simple Steps to Complete a Technical SEO Audit (via)1073
,
500 ms to 1.7 ms in React: A Journey and a Checklist (by)1072
,
Release Notes for Safari Technology Preview 150 (by/via)1071
, , ,
3 Simple Ways to Center an Element Using CSS (by/via)1070
, ,
CSS Minimal Dark Mode Toggle Button (by)1069
, , ,
You Don’t Need Microservices (by/via)1068
Why I’m Learning TypeScript1067
Design Systems for Humans (by)1066
,
Adventures in Text Rendering: Kerning and Glyph Atlases (via)1065
,
Abbreviations Suck (by)1064
,
#ADA32: The ADA Has Applied to Digital for Decades (by)1063
, ,
Maintenance Matters (via)1062
, , , , ,
Introducing Even More Security Enhancements to npm (by+/via)1061
, ,
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (by/via)1060
, ,
Speaking Up and Speaking Out: Tactical Communication in Accessibility (by/via)1059
,
UX Principles That Include Cognitive Accessibility (by)1058
, ,
The 10 Affirmations of Good Digital Accessibility (via)1057
Django Tips and Tricks (via)1056
,
A Good Reset (by)1055
,
Fix Web Performance for the Long-Term (by/via)1054
, ,
Typography in Web Design (via)1053
,
5 Best UX Careers to Pursue in 2022 (via)1052
,
Everything You Need to Know About JavaScript Import Maps (by/via)1051
, ,
Your Code Doesn’t Have to Be a Mess1050
Solving the “Dangler” Conundrum With Container Queries and “:has()” (by)1049
,
Priority Hints—What Your Browser Doesn’t Know (Yet) (by/via)1048
,
“<article>” vs. “<section>”: How to Choose the Right One (by/via)1047
, ,
Clean Architecture: Applying With React1046
,