Frontend Dogma

“2022” Archive (3)

Entry (Sources) and Other Related TopicsDate#
Hands-On Guide to Color Fonts and “@ font-palette-values” (zor/css)1,591
, , ,
Secure JavaScript URL Validation (sny)1,590
, , ,
Forging Successful Partnerships With Software Developers (uxm)1,589
,
The Wasted Potential of CSS Attribute Selectors1,588
, , ,
Next.js Crash Course1,587
, ,
Why We’re Breaking Up With CSS-in-JS1,586
, ,
Don’t Be Arrogantly Ignorant: Don’t Flame1,585
,
How to Rebase Stacked Git Branches1,584
,
Moving From React to htmx1,583
, ,
Introduction to WebC (5t3)1,582
,
New Brutalism and Web Accessibility: What You Need to Know (uxd)1,581
,
Accessibility Checkers—a Good Start, Not a Solution1,580
, ,
Design for Them Not for You1,579
, ,
Container Queries: Style Queries (bra)1,578
,
Scoop: Meta Ending Support for Instant Articles1,577
,
Microfrontends: Microservices for the Frontend1,576
,
Utility Framework UnoCSS1,575
, ,
Why You Should Prefer Using pnpm Over npm and Yarn?1,574
, , ,
CDN (htt)1,573
, , , , , ,
Augmenting Node.js With WebAssembly (nea)1,572
, ,
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project1,571
, , ,
Upgrading Colors to HD on the Web (bra)1,570
,
Two JavaScripts (rem)1,569
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)1,568
, ,
Should We Hire Junior Developer Advocates? (bla)1,567
, , ,
Intro to Why Accessibility Is Important for Good SEO (deq)1,566
, ,
A Pure CSS Gallery Focus Effect With “:not” (css)1,565
,
The Web’s Next Transition (ken)1,564
, , ,
How to Animate CSS Box Shadows and Optimize Performance1,563
, , , ,
Design Specifications Template (uxd)1,562
,
Speeding Up Async Snippets (css)1,561
, ,
Representation in “alt” Text (aar)1,560
, ,
Early Days of Container Style Queries (geo/css)1,559
,
Create a Passkey for Passwordless Logins (age/dev)1,558
, ,
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More1,557
, , ,
Quick Tip: How to Use the Ternary Operator in JavaScript1,556
, , ,
Tree Views in CSS (kat)1,555
The Border Property You Never Knew You Needed (kev)1,554
,
Sustainable Web Development Strategies Within an Organization (mic/sma)1,553
, ,
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1,552
, ,
WCAG 2.2 Success Criteria1,551
,
Challenges of Multi-Brand Design Systems (uxd)1,550
, ,
Landing the Second Click: A Guide to Designing Better Landing Pages (uxd)1,549
, , ,
A Little Semantic HTML Trick for React Components1,548
, , , ,
:where :is CSS?1,547
,
When New CSS Features Collide: Possibility and Complexity at the Intersections (rac)1,546
, , ,
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)1,545
, , ,
New Patterns for Amazing Apps (tom/dev)1,544
How to Write Good Alt Text (cfe)1,543
, , , ,
Delightful UI Animations With Shared Element Transitions API II (cod/sma)1,542
, , ,
Turn Around Your Git Mistakes in 17 Ways1,541
, ,
Usability Heuristic Frameworks: Which One Is Right for You? (uxd)1,540
,
Personas: Study Guide1,539
, , , ,
Understanding “async” and “await”1,538
,
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)1,537
, , , ,
Prioritizing Technical Debt With Hotspots1,536
, , ,
Layout Breakouts With CSS Grid1,535
, ,
4 Required Tests Before Shipping New Features (5t3)1,534
,
A Short Story of the Google Error Page (j9t)1,533
, ,
Debugging CSS, No Extensions Required (kev)1,532
, , , ,
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)1,531
, ,
The Future of the Web Is on the Edge (den)1,530
,
Five Months Worth of Takes on the Digital Accessibility Space1,529
, ,
The Future of Rendering in React1,528
, ,
Awesome Tools for Open Source Contributions1,527
, ,
How to Safely Pass Data to JavaScript in a Django Template1,526
, ,
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)1,525
How to Safely Share Your Email Address on a Website (css)1,524
, ,
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)1,523
, , ,
Adding Components to Eleventy With WebC (zac)1,522
, ,
Foundations: HTML Semantics (tet)1,521
, , ,
Quick Tip: How to Use the Spread Operator in JavaScript1,520
, , ,
Using Web Components With Next (or Any SSR Framework) (css)1,519
, ,
Use “npm query” and jq to Dig Into Your Dependencies1,518
, , ,
Patching the Open Web (jim)1,517
Front-End Development Is Like… (geo)1,516
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)1,515
, , , ,
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)1,514
, , ,
CSS Halftone Patterns (mic)1,513
,
Four Ways to Pick the Right UX Method1,512
,
Can Consistency Harm Your Product? (uxd)1,511
,
One Formula to Rule Them All: The ROI of a Design System (uxd)1,510
The Missing Math Methods in JavaScript1,509
,
Designing a Secure API1,508
, ,
Component-Level Design Tokens: Are They Worth It?1,507
,
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (deq)1,506
,
When Going Somewhere Does a Thing: On Links and Buttons (kil)1,505
, , , ,
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)1,504
, , , , ,
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)1,503
, ,
3 Things to Consider Before You Implement CAPTCHA for Accessibility (uxd)1,502
,
Jenkins Best Practices Every Developer Must Know1,501
,
Minimalism as Narcissism1,500
CSS-Only Type Grinding: Casting Tokens Into Useful Values1,499
,
Mobile UX Design in 2022 (uxm)1,498
, ,
The Difference Between “undefined” and “not defined” in JavaScript1,497
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)1,496
, ,
I Changed My Mind About Writing New JavaScript Frameworks (whi)1,495
,
Delightful UI Animations With Shared Element Transitions API (cod/sma)1,494
, , ,
Busting the Myths About Agile Development and User Research (uxm)1,493
, , ,
A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (pop)1,492
, ,
Phylum Detects Active Typosquatting Campaign Targeting npm Developers1,491
, ,
Ten Years of TypeScript (typ)1,490
What Is Website Minimalism?1,489
,
Software Engineering Practices (sim)1,488
, , , , , ,
How to Scale SVG (ame/css)1,487
, , ,
Learn Accessibility (dev)1,486
,
A Web Component Story1,485
,
depngn1,484
, , ,
Why UX?1,483
,
Templating in HTML (kit)1,482
,
Optimize Long Tasks (mal/dev)1,481
, ,
Getting Started With WordPress Block Development (css)1,480
,
Choosing the Best Node.js Docker Image (lir/sny)1,479
,
Building Delight in Your Design System (lur/zer)1,478
,
State of CSS 2022 (sac+/dev)1,477
,
How to Center a Div Using CSS Grid1,476
, , ,
Yes, Accessibility Is Also a Backend Concern (eri)1,475
Why You Should Care About Design in Uncertain Times (uxd)1,474
Intersectionality, Accessibility, and Inclusion (int)1,473
, ,
“:has()” Opens Up New Possibilities With CSS (kev)1,472
, ,
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)1,471
, , ,
Getting the Power of Vim in WebStorm and Other JetBrains IDEs (jet)1,470
, , ,
Let Me Understand How JavaScript Works Under the Hood1,469
How to Make Your Designs Scannable (and Why You Should) (web)1,468
, ,
Websites Need to Be Accessible to Be Inclusive1,467
,
This Site’s Type Is Now Variable (ell)1,466
, , ,
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)1,465
,
How to Return Multiple Values From a Function in JavaScript (ami)1,464
, ,
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1,463
, , , ,
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno1,462
, ,
Useful JavaScript Math Functions and How to Use Them1,461
, ,
Closing a 30 Pixel Gap Between Native and Web (pat)1,460
, , ,
A Deep Dive Into WCAG 2.2—and Beyond (yat)1,459
, , ,
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,458
,
Learn HTML (est/dev)1,457
,
Five Data-Loading Patterns to Boost Web Performance (sma)1,456
Dear Console… (cod)1,455
,
7 Things to Consider When Working On a Personal Project1,454
,
The New Wave of JavaScript Web Frameworks1,453
, , , , ,
Security (lir+/htt)1,452
, , , ,
Page Weight (htt)1,451
, , , ,
JavaScript (mal/htt)1,450
, , , ,
Accessibility (htt)1,449
, , , ,
CMS (htt)1,448
, , , ,
Sustainability (htt)1,447
, , , ,
Media (htt)1,446
, , , , ,
SEO (htt)1,445
, , , ,
Fonts (htt)1,444
, , , ,
HTTP (htt)1,443
, , , , ,
Markup (j9t/htt)1,442
, , , ,
Interoperability (bka/htt)1,441
, , , ,
I Am Not That Excited About New CSS Features (cit)1,440
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1,439
, , ,
How to Create Wavy Shapes and Patterns in CSS (css/css)1,438
, ,
CSS (rac/htt)1,437
, , , ,
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (pep)1,436
,
100 Days of More or Less Modern CSS (mat)1,435
K-Means Clustering Visualization Using D3.js1,434
,
Continue Using .env Files as Usual1,433
,
Two Things I Learned by Validating My HTML Again1,432
, ,
Streamable HTML Fragments (dev)1,431
,
Audience-Based Website Navigation1,430
, ,
Writing Composable SQL Using JavaScript1,429
, ,
Blind People Need to Be Considered More When Making Data Visualizations1,428
,
Testing Web Design Color Contrast (arg/dev)1,427
, ,
Randomness in CSS1,426
,
The Indisputable Truth About Accessibility1,425
,
A Designer’s Guide to Documenting Accessibility (ste)1,424
, , ,
Things I Wish I Had Known About Angular When I Started (sma)1,423
Attitudes to Digital Accessibility Survey 20221,422
, ,
Use Cases for CSS Comparison Functions (sha)1,421
,
Top Task Analysis: Make It Fast and Efficient (boa)1,420
Speedy CSS Tip! Animated Loader (jhe/dev)1,419
,
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1,418
, ,
Creative Section Breaks Using CSS “clip-path” (zor/css)1,417
, , ,
Inspect and Modify CSS Animation Effects (pat+)1,416
, , , , , ,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1,415
, , ,
Element Timing: One True Metric to Rule Them All? (spe)1,414
, ,
Rest vs. Spread Syntax in JavaScript (ami)1,413
,
Designing Better Inline Validation UX (vit/sma)1,412
, ,
5 Ways That UX Developers Influence SEO (web)1,411
,
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1,410
, , ,
The Web Is Good Now (chr)1,409
,
Type-Level TypeScript1,408
,
How to Generate Random Numbers in JavaScript With “Math.random()”1,407
, , ,
React I Love You, but You’re Bringing Me Down1,406
Making Your Web Pages Printer-Friendly With CSS (cra)1,405
,
Why Designers Quit (uxd)1,404
,
Shell Scripting With Node.js (rau)1,403
, ,
Prototyping to Learn (dav)1,402
,
It’s Good to Make Mistakes (tem)1,401
, ,
CSS Rules vs. CSS Rulesets (lou)1,400
,
Container Queries Are Going to Change How We Make Layouts (kev)1,399
, , ,
Clarifying Color Contrast and Font Size Guidelines (mar)1,398
, , ,
Accessibility Is Systemic (ada)1,397
Stop Using .env Files Now1,396
,
Web Sustainability and the Ethical Dilemma (mic)1,395
, ,
How Rapid Usability Testing Is Changing UX Research (uxm)1,394
, , ,
Rethinking a Design System1,393
How to Get the Current Timestamp in JavaScript1,392
,
Design 4.0: Leading Design in the New Industry (uxd)1,391
CSS Drawings (alv)1,390
,
Building a Retro Draggable Web Component With Lit (and/sma)1,389
,
5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm)1,388
, , ,
Accidental Dismissal of Overlays: A Common Mobile Usability Problem1,387
, ,
Debunking Myths About HTTPS1,386
, ,
The Git Commands I Use Every Day1,385
,
When Design Systems Lie (css)1,384
,
How to (Not) Make a Button1,383
, , , ,
Accessibility Is for Every One1,382
Brief Note on Super- and Subscript Text (aar)1,381
, , ,
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1,380
,
7 Must Know JavaScript Tips and Tricks1,379
,
Designing for People With Cognitive Disabilities and Everyone Else1,378
, ,
Why the Number Input Is the Worst Input1,377
, , ,
The Rise of the TikTok Pattern (uxd)1,376
,
Accessibility in Times of Headless (sma)1,375
, ,
Design Tokens 1011,374
How to Substantially Slow Down Your Node.js Server1,373
, ,
Why Are Vanity Metrics Still Problematic? (uxd)1,372
Let’s Get Logical (ada)1,371
,
Invalid CSS (cit)1,370
,
I Never Thought This Would Be Possible With CSS (kev)1,369
, ,
Five Things You Can Do to Be More Inclusive (dbo)1,368
,
Buttons and the Baader–Meinhof Phenomenon (mat)1,367
,
Quick Tip: Embedding YouTube Videos in GitHub Pages (cod)1,366
, , , ,
A Guide to Rounding Numbers in JavaScript1,365
,
When Is It OK to Disable Text Selection? (css)1,364
, ,
W3C TAG Ethical Web Principles1,363
, ,
3 Problems Scrum Doesn’t Solve1,362
, ,
The State of Digital Accessibility: Three Key Challenges (moz)1,361
, ,
Secure Your Node.js App With JSON Web Tokens (app)1,360
, ,
On Better Browsers: Arbitrary Media Queries and Browser UIs (kil)1,359
, ,
JavaScript APIs You Don’t Know About (mon/sma)1,358
,
Container Queries in Browsers! (mia)1,357
, ,
Intrinsic CSS With Container Queries and Units (mia)1,356
, , , ,
Detecting CSS Selector Support (mic)1,355
, , ,
The Basics of Remix (css)1,354
, ,
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1,353
, , ,
Node.js Native Binary Compilation Using Vercel pkg1,352
, ,
Wtf Is an Island and Why Is It in My Website?1,351
, , ,
Disability Is Not a Dirty Word1,350
,
First Batch of Color Fonts Arrives on Google Fonts1,349
, , ,
What Is Data Engineering? (ger)1,348
,
The Power of CSS Blend Modes (spa/clo)1,347
,
PureComponents vs. Functional Components With Hooks (ade)1,346
, , ,
Conditionally Spreading Objects in JavaScript (ami)1,345
,
Better Accessible Names (hdv)1,344
,
The Seventh Way to Call a JavaScript Function Without Parentheses1,343
,
Nuclear Footnotes (mey)1,342
,