Frontend Dogma

“2022” Archive (7)

Entry (Sources) and Other Related TopicsDate#
A Practical Guide to Aspect Ratio in CSS (zor/css)591
, ,
The 5 Golden Rules of Code Reviews590
, ,
Web Scraping via JavaScript Runtime Heap Snapshots589
, ,
Learn to Code With JavaScript: The Most Popular Programming Language on Earth588
,
Traditional Web Design Process Is Fundamentally Broken (gri/clo)587
, , , ,
Stop Removing Focus (tod)586
, ,
What Is Memoization? How and When to Memoize in JavaScript and React (fre)585
, ,
A Guide to Task-Based UX Metrics584
, ,
Is Measuring Speed a Useful Metric for Design Systems? (amy+)583
, , ,
Plain Old Semantic HTML: A Perfect Basis for Accessibility582
, ,
Non-Interactive Elements With the “inert” Attribute (web)581
, ,
Flexibly Centering an Element With Side-Aligned Content (mey)580
,
Deploy Your First Website Without Leaving Your IDE (bla/git)579
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)578
, , ,
Build a Lightweight Web Component With Lit.js577
,
Supercharge Your Design System With Design Tokens (uxd)576
,
Deep Dive Into Top Web Developer Pain Points (dev)575
,
Four Eras of JavaScript Frameworks574
, ,
8 Ways to Make Website Accessibility Easier (and Less Expensive)573
Testing Figma Components572
, ,
The “Dark Yellow Problem” in Design System Color Palettes (uxd)571
, ,
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)570
, ,
How Web Browsers Work: Parsing the HTML569
, ,
9 Useful Principles of UX Design (uxm)568
, ,
16 Top Design Trends for 2022 (uxm)567
,
11 Steps to Keep Figma Clean (uxd)566
, ,
Best Font for Online Reading: No Single Answer565
, , , ,
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)564
,
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity563
,
Writing Strong Front-End Test Element Locators (css)562
Progressive Enhancement and HTML Forms: Use “FormData” (bra)561
, ,
How Web Browsers Work: Navigation560
,
TypeScript Tips and Tricks (vsc)559
, ,
Mastering CSS Transitions With React 18558
, ,
Building a Combined CSS Aspect Ratio Grid (9el)557
, ,
Web Color Is Still Broken556
, ,
Web Components as Progressive Enhancement (pau/clo)555
,
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)554
, , , , ,
Faster Initialization of Instances With New Class Features553
, , , ,
The Future of CSS: CSS Toggles (bra)552
,
Debugging Node Serverless Functions on AWS Lambda551
, , , ,
Why Learn to Code? 17 Benefits of Learning to Code550
,
Productivity Tips and Tools for a More Efficient Workflow (sma)549
, , ,
Brief Note on Buttons, Enter, and Space (aar)548
Beyond WCAG: Losing Spoons Online (tpg)547
, ,
Low-Code No-Code Web Development, Explained546
,
The Role of Policy in Creating a Culture of Accessibility545
, , ,
Routing: I’m Not Smart Enough for an SPA544
,
How to Start Testing Your Website With a Screen Reader543
, , ,
URL, URI, URN: What’s the Difference?542
, ,
The Front-End Developer’s Guide to the Terminal (jos)541
, ,
Ordering CSS Declarations (jim)540
,
Forced Colors Explained: A Practical Guide (kil/pol)539
,
How to Choose the Right Static Site Generator538
, , , , , , , ,
Does Valid and Semantic HTML Still Matter? (5t3+)537
, , ,
When UX Goes Bad (and How to Fix It) (web)536
4 Reasons to Avoid Using “npm link”535
20 Easy Ways to Be More Productive as a Developer534
The Ultimate Guide to Push Notifications for Developers (sma)533
,
Web Scraping Is Legal, U.S. Appeals Court Reaffirms (tec)532
,
React 18—New Features and Improvement Strategies531
Ensure Third Party Content Is Accessible (ons/tpg)530
, ,
A Practical Guide to Centering in CSS (sta)529
, ,
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking528
, ,
Node.js 18 Introduces Prefix-Only Core Modules527
How to Improve Core Web Vitals (8 Ways)526
, ,
The Most Popular Node.js Frameworks in 2022 (sta)525
,
Is Agile an Anti-Design Pattern? (uxd)524
, ,
Intro to CSS Parent Selector—“:has()” (zor/css)523
, , ,
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases522
, ,
Evaluating Design System Adoption Using Custom CSS521
, , ,
Fonts for the Web: Rationale, 1996 (svg/w3c)520
,
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)519
7 Web Component Tricks (dav)518
,
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results517
, ,
Drastically Improve Your UI Designs With This Technique516
, ,
Title Rewrites: 3 Patterns to Avoid (moz)515
, , ,
A Web Renaissance514
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)513
, ,
Usability Guidelines for Better Carousels UX (vit/sma)512
, , ,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)511
, , ,
CSS Parent Selector (sha)510
,
Building a Dialog Component (arg/dev)509
, , , ,
Why Accessibility Bugs Are a Good Thing and How to Handle Them508
,
Naming Colors in Design Systems507
, ,
Component Party506
, , , , , , , , , , , ,
One Million Broken Web Sites—and a Way to Prevent That (cod)505
, ,
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)504
Common Accessibility Issues That You Can Fix Today (hdv)503
How to Develop Your UX Design Philosophy (uxm)502
, ,
7 Collaborative Coding Tools for Remote Pair Programming501
,
How to Improve UX Design Through A/B Testing (uxm)500
, , , ,
Those HTML Elements You Never Use499
,
Takeaways From “The Internet Is Unusable”: The Disabled View (red)498
Mobile-First Ecommerce Site Design Is the Future (uxm)497
, , ,
Image Borders in CSS (ami)496
, ,
CSS Toggles Explainer and Proposal (mia+/odd)495
,
Common App Design Challenges and Their Solutions (uxm)494
,
Childish Font Sizes (tyl/clo)493
, ,
How to Fix Your Low-Contrast Text (ben)492
, , ,
CSS Tips and Tricks You May Need to Know491
,
Information Architecture: Study Guide490
, , ,
How to Turn HTML Webpage Into an Image?489
, , ,
CSS “:has()” a Parent Selector Now488
,
Open Accessibility Standards487
, ,
JavaScript Function Composition: What’s the Big Deal?486
,
April 9 Is CSS Naked Day (fro)485
, ,
MIME Types484
, , ,
SEO for a New Website in 2022483
,
33 JavaScript Concepts Every Developer Should Know482
,
Incremental Static Regeneration for Angular481
,
There’s No Such Thing as a “Design System Designer” (uxd)480
, ,
Dynamic Data-Fetching in an Authenticated Next.js App (sma)479
, ,
Nailing Your Engineering Interviews: Tips From a Technical Recruiter478
,
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)477
, ,
Why Your Design System Needs Content Design476
,
Your Website Is a Pollution Machine (cfe)475
Designing Better Breadcrumbs (vit/sma)474
, , ,
How to Create Animated Anchor Links Using CSS (zor/css)473
, , , ,
JavaScript and Node.js Testing Best Practices472
, , ,
Principles of Object-Oriented Programming in TypeScript (app)471
, ,
Sharing State in Distributed UIs at Runtime470
, ,
A New Statistical Approach for Predicting Usability Problems469
, , ,
Fonts in Use: Variable Fonts468
, ,
Animated Grid Tracks With “:has()” (mic)467
, , ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)466
, , ,
The Business Case for Accessibility (tet)465
,
Accessibility Testing Guide464
, , ,
HTML Is All You Need to Make a Website (whi)463
Alternative Text (Alt Text) (pop)462
, , , ,
12 Years Beyond a HTML Joke (ste)461
,
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)460
, ,
What’s New in ECMAScript 2022 (paw)459
,
What If… One Day Everything Got Better? (dav)458
Thoughts on Exerting Control With Media Queries (jim)457
, ,
Accessible Description Exposure (aar)456
,
How to Respond to Growing Supply Chain Security Risks?455
, , , ,
Tweaking in the Browser (sha)454
,
“aria-labelledby” Usage Notes (ste)453
, , ,
Are You Using Coding Interviews for Senior Software Developers?452
, ,
Top 3 Informational Interview Questions in UX451
, , ,
Accessible Cards (kit)450
, ,
Why We Don’t Use a Staging Environment449
,
Exciting Times for Browsers (and CSS) (mic)448
,
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)447
, , , ,
How to Match HTML Elements With an Indeterminate State (ste)446
, , ,
Accessibility Policy Implementation: What You Need to Know445
, ,
Web Accessibility Guidance Project444
,
Introduction to the SSH Protocol443
, ,
Designing a Better Infinite Scroll (vit/sma)442
, ,
Neubrutalism Is Taking Over the Web (uxd)441
,
Make Beautifully Resilient Apps With Progressive Enhancement (aus)440
,
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone439
,
HTML-Only Keyboard Shortcuts (ami)438
, , ,
How to Optimize Your LCP (with Visuals) (ste)437
, , ,
Picture Perfect Images With the Modern “<img>” Element (add)436
, , ,
An Opinionated Guide to Unit Testing435
, ,
How to Document Accessibility Issues434
, ,
7 Learning Habits for Developers: Reach Skill Goals in Less Time433
Case: Accessibility in Software Development432
Locale Aware Sorting in JavaScript431
, , ,
Understanding Layout Algorithms (jos)430
,
Secret Mechanisms of CSS (jos/9el)429
,
Optimising Largest Contentful Paint (css)428
,
CSS “:has” (dav)427
,
A Guide to Hover and Pointer Media Queries (its/sma)426
, ,
Why Every Programmer Must Blog425
, , ,
The Art of CSS Art424
,
Building a Headless Design System (fig)423
, ,
You ≠ User422
, ,
14 Linting Rules to Help You Write Asynchronous Code in JavaScript421
, ,
You’re Unselectable (aar)420
,
Remix Routes Demystified (ati/sma)419
,
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)418
, , ,
How to Use Props in React (rwi)417
, ,
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed416
, ,
How Should You Name Your Colors in a Design System? (uxd)415
, ,
Variable Fonts in Real Life: How to Use and Love Them (evi)414
, ,
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)413
,
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)412
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)411
Resetting Inherited CSS With “Revert” (spa/clo)410
,
How Do Design Systems Improve Developer Efficiency?409
,
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)408
, , , , , ,
There Are No Bad Questions in Accessibility407
Those HTML Attributes You Never Use (lou/sma)406
,
The 5 Riders of Accessible Media (uxd)405
,
When to Use a Function Expression vs. Function Declaration404
, ,
Deep Dive Into the CSS “:where()” Function (log)403
, ,
Building a Sketch Design System: Tips and Tricks402
, ,
Dynamically Generated Content and Accessibility: 3 Quick Tips401
, ,
The Book on Accessibility400
, , ,
Optimising Core Web Vitals on SPAs (sim)399
, , ,
ADA Web Site Compliance Still Not a Thing (aar)398
, , ,
Should “Cancel” Be a Button or a Link? (uxd)397
, , ,
Design Systems Aren’t Cheap396
, ,
Dos and Don’ts of Mobile UX Design (uxm)395
, , ,
4 Xs That Aren’t UX (uxd)394
PHP Sanitize Data393
,
Usability Testing: Driving the Best User Experience for Business Success (uxm)392
, ,
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)391
, , , ,
Design System—Principles of Success390
,
“!important” Was Added for One Reason Only (ste)389
,
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)388
, ,
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)387
, , , , ,
Improving Your User Experience to Reduce Bounce Rates (uxm)386
, , ,
HTML Semantics (cfe)385
,
Conquering JavaScript Hydration (rya/thi)384
,
Building Your Own Nodemon (ano)383
, ,
Typography in Design Tokens for Figma and Code382
, , ,
UX Strategy: Definition and Components381
,
Authorization in a Microservices World380
,
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)379
, , ,
The Web Doesn’t Have Version Numbers (mic)378
,
Why Is Dark Mode So Captivating? (uxd)377
Performance Tests on Common JavaScript Array Methods (hac)376
, , ,
Alt-Text Selfies375
, , ,
Optimizing SVG Patterns to Their Smallest Size (css)374
, ,
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)373
,
Identifying Fonts: The Complete Guide372
, ,
Guidance on Web Accessibility and the ADA371
, ,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability370
, , ,
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)369
, , ,
Introduction to Bulma: A Simple and Intuitive CSS Framework368
,
Migrating Our Monorepo to Yarn 2367
, ,
Google Calendar Webhooks With Node.js366
, ,
How Do I Resolve Merge Conflicts? (bla/git)365
, ,
The Future of the Web and Accessibility (tim/deq)364
, ,
What Makes You a Professional Web Developer (j9t)363
,
Perceptually Uniform Color Models and Their Implications362
,
How to Prep Your SEO Strategy for a New Website (moz)361
, ,
What Is Platform Engineering?360
,
A Quick Guide to Closures359
, ,
All HTML and CSS Cheatsheets in One Place358
, ,
How to Empathize With Your Users357
, , ,
What Every Good README Should Contain356
Building a Loading Bar Component (arg/dev)355
, , ,
Accessibility, Assistive Technology, and JavaScript (cfe)354
, ,
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)353
, , ,
What Are Micro-Frontends?352
Don’t Believe the Type! (deq)351
, , , ,
Making the World’s Fastest Website, and Other Mistakes350
,
Prevent Technical Debt With These 3 Strategies349
The Weirdly Obscure Art of Streamed HTML348
, ,
Implementing JavaScript Delay for Cookie Consent Banner347
, , ,
React Best Practices and Patterns to Reduce Code346
, ,
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)345
, ,
When or If (mey)344
It Needs to Map Back to a Role (eri)343
, , ,
In Defense of Sass (5t3)342
,