Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, ostracize. Hide

Frontend Dogma

“2022” News Archive (7)

Entry (Sources) and Other Related TopicsDate#
Understanding the Performance Impact of Anti-Flicker Snippets (spe)604
,
The CSS Art Paradox (j9t)603
, , ,
The Complete Guide to Regular Expressions (Regex)602
,
Server-Side vs. Client-Side Analytics (dav)601
, ,
My Browser Support Strategy (mic)600
, , ,
Misusing TypeScript Assertion Functions for Fun and Profit (chr)599
,
Let’s Keep the “Content” in WCAG598
, ,
Web Scraping via JavaScript Runtime Heap Snapshots597
, ,
Traditional Web Design Process Is Fundamentally Broken (gri/clo)596
, , , ,
The 5 Golden Rules of Code Reviews595
, ,
Stop Removing Focus (col)594
, ,
Learn to Code With JavaScript: The Most Popular Programming Language on Earth593
,
Cool Hover Effects That Use Background Properties (css/css)592
, ,
A Practical Guide to Aspect Ratio in CSS (zor/css)591
, , ,
What Is Memoization? How and When to Memoize in JavaScript and React (fre)590
, ,
Plain Old Semantic HTML: A Perfect Basis for Accessibility589
, ,
Non-Interactive Elements With the “inert” Attribute (web)588
, ,
Is Measuring Speed a Useful Metric for Design Systems? (amy+)587
, , ,
Flexibly Centering an Element With Side-Aligned Content (mey)586
,
Deploy Your First Website Without Leaving Your IDE (bla/git)585
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)584
, , ,
A Guide to Task-Based UX Metrics583
, ,
The “Dark Yellow Problem” in Design System Color Palettes (uxd)582
, ,
Testing Figma Components581
, ,
Supercharge Your Design System With Design Tokens (uxd)580
,
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)579
, ,
How Web Browsers Work: Parsing the HTML578
, ,
Four Eras of JavaScript Frameworks577
, ,
Deep Dive Into Top Web Developer Pain Points (dev)576
,
Build a Lightweight Web Component With Lit.js575
,
9 Useful Principles of UX Design (uxm)574
, ,
8 Ways to Make Website Accessibility Easier (and Less Expensive)573
16 Top Design Trends for 2022 (uxm)572
,
11 Steps to Keep Figma Clean (uxd)571
, ,
Best Font for Online Reading: No Single Answer570
, , , ,
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)569
,
Writing Strong Front-End Test Element Locators (css)568
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity567
,
Progressive Enhancement and HTML Forms: Use “FormData” (bra)566
, ,
How Web Browsers Work: Navigation565
,
Web Components as Progressive Enhancement (pau/clo)564
,
Web Color Is Still Broken563
, ,
TypeScript Tips and Tricks (vsc)562
, ,
Mastering CSS Transitions With React 18561
, ,
Building a Combined CSS Aspect Ratio Grid (9el)560
, , ,
Why Learn to Code? 17 Benefits of Learning to Code559
,
The Future of CSS: CSS Toggles (bra)558
,
Productivity Tips and Tools for a More Efficient Workflow (sma)557
, , ,
Faster Initialization of Instances With New Class Features556
, , , ,
Debugging Node Serverless Functions on AWS Lambda555
, , , , ,
Brief Note on Buttons, Enter, and Space (aar)554
Beyond WCAG: Losing Spoons Online (tpg)553
, ,
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)552
, , , , ,
URL, URI, URN: What’s the Difference?551
, ,
The Role of Policy in Creating a Culture of Accessibility550
, , ,
The Front-End Developer’s Guide to the Terminal (jos)549
, ,
Routing: I’m Not Smart Enough for an SPA548
,
Ordering CSS Declarations (jim)547
,
Low-Code No-Code Web Development, Explained546
,
How to Start Testing Your Website With a Screen Reader545
, , ,
Forced Colors Explained: A Practical Guide (kil/pol)544
,
GitHub Alternatives: A Review of Bitbucket, GitLab, and More543
, , , , , , , ,
When UX Goes Bad (and How to Fix It) (web)542
Web Scraping Is Legal, U.S. Appeals Court Reaffirms (tec)541
,
The Ultimate Guide to Push Notifications for Developers (sma)540
,
React 18—New Features and Improvement Strategies539
How to Choose the Right Static Site Generator538
, , , , , , , ,
Ensure Third Party Content Is Accessible (ons/tpg)537
, ,
Does Valid and Semantic HTML Still Matter? (5t3+)536
, , ,
A Practical Guide to Centering in CSS (sta)535
, ,
4 Reasons to Avoid Using “npm link”534
20 Easy Ways to Be More Productive as a Developer533
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking532
, ,
Node.js 18 Introduces Prefix-Only Core Modules531
The Most Popular Node.js Frameworks in 2022 (sta)530
,
Is Agile an Anti-Design Pattern? (uxd)529
, ,
How to Improve Core Web Vitals (8 Ways)528
, ,
Intro to CSS Parent Selector—“:has()” (zor/css)527
, , ,
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases526
, ,
Fonts for the Web: Rationale, 1996 (svg/w3c)525
,
Evaluating Design System Adoption Using Custom CSS524
, , ,
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)523
7 Web Component Tricks (dav)522
,
Usability Guidelines for Better Carousels UX (vit/sma)521
, , ,
Title Rewrites: 3 Patterns to Avoid (moz)520
, , ,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)519
, , ,
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results518
, ,
Drastically Improve Your UI Designs With This Technique517
, ,
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)516
, ,
CSS Parent Selector (sha)515
,
Building a Dialog Component (arg/dev)514
, , , ,
A Web Renaissance513
Why Accessibility Bugs Are a Good Thing and How to Handle Them512
,
One Million Broken Web Sites—and a Way to Prevent That (cod)511
, ,
Naming Colors in Design Systems510
, ,
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)509
Component Party508
, , , , , , , , , , , ,
Common Accessibility Issues That You Can Fix Today (hdv)507
Those HTML Elements You Never Use506
,
Takeaways From “The Internet Is Unusable”: The Disabled View (red)505
Mobile-First Ecommerce Site Design Is the Future (uxm)504
, , ,
Image Borders in CSS (ami)503
, ,
How to Improve UX Design Through A/B Testing (uxm)502
, , , ,
How to Develop Your UX Design Philosophy (uxm)501
, ,
CSS Toggles Explainer and Proposal (mia+/odd)500
,
Common App Design Challenges and Their Solutions (uxm)499
,
Childish Font Sizes (tyl/clo)498
, ,
7 Collaborative Coding Tools for Remote Pair Programming497
,
Open Accessibility Standards496
, ,
JavaScript Function Composition: What’s the Big Deal?495
,
Information Architecture: Study Guide494
, , ,
How to Turn HTML Webpage Into an Image?493
, , ,
How to Fix Your Low-Contrast Text (ben)492
, , ,
CSS Tips and Tricks You May Need to Know491
,
CSS “:has()” a Parent Selector Now490
,
There’s No Such Thing as a “Design System Designer” (uxd)489
, ,
SEO for a New Website in 2022488
,
MIME Types487
, , ,
Incremental Static Regeneration for Angular486
,
April 9 Is CSS Naked Day (fro)485
, ,
33 JavaScript Concepts Every Developer Should Know484
,
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)483
, ,
Nailing Your Engineering Interviews: Tips From a Technical Recruiter482
,
Dynamic Data-Fetching in an Authenticated Next.js App (sma)481
, ,
Your Website Is a Pollution Machine (cfe)480
Why Your Design System Needs Content Design479
,
Principles of Object-Oriented Programming in TypeScript (app)478
, ,
JavaScript and Node.js Testing Best Practices477
, , ,
How to Create Animated Anchor Links Using CSS (zor/css)476
, , , ,
Designing Better Breadcrumbs (vit/sma)475
, , ,
Working on Two Git Branches at Once With “git worktree” (and)474
, ,
The Business Case for Accessibility (tet)473
,
Sharing State in Distributed UIs at Runtime472
, ,
HTML Is All You Need to Make a Website (whi)471
Fonts in Use: Variable Fonts470
, ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)469
, , ,
Animated Grid Tracks With “:has()” (mic)468
, , ,
Alternative Text (Alt Text) (pop)467
, , , ,
Accessibility Testing Guide466
, , ,
A New Statistical Approach for Predicting Usability Problems465
, , ,
12 Years Beyond a HTML Joke (ste)464
,
What’s New in ECMAScript 2022 (paw)463
,
What If… One Day Everything Got Better? (dav)462
Thoughts on Exerting Control With Media Queries (jim)461
, ,
Accessible Description Exposure (aar)460
,
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)459
, ,
Tweaking in the Browser (sha)458
,
How to Respond to Growing Supply Chain Security Risks?457
, , , ,
“aria-labelledby” Usage Notes (ste)456
, , ,
Top 3 Informational Interview Questions in UX455
, , ,
Are You Using Coding Interviews for Senior Software Developers?454
, ,
Accessible Cards (kit)453
, ,
Why We Don’t Use a Staging Environment452
,
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)451
, , , ,
How to Match HTML Elements With an Indeterminate State (ste)450
, , ,
Exciting Times for Browsers (and CSS) (mic)449
,
Web Accessibility Guidance Project448
,
Introduction to the SSH Protocol447
, ,
Designing a Better Infinite Scroll (vit/sma)446
, ,
Accessibility Policy Implementation: What You Need to Know445
, ,
Neubrutalism Is Taking Over the Web (uxd)444
,
Make Beautifully Resilient Apps With Progressive Enhancement (aus)443
,
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone442
,
HTML-Only Keyboard Shortcuts (ami)441
, , ,
How to Optimize Your LCP (with Visuals) (ste)440
, , ,
Understanding Layout Algorithms (jos)439
,
Secret Mechanisms of CSS (jos/9el)438
,
Picture Perfect Images With the Modern “<img>” Element (add)437
, , ,
Optimising Largest Contentful Paint (css)436
,
Locale Aware Sorting in JavaScript435
, , ,
How to Document Accessibility Issues434
, ,
CSS “:has” (dav)433
,
Case: Accessibility in Software Development432
An Opinionated Guide to Unit Testing431
, ,
A Guide to Hover and Pointer Media Queries (its/sma)430
, ,
7 Learning Habits for Developers: Reach Skill Goals in Less Time429
Why Every Programmer Must Blog428
, , ,
The Art of CSS Art427
,
You’re Unselectable (aar)426
,
You ≠ User425
, ,
Remix Routes Demystified (ati/sma)424
,
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)423
, , ,
How to Use Props in React (rwi)422
, ,
Building a Headless Design System (fig)421
, ,
14 Linting Rules to Help You Write Asynchronous Code in JavaScript420
, ,
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)419
, ,
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed418
, ,
How Should You Name Your Colors in a Design System? (uxd)417
, ,
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)416
,
Those HTML Attributes You Never Use (lou/sma)415
,
There Are No Bad Questions in Accessibility414
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)413
, , , , , ,
The 5 Riders of Accessible Media (uxd)412
,
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)411
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)410
Resetting Inherited CSS With “Revert” (spa/clo)409
,
How Do Design Systems Improve Developer Efficiency?408
,
When to Use a Function Expression vs. Function Declaration407
, ,
The Book on Accessibility406
, , ,
Optimising Core Web Vitals on SPAs (sim)405
, , ,
Dynamically Generated Content and Accessibility: 3 Quick Tips404
, ,
Deep Dive Into the CSS “:where()” Function (log)403
, ,
Building a Sketch Design System: Tips and Tricks402
, ,
ADA Web Site Compliance Still Not a Thing (aar)401
, , ,
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)400
, ,
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)399
, , , , ,
Usability Testing: Driving the Best User Experience for Business Success (uxm)398
, ,
Should “Cancel” Be a Button or a Link? (uxd)397
, , ,
PHP Sanitize Data396
,
Improving Your User Experience to Reduce Bounce Rates (uxm)395
, , ,
“!important” Was Added for One Reason Only (ste)394
,
HTML Semantics (cfe)393
,
Dos and Don’ts of Mobile UX Design (uxm)392
, , ,
Design Systems Aren’t Cheap391
, ,
Design System—Principles of Success390
,
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)389
, , , ,
Conquering JavaScript Hydration (rya/thi)388
,
4 Xs That Aren’t UX (uxd)387
UX Strategy: Definition and Components386
,
Typography in Design Tokens for Figma and Code385
, , ,
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)384
, , ,
Building Your Own Nodemon (ano)383
, ,
Authorization in a Microservices World382
,
Why Is Dark Mode So Captivating? (uxd)381
The Web Doesn’t Have Version Numbers (mic)380
,
Performance Tests on Common JavaScript Array Methods (hac)379
, , ,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability378
, , ,
Optimizing SVG Patterns to Their Smallest Size (css)377
, ,
Migrating Our Monorepo to Yarn 2376
, ,
Introduction to Bulma: A Simple and Intuitive CSS Framework375
,
Identifying Fonts: The Complete Guide374
, ,
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)373
, , ,
How Do I Resolve Merge Conflicts? (bla/git)372
, ,
Guidance on Web Accessibility and the ADA371
, ,
Google Calendar Webhooks With Node.js370
, ,
Alt-Text Selfies369
, , ,
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)368
,
The Future of the Web and Accessibility (tim/deq)367
, ,
What Makes You a Professional Web Developer (j9t)366
,
What Is Platform Engineering?365
,
What Every Good README Should Contain364
Perceptually Uniform Color Models and Their Implications363
,
How to Prep Your SEO Strategy for a New Website (moz)362
, ,
How to Empathize With Your Users361
, , ,
Building a Loading Bar Component (arg/dev)360
, , ,
All HTML and CSS Cheatsheets in One Place359
, ,
Accessibility, Assistive Technology, and JavaScript (cfe)358
, ,
A Quick Guide to Closures357
, ,
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)356
, , ,
Don’t Believe the Type! (deq)355
, , , ,