Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (3)

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