Frontend Dogma

“2022” Archive (7)

Entry (Sources) and Other Related TopicsDate#
A Practical Guide to Aspect Ratio in CSS (zor/css)583
, ,
What Is Memoization? How and When to Memoize in JavaScript and React (fre)582
, ,
A Guide to Task-Based UX Metrics581
, ,
Is Measuring Speed a Useful Metric for Design Systems? (amy+)580
, , ,
Plain Old Semantic HTML: A Perfect Basis for Accessibility579
, ,
Non-Interactive Elements With the “inert” Attribute (web)578
, ,
Flexibly Centering an Element With Side-Aligned Content (mey)577
,
Deploy Your First Website Without Leaving Your IDE (bla/git)576
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)575
, , ,
Build a Lightweight Web Component With Lit.js574
,
Supercharge Your Design System With Design Tokens (uxd)573
,
Deep Dive Into Top Web Developer Pain Points (dev)572
,
Four Eras of JavaScript Frameworks571
, ,
8 Ways to Make Website Accessibility Easier (and Less Expensive)570
Testing Figma Components569
, ,
The “Dark Yellow Problem” in Design System Color Palettes (uxd)568
, ,
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)567
, ,
How Web Browsers Work: Parsing the HTML566
, ,
9 Useful Principles of UX Design (uxm)565
, ,
16 Top Design Trends for 2022 (uxm)564
,
11 Steps to Keep Figma Clean (uxd)563
, ,
Best Font for Online Reading: No Single Answer562
, , , ,
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)561
,
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity560
,
Writing Strong Front-End Test Element Locators (css)559
Progressive Enhancement and HTML Forms: Use “FormData” (bra)558
, ,
How Web Browsers Work: Navigation557
,
TypeScript Tips and Tricks (vsc)556
, ,
Mastering CSS Transitions With React 18555
, ,
Building a Combined CSS Aspect Ratio Grid (9el)554
, ,
Web Color Is Still Broken553
, ,
Web Components as Progressive Enhancement (pau/clo)552
,
Faster Initialization of Instances With New Class Features551
, , , ,
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)550
, , , ,
The Future of CSS: CSS Toggles (bra)549
,
Debugging Node Serverless Functions on AWS Lambda548
, , , ,
Why Learn to Code? 17 Benefits of Learning to Code547
,
Productivity Tips and Tools for a More Efficient Workflow (sma)546
, , ,
Brief Note on Buttons, Enter, and Space (aar)545
Beyond WCAG: Losing Spoons Online (tpg)544
, ,
Low-Code No-Code Web Development, Explained543
,
The Role of Policy in Creating a Culture of Accessibility542
, , ,
Routing: I’m Not Smart Enough for an SPA541
,
How to Start Testing Your Website With a Screen Reader540
, , ,
URL, URI, URN: What’s the Difference?539
, ,
The Front-End Developer’s Guide to the Terminal (jos)538
, ,
Ordering CSS Declarations (jim)537
,
Forced Colors Explained: A Practical Guide (kil/pol)536
,
Does Valid and Semantic HTML Still Matter? (5t3+)535
, , ,
When UX Goes Bad (and How to Fix It) (web)534
4 Reasons to Avoid Using “npm link”533
20 Easy Ways to Be More Productive as a Developer532
How to Choose the Right Static Site Generator531
, , , , , , ,
The Ultimate Guide to Push Notifications for Developers (sma)530
,
Web Scraping Is Legal, U.S. Appeals Court Reaffirms (tec)529
,
React 18—New Features and Improvement Strategies528
Ensure Third Party Content Is Accessible (ons/tpg)527
, ,
A Practical Guide to Centering in CSS (sta)526
, ,
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking525
, ,
Node.js 18 Introduces Prefix-Only Core Modules524
How to Improve Core Web Vitals (8 Ways)523
, ,
The Most Popular Node.js Frameworks in 2022 (sta)522
,
Is Agile an Anti-Design Pattern? (uxd)521
, ,
Intro to CSS Parent Selector—“:has()” (zor/css)520
, , ,
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases519
, ,
Evaluating Design System Adoption Using Custom CSS518
, , ,
Fonts for the Web: Rationale, 1996 (svg/w3c)517
,
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)516
7 Web Component Tricks (dav)515
,
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results514
, ,
Drastically Improve Your UI Designs With This Technique513
, ,
Title Rewrites: 3 Patterns to Avoid (moz)512
, , ,
A Web Renaissance511
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)510
, ,
Usability Guidelines for Better Carousels UX (vit/sma)509
, , ,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)508
, , ,
CSS Parent Selector (sha)507
,
Building a Dialog Component (arg/dev)506
, , , ,
Why Accessibility Bugs Are a Good Thing and How to Handle Them505
,
Naming Colors in Design Systems504
, ,
Component Party503
, , , , , , , , , , , ,
One Million Broken Web Sites—and a Way to Prevent That (cod)502
, ,
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)501
Common Accessibility Issues That You Can Fix Today (hdv)500
How to Develop Your UX Design Philosophy (uxm)499
, ,
7 Collaborative Coding Tools for Remote Pair Programming498
,
How to Improve UX Design Through A/B Testing (uxm)497
, , , ,
Those HTML Elements You Never Use496
,
Takeaways From “The Internet Is Unusable”: The Disabled View (red)495
Mobile-First Ecommerce Site Design Is the Future (uxm)494
, , ,
Image Borders in CSS (ami)493
, ,
CSS Toggles Explainer and Proposal (mia+/odd)492
,
Common App Design Challenges and Their Solutions (uxm)491
,
Childish Font Sizes (tyl/clo)490
, ,
CSS Tips and Tricks You May Need to Know489
,
Information Architecture: Study Guide488
, , ,
How to Turn HTML Webpage Into an Image?487
, , ,
How to Fix Your Low-Contrast Text486
, , ,
CSS “:has()” a Parent Selector Now485
,
Open Accessibility Standards484
, ,
JavaScript Function Composition: What’s the Big Deal?483
,
April 9 Is CSS Naked Day (fro)482
, ,
MIME Types481
, , ,
SEO for a New Website in 2022480
,
33 JavaScript Concepts Every Developer Should Know479
,
Incremental Static Regeneration for Angular478
,
There’s No Such Thing as a “Design System Designer” (uxd)477
, ,
Dynamic Data-Fetching in an Authenticated Next.js App (sma)476
, ,
Nailing Your Engineering Interviews: Tips From a Technical Recruiter475
,
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)474
, ,
Why Your Design System Needs Content Design473
,
Your Website Is a Pollution Machine (cfe)472
How to Create Animated Anchor Links Using CSS (zor/css)471
, , , ,
JavaScript and Node.js Testing Best Practices470
, , ,
Designing Better Breadcrumbs (vit/sma)469
, ,
Principles of Object-Oriented Programming in TypeScript (app)468
, ,
Sharing State in Distributed UIs at Runtime467
, ,
A New Statistical Approach for Predicting Usability Problems466
, , ,
Fonts in Use: Variable Fonts465
, ,
Animated Grid Tracks With “:has()” (mic)464
, , ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)463
, , ,
The Business Case for Accessibility (tet)462
,
Accessibility Testing Guide461
, , ,
HTML Is All You Need to Make a Website (whi)460
Alternative Text (Alt Text) (pop)459
, , , ,
12 Years Beyond a HTML Joke (ste)458
,
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)457
, ,
What’s New in ECMAScript 2022 (paw)456
,
What If… One Day Everything Got Better? (dav)455
Thoughts on Exerting Control With Media Queries (jim)454
, ,
Accessible Description Exposure (aar)453
,
How to Respond to Growing Supply Chain Security Risks?452
, , , ,
Tweaking in the Browser (sha)451
,
“aria-labelledby” Usage Notes (ste)450
, , ,
Are You Using Coding Interviews for Senior Software Developers?449
, ,
Top 3 Informational Interview Questions in UX448
, , ,
Accessible Cards (kit)447
, ,
Why We Don’t Use a Staging Environment446
,
Exciting Times for Browsers (and CSS) (mic)445
,
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)444
, , , ,
How to Match HTML Elements With an Indeterminate State (ste)443
, , ,
Accessibility Policy Implementation: What You Need to Know442
, ,
Web Accessibility Guidance Project441
,
Introduction to the SSH Protocol440
, ,
Designing a Better Infinite Scroll (vit/sma)439
, ,
Neubrutalism Is Taking Over the Web (uxd)438
,
Make Beautifully Resilient Apps With Progressive Enhancement (aus)437
,
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone436
,
HTML-Only Keyboard Shortcuts (ami)435
, , ,
How to Optimize Your LCP (with Visuals) (ste)434
, , ,
Picture Perfect Images With the Modern “<img>” Element (add)433
, , ,
An Opinionated Guide to Unit Testing432
, ,
How to Document Accessibility Issues431
, ,
7 Learning Habits for Developers: Reach Skill Goals in Less Time430
Case: Accessibility in Software Development429
Locale Aware Sorting in JavaScript428
, , ,
Understanding Layout Algorithms (jos)427
,
Secret Mechanisms of CSS (jos/9el)426
,
Optimising Largest Contentful Paint (css)425
,
CSS “:has” (dav)424
,
A Guide to Hover and Pointer Media Queries (its/sma)423
, ,
Why Every Programmer Must Blog422
, , ,
The Art of CSS Art421
,
Building a Headless Design System (fig)420
, ,
You ≠ User419
, ,
14 Linting Rules to Help You Write Asynchronous Code in JavaScript418
, ,
You’re Unselectable (aar)417
,
Remix Routes Demystified (ati/sma)416
,
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)415
, , ,
How to Use Props in React (rwi)414
, ,
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed413
, ,
How Should You Name Your Colors in a Design System? (uxd)412
, ,
Variable Fonts in Real Life: How to Use and Love Them (evi)411
, ,
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)410
,
Resetting Inherited CSS With “Revert” (spa/clo)409
,
Spotlight: What Happens When a Project Team Shifts Accessibility Left?408
How Do Design Systems Improve Developer Efficiency?407
,
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)406
, , , , , ,
There Are No Bad Questions in Accessibility405
Those HTML Attributes You Never Use (lou/sma)404
,
The 5 Riders of Accessible Media (uxd)403
,
When to Use a Function Expression vs. Function Declaration402
, ,
Deep Dive Into the CSS “:where()” Function (log)401
, ,
Building a Sketch Design System: Tips and Tricks400
, ,
Dynamically Generated Content and Accessibility: 3 Quick Tips399
, ,
The Book on Accessibility398
, , ,
Optimising Core Web Vitals on SPAs (sim)397
, , ,
ADA Web Site Compliance Still Not a Thing (aar)396
, , ,
Should “Cancel” Be a Button or a Link? (uxd)395
, , ,
Design Systems Aren’t Cheap394
, ,
Dos and Don’ts of Mobile UX Design (uxm)393
, , ,
4 Xs That Aren’t UX (uxd)392
PHP Sanitize Data391
,
Usability Testing: Driving the Best User Experience for Business Success (uxm)390
, ,
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)389
, , , ,
Design System—Principles of Success388
,
“!important” Was Added for One Reason Only (ste)387
,
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)386
, ,
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)385
, , , , ,
Improving Your User Experience to Reduce Bounce Rates (uxm)384
, , ,
HTML Semantics (cfe)383
,
Conquering JavaScript Hydration (rya/thi)382
,
Typography in Design Tokens for Figma and Code381
, , ,
UX Strategy: Definition and Components380
,
Authorization in a Microservices World379
,
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)378
, , ,
The Web Doesn’t Have Version Numbers (mic)377
,
Why Is Dark Mode So Captivating? (uxd)376
Performance Tests on Common JavaScript Array Methods (hac)375
, , ,
Alt-Text Selfies374
, , ,
Optimizing SVG Patterns to Their Smallest Size (css)373
, ,
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)372
,
Identifying Fonts: The Complete Guide371
, ,
Guidance on Web Accessibility and the ADA370
, ,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability369
, , ,
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)368
, , ,
Introduction to Bulma: A Simple and Intuitive CSS Framework367
,
Migrating Our Monorepo to Yarn 2366
, ,
Google Calendar Webhooks With Node.js365
, ,
How Do I Resolve Merge Conflicts? (bla/git)364
, ,
The Future of the Web and Accessibility (tim/deq)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 Makes You a Professional Web Developer (j9t)356
,
What Every Good README Should Contain355
Building a Loading Bar Component (arg/dev)354
, , ,
Accessibility, Assistive Technology, and JavaScript (cfe)353
, ,
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)352
, , ,
What Are Micro-Frontends?351
Don’t Believe the Type! (deq)350
, , , ,
Making the World’s Fastest Website, and Other Mistakes349
,
Prevent Technical Debt With These 3 Strategies348
The Weirdly Obscure Art of Streamed HTML347
, ,
Implementing JavaScript Delay for Cookie Consent Banner346
, , ,
React Best Practices and Patterns to Reduce Code345
, ,
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)344
, ,
Aligning Content in Different Wrappers (sha)343
, ,
Explaining Micro Frontends as Simply as Possible342
Update Node Dependencies Automatically, Selectively, or Incrementally341
, , ,
Tao of Node—Design, Architecture, and Best Practices340
, ,
When or If (mey)339
It Needs to Map Back to a Role (eri)338
, , ,
In Defense of Sass (5t3)337
,
How to Use Spectator to Test Your Angular Components336
, , , ,
20 Productivity Tips From Developers to Developers335
,
Giving New Meanings to the Color Functions in CSS (alv)334
, ,