Frontend Dogma

“2022” Archive (3)

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