Frontend Dogma

“2022” Archive (3)

Entry (With Sources) and Other Related TopicsDate#
Scoop: Meta Ending Support for Instant Articles (by/via)1545
,
New Brutalism and Web Accessibility: What You Need to Know (by/via)1544
,
Microfrontends: Microservices for the Frontend (by/via)1543
,
Upgrading Colors to HD on the Web (by/via)1542
,
Augmenting Node.js With WebAssembly (by/via)1541
, ,
CDN (by/via)1540
, , , , , ,
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project (by)1539
, , ,
Should We Hire Junior Developer Advocates? (by)1538
, , ,
Two JavaScripts (by)1537
Some Things I Took Away From an Event Apart 2022 in Denver (by/via)1536
, ,
Intro to Why Accessibility Is Important for Good SEO (via)1535
, ,
A Pure CSS Gallery Focus Effect With “:not” (via)1534
,
Create a Passkey for Passwordless Logins (by/via)1533
, ,
Speeding Up Async Snippets (by)1532
, ,
Design Specifications Template (by/via)1531
,
The Web’s Next Transition (by/via)1530
Representation in “alt” Text (by)1529
, ,
How to Animate CSS Box Shadows and Optimize Performance (by/via)1528
, , , ,
Early Days of Container Style Queries (by/via)1527
,
The Border Property You Never Knew You Needed (by)1526
,
Tree Views in CSS (by)1525
Sustainable Web Development Strategies Within an Organization (by/via)1524
, ,
Quick Tip: How to Use the Ternary Operator in JavaScript (via)1523
, , ,
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More (by)1522
, , ,
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (by)1521
, ,
Landing the Second Click: A Guide to Designing Better Landing Pages (by/via)1520
, , ,
Challenges of Multi-Brand Design Systems (by/via)1519
, ,
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (by)1518
, , ,
:where :is CSS? (by)1517
,
When New CSS Features Collide: Possibility and Complexity at the Intersections (by)1516
, , ,
WCAG 2.2 Success Criteria (by)1515
,
New Patterns for Amazing Apps (by/via)1514
How to Write Good Alt Text (by)1513
, , ,
Delightful UI Animations With Shared Element Transitions API II (by/via)1512
, , ,
A Little Semantic HTML Trick for React Components (by)1511
, , , ,
Usability Heuristic Frameworks: Which One Is Right for You? (by/via)1510
,
Turn Around Your Git Mistakes in 17 Ways (by)1509
, ,
Personas: Study Guide (by/via)1508
, , , ,
Understanding “async” and “await” (by)1507
,
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (by/via)1506
, , , ,
Layout Breakouts With CSS Grid (by)1505
, ,
Prioritizing Technical Debt With Hotspots (via)1504
, , ,
4 Required Tests Before Shipping New Features (by)1503
,
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (by/via)1502
, ,
The Future of the Web Is on the Edge (by/via)1501
,
Debugging CSS, No Extensions Required (by)1500
, ,
Adding Components to Eleventy With WebC (by)1499
, ,
Unless You’re in the Mafia, Your Company Isn’t Your Family (by)1498
The Future of Rendering in React (by)1497
, ,
How to Safely Share Your Email Address on a Website (via)1496
, ,
How to Safely Pass Data to JavaScript in a Django Template (by)1495
, ,
Five Months Worth of Takes on the Digital Accessibility Space (by/via)1494
, ,
Awesome Tools for Open Source Contributions (by)1493
, ,
Foundations: HTML Semantics (by/via)1492
, , ,
Easy Fluid Typography With “clamp()” Using Sass Functions (by/via)1491
, , ,
Using Web Components With Next (or Any SSR Framework) (by/via)1490
, ,
Use “npm query” and jq to Dig Into Your Dependencies (by)1489
, , ,
Quick Tip: How to Use the Spread Operator in JavaScript (via)1488
, , ,
Patching the Open Web (by)1487
Front-End Development Is Like… (by)1486
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (by)1485
, , ,
One Formula to Rule Them All: The ROI of a Design System (by+/via)1484
CSS Grid vs. Flexbox: How to Decide (With Examples) (by)1483
, , , , ,
Can Consistency Harm Your Product? (by/via)1482
,
3 Things to Consider Before You Implement CAPTCHA for Accessibility (via)1481
,
Component-Level Design Tokens: Are They Worth It? (by)1480
,
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (via)1479
When Going Somewhere Does a Thing: On Links and Buttons (by)1478
, , , ,
The Missing Math Methods in JavaScript (via)1477
,
Four Ways to Pick the Right UX Method (by/via)1476
,
Designing a Secure API (by/via)1475
, ,
CSS Halftone Patterns (by/via)1474
,
A CSS Class-Naming Convention Might Still Be Your Best Choice (by)1473
, ,
Mobile UX Design in 2022 (by/via)1472
, ,
Busting the Myths About Agile Development and User Research (via)1471
, , ,
A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (via)1470
, ,
I Turned JS Into a Compiled Language (for Fun and Wasm) (by)1469
, ,
Jenkins Best Practices Every Developer Must Know (via)1468
,
The Difference Between “undefined” and “not defined” in JavaScript (by/via)1467
Minimalism as Narcissism (by)1466
I Changed My Mind About Writing New JavaScript Frameworks (by)1465
,
Delightful UI Animations With Shared Element Transitions API (by/via)1464
, , ,
CSS-Only Type Grinding: Casting Tokens Into Useful Values (by/via)1463
,
Phylum Detects Active Typosquatting Campaign Targeting npm Developers (via)1462
, ,
What Is Website Minimalism? (by)1461
,
Software Engineering Practices (by)1460
, , , , , ,
Ten Years of TypeScript (by/via)1459
Choosing the Best Node.js Docker Image (by/via)1458
,
Templating in HTML (by)1457
,
Building Delight in Your Design System (by/via)1456
,
How to Scale SVG (by/via)1455
, ,
Why UX? (via)1454
,
Optimize Long Tasks (by/via)1453
,
Learn Accessibility (by/via)1452
,
Getting Started With WordPress Block Development (via)1451
,
depngn (via)1450
, , ,
A Web Component Story (by)1449
,
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (via)1448
, , ,
Yes, Accessibility Is Also a Backend Concern (by)1447
Why You Should Care About Design in Uncertain Times (via)1446
How to Center a Div Using CSS Grid (by/via)1445
, , ,
State of CSS 2022 (by+/via)1444
,
“:has()” Opens Up New Possibilities With CSS (by)1443
, ,
Intersectionality, Accessibility, and Inclusion (via)1442
, ,
How to Return Multiple Values From a Function in JavaScript (by)1441
, ,
Websites Need to Be Accessible to Be Inclusive (by+/via)1440
,
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via)1439
, , , ,
Performance Budgets: The Easiest Way to a Faster Site (by/via)1438
,
How to Make Your Designs Scannable (and Why You Should) (by/via)1437
, ,
This Site’s Type Is Now Variable (by)1436
, ,
Let Me Understand How JavaScript Works Under the Hood (by)1435
Dear Console… (by)1434
,
Closing a 30 Pixel Gap Between Native and Web (by/via)1433
, , ,
A Deep Dive Into WCAG 2.2—and Beyond (by+/via)1432
, , ,
Useful JavaScript Math Functions and How to Use Them (by/via)1431
, ,
Named Element IDs Can Be Referenced as JavaScript Globals (by/via)1430
,
Learn HTML (by/via)1429
,
Five Data-Loading Patterns to Boost Web Performance (via)1428
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno (by/via)1427
, ,
7 Things to Consider When Working On a Personal Project1426
,
Accessibility (by+/via)1425
, , , ,
Sustainability (by+/via)1424
, , , ,
SEO (by+/via)1423
, , , ,
Security (by+/via)1422
, , , ,
Page Weight (by+/via)1421
, , , ,
JavaScript (by+/via)1420
, , , ,
Fonts (by/via)1419
, , , ,
CSS (by/via)1418
, , , ,
Media (by/via)1417
, , , , ,
Interoperability (by/via)1416
, , , ,
HTTP (by/via)1415
, , , , ,
Markup (by/via)1414
, , , ,
CMS (by/via)1413
, , , ,
The New Wave of JavaScript Web Frameworks (via)1412
,
I Am Not That Excited About New CSS Features (by)1411
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (by)1410
, , ,
How to Create Wavy Shapes and Patterns in CSS (by/via)1409
, ,
100 Days of More or Less Modern CSS (by)1408
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (by)1407
,
Continue Using .env Files as Usual (by)1406
,
Two Things I Learned by Validating My HTML Again (by)1405
, ,
Streamable HTML Fragments (by)1404
,
Writing Composable SQL Using JavaScript (by/via)1403
, ,
Audience-Based Website Navigation (by/via)1402
, ,
Top Task Analysis: Make It Fast and Efficient (by)1401
Randomness in CSS (by)1400
,
Use Cases for CSS Comparison Functions (by)1399
,
Things I Wish I Had Known About Angular When I Started (by/via)1398
The Indisputable Truth About Accessibility (by/via)1397
,
Testing Web Design Color Contrast (by+/via)1396
, ,
Speedy CSS Tip! Animated Loader (by/via)1395
,
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (by)1394
, ,
Blind People Need to Be Considered More When Making Data Visualizations (by/via)1393
,
Attitudes to Digital Accessibility Survey 2022 (via)1392
, ,
A Designer’s Guide to Documenting Accessibility (by/via)1391
, , ,
Rest vs. Spread Syntax in JavaScript (by)1390
,
Inspect and Modify CSS Animation Effects (by+/via)1389
, , , , , ,
5 Ways That UX Developers Influence SEO (via)1388
,
Creative Section Breaks Using CSS “clip-path” (by/via)1387
, ,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via)1386
, , ,
Element Timing: One True Metric to Rule Them All? (by/via)1385
, ,
Designing Better Inline Validation UX (by/via)1384
, ,
Type-Level TypeScript (by)1383
,
Making Your Web Pages Printer-Friendly With CSS (by/via)1382
,
Clarifying Color Contrast and Font Size Guidelines (by)1381
, , ,
A “details” Element as a Burger Menu Is Not Accessible (by/via)1380
, ,
Why Designers Quit (by/via)1379
,
CSS Rules vs. CSS Rulesets (by)1378
,
Container Queries Are Going to Change How We Make Layouts (by)1377
, , ,
The Web Is Good Now (by/via)1376
,
Shell Scripting With Node.js (by)1375
, ,
React I Love You, but You’re Bringing Me Down (by/via)1374
Prototyping to Learn (by)1373
,
It’s Good to Make Mistakes (by)1372
, ,
How to Generate Random Numbers in JavaScript With “Math.random()” (by/via)1371
, , ,
Accessibility Is Systemic (by)1370
Stop Using .env Files Now (by)1369
,
How Rapid Usability Testing Is Changing UX Research (by/via)1368
, , ,
5 Ways to Use Data Visualization in Your Content to Increase Traffic (via)1367
, , ,
Design 4.0: Leading Design in the New Industry (via)1366
Rethinking a Design System (by)1365
Web Sustainability and the Ethical Dilemma (by/via)1364
, ,
How to Get the Current Timestamp in JavaScript (by)1363
,
CSS Drawings (by)1362
,
Building a Retro Draggable Web Component With Lit (by/via)1361
,
Accidental Dismissal of Overlays: A Common Mobile Usability Problem (by+/via)1360
, ,
Debunking Myths About HTTPS1359
, ,
The Git Commands I Use Every Day (by)1358
,
When Design Systems Lie (by/via)1357
,
Brief Note on Super- and Subscript Text (by)1356
, , ,
How to (Not) Make a Button (by)1355
, , , ,
Accessibility Is for Every One (by)1354
Why the Number Input Is the Worst Input (by/via)1353
, , ,
Total Blocking Time: A Short and Sweet Guide for Happier Users (by/via)1352
,
Why Are Vanity Metrics Still Problematic? (via)1351
The Rise of the TikTok Pattern (by/via)1350
,
I Never Thought This Would Be Possible With CSS (by)1349
, ,
Let’s Get Logical (by)1348
,
Invalid CSS (by)1347
,
How to Substantially Slow Down Your Node.js Server (via)1346
, ,
Five Things You Can Do to Be More Inclusive (by)1345
,
Designing for People With Cognitive Disabilities and Everyone Else (by/via)1344
, ,
Design Tokens 101 (by)1343
Buttons and the Baader–Meinhof Phenomenon (by)1342
,
Accessibility in Times of Headless (by/via)1341
, ,
7 Must Know JavaScript Tips and Tricks (by)1340
,
W3C TAG Ethical Web Principles (by)1339
, ,
Quick Tip: Embedding YouTube Videos in GitHub Pages (by)1338
, , , , ,
JavaScript APIs You Don’t Know About (by/via)1337
,
Secure Your Node.js App With JSON Web Tokens (by/via)1336
, ,
When Is It OK to Disable Text Selection? (by/via)1335
, ,
The State of Digital Accessibility: Three Key Challenges (by/via)1334
, ,
On Better Browsers: Arbitrary Media Queries and Browser UIs (by)1333
, ,
Container Queries in Browsers! (by)1332
, ,
A Guide to Rounding Numbers in JavaScript (by/via)1331
,
3 Problems Scrum Doesn’t Solve (by/via)1330
, ,
Conditionally Spreading Objects in JavaScript (by)1329
,
PureComponents vs. Functional Components With Hooks (by)1328
, , ,
Node.js Native Binary Compilation Using Vercel pkg (by/via)1327
, ,
Making Sense of WAI–ARIA: A Comprehensive Guide (by/via)1326
, , ,
Wtf Is an Island and Why Is It in My Website? (by)1325
, , ,
What Is Data Engineering? (by)1324
,
The Power of CSS Blend Modes (by/via)1323
,
The Basics of Remix (by/via)1322
, ,
Intrinsic CSS With Container Queries and Units (by/via)1321
, , ,
First Batch of Color Fonts Arrives on Google Fonts (by/via)1320
, , ,
Disability Is Not a Dirty Word (by)1319
,
Detecting CSS Selector Support (by/via)1318
, , ,
Better Accessible Names (by)1317
,
Which Fonts to Use for Your Charts and Tables (by/via)1316
, ,
The “details” and “summary” Elements, Again (by)1315
,
My Five Biggest Design System Mistakes (by)1314
,
2022: 0 of the Global Top 100 Websites Use Valid HTML (by)1313
, , , , ,
When Life Gives You Lemons, Write Better Error Messages (by/via)1312
,
The Seventh Way to Call a JavaScript Function Without Parentheses (by/via)1311
,
Nuclear Footnotes (by)1310
,
Justin Yarbrough Talks About Alt Text (by/via)1309
, , ,
Best Practices for Creating a Modern npm Package (by/via)1308
,
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo (by)1307
, , , , , ,
Your Next.js Bundle Will Thank You (by)1306
, ,
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard (by)1305
,
Mastering DOM Manipulation With Vanilla JavaScript (by)1304
,
Antipersonas: What, How, Who, and Why? (via)1303
,
Converting PNG Images to WebP Using PHP (by)1302
, , , ,
Make It Short—Make It Better (by)1301
,
A Guide to Choosing the Right React State Management Solution (by/via)1300
, ,
Node Version Manager—nvm Install Guide (by/via)1299
, ,
How to Monitor a Next.js Application (via)1298
, ,
How I Made a Pure CSS Puzzle Game (by/via)1297
Button Minimum Width (by/via)1296
,