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 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (7)

Entry (Sources) and Other Related TopicsDate#
Understanding the Performance Impact of Anti-Flicker Snippets (spe)607
,
The CSS Art Paradox (j9t)606
, , ,
The Complete Guide to Regular Expressions (Regex)605
,
Server-Side vs. Client-Side Analytics (dav)604
, ,
My Browser Support Strategy (mic)603
, , ,
Misusing TypeScript Assertion Functions for Fun and Profit (chr)602
,
Let’s Keep the “Content” in WCAG601
, ,
Introducing “inert” (dev)600
, , , ,
Web Scraping via JavaScript Runtime Heap Snapshots599
, ,
Traditional Web Design Process Is Fundamentally Broken (gri/clo)598
, , , ,
The 5 Golden Rules of Code Reviews597
, ,
Stop Removing Focus (col)596
, ,
Learn to Code With JavaScript: The Most Popular Programming Language on Earth595
,
Cool Hover Effects That Use Background Properties (css/css)594
, ,
A Practical Guide to Aspect Ratio in CSS (zor/css)593
, , ,
What Is Memoization? How and When to Memoize in JavaScript and React (fre)592
, ,
Plain Old Semantic HTML: A Perfect Basis for Accessibility591
, ,
Non-Interactive Elements With the “inert” Attribute (web)590
, ,
Is Measuring Speed a Useful Metric for Design Systems? (amy+)589
, , ,
Flexibly Centering an Element With Side-Aligned Content (mey)588
,
Deploy Your First Website Without Leaving Your IDE (bla/git)587
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)586
, , ,
A Guide to Task-Based UX Metrics585
, ,
The “Dark Yellow Problem” in Design System Color Palettes (uxd)584
, ,
Testing Figma Components583
, ,
Supercharge Your Design System With Design Tokens (uxd)582
,
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)581
, ,
How Web Browsers Work: Parsing the HTML580
, ,
Four Eras of JavaScript Frameworks579
, ,
Deep Dive Into Top Web Developer Pain Points (dev)578
,
Build a Lightweight Web Component With Lit.js577
,
9 Useful Principles of UX Design (uxm)576
, ,
8 Ways to Make Website Accessibility Easier (and Less Expensive)575
16 Top Design Trends for 2022 (uxm)574
,
11 Steps to Keep Figma Clean (uxd)573
, ,
Best Font for Online Reading: No Single Answer (nng)572
, , , ,
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)571
,
Progressive Enhancement and HTML Forms: Use “FormData” (bra)570
, ,
Writing Strong Front-End Test Element Locators (css)569
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity568
,
How Web Browsers Work: Navigation567
,
Web Components as Progressive Enhancement (pau/clo)566
,
Web Color Is Still Broken565
, ,
TypeScript Tips and Tricks (vsc)564
, ,
Mastering CSS Transitions With React 18563
, ,
Building a Combined CSS Aspect Ratio Grid (9el)562
, , ,
The Future of CSS: CSS Toggles (bra)561
,
Why Learn to Code? 17 Benefits of Learning to Code560
,
Productivity Tips and Tools for a More Efficient Workflow (sma)559
, , ,
Faster Initialization of Instances With New Class Features558
, , , ,
Debugging Node Serverless Functions on AWS Lambda557
, , , , ,
Brief Note on Buttons, Enter, and Space (aar)556
Beyond WCAG: Losing Spoons Online (tpg)555
, ,
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)554
, , , , ,
URL, URI, URN: What’s the Difference?553
, ,
The Role of Policy in Creating a Culture of Accessibility552
, , ,
The Front-End Developer’s Guide to the Terminal (jos)551
, ,
Routing: I’m Not Smart Enough for an SPA550
,
Ordering CSS Declarations (jim)549
,
Low-Code No-Code Web Development, Explained548
,
How to Start Testing Your Website With a Screen Reader547
, , ,
Forced Colors Explained: A Practical Guide (kil/pol)546
,
GitHub Alternatives: A Review of Bitbucket, GitLab, and More545
, , , , , , , , ,
When UX Goes Bad (and How to Fix It) (web)544
Web Scraping Is Legal, U.S. Appeals Court Reaffirms (tec)543
,
The Ultimate Guide to Push Notifications for Developers (sma)542
,
React 18—New Features and Improvement Strategies541
How to Choose the Right Static Site Generator540
, , , , , , , ,
Ensure Third Party Content Is Accessible (ons/tpg)539
, ,
Does Valid and Semantic HTML Still Matter? (5t3+)538
, , ,
A Practical Guide to Centering in CSS (sta)537
, ,
4 Reasons to Avoid Using “npm link”536
20 Easy Ways to Be More Productive as a Developer535
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking534
, ,
Node.js 18 Introduces Prefix-Only Core Modules (cji)533
The Most Popular Node.js Frameworks in 2022 (sta)532
,
Is Agile an Anti-Design Pattern? (uxd)531
, ,
How to Improve Core Web Vitals (8 Ways)530
, ,
Intro to CSS Parent Selector—“:has()” (zor/css)529
, , ,
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases528
, ,
Fonts for the Web: Rationale, 1996 (svg/w3c)527
,
Evaluating Design System Adoption Using Custom CSS526
, , ,
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)525
7 Web Component Tricks (dav)524
,
Usability Guidelines for Better Carousels UX (vit/sma)523
, , ,
Title Rewrites: 3 Patterns to Avoid (moz)522
, , ,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)521
, , ,
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results520
, ,
Drastically Improve Your UI Designs With This Technique519
, ,
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)518
, ,
CSS Parent Selector (sha)517
,
Building a Dialog Component (arg/dev)516
, , , ,
A Web Renaissance515
Why Accessibility Bugs Are a Good Thing and How to Handle Them514
,
One Million Broken Web Sites—and a Way to Prevent That (cod)513
, ,
Naming Colors in Design Systems512
, ,
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)511
Component Party510
, , , , , , , , , , , ,
Common Accessibility Issues That You Can Fix Today (hdv)509
Those HTML Elements You Never Use508
,
Takeaways From “The Internet Is Unusable”: The Disabled View (red)507
Mobile-First Ecommerce Site Design Is the Future (uxm)506
, , ,
Image Borders in CSS (ami)505
, ,
How to Improve UX Design Through A/B Testing (uxm)504
, , , ,
How to Develop Your UX Design Philosophy (uxm)503
, ,
CSS Toggles Explainer and Proposal (mia+/odd)502
,
Common App Design Challenges and Their Solutions (uxm)501
,
Childish Font Sizes (tyl/clo)500
, ,
7 Collaborative Coding Tools for Remote Pair Programming499
,
Information Architecture: Study Guide (nng)498
, , ,
Open Accessibility Standards497
, ,
JavaScript Function Composition: What’s the Big Deal?496
,
How to Turn HTML Webpage Into an Image?495
, , ,
How to Fix Your Low-Contrast Text (ben)494
, , ,
CSS Tips and Tricks You May Need to Know493
,
CSS “:has()” a Parent Selector Now492
,
There’s No Such Thing as a “Design System Designer” (uxd)491
, ,
SEO for a New Website in 2022490
,
MIME Types489
, , ,
Incremental Static Regeneration for Angular488
,
April 9 Is CSS Naked Day (fro)487
, ,
33 JavaScript Concepts Every Developer Should Know486
,
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)485
, ,
Nailing Your Engineering Interviews: Tips From a Technical Recruiter484
,
Dynamic Data-Fetching in an Authenticated Next.js App (sma)483
, ,
Your Website Is a Pollution Machine (cfe)482
Why Your Design System Needs Content Design481
,
Principles of Object-Oriented Programming in TypeScript (app)480
, ,
JavaScript and Node.js Testing Best Practices479
, , ,
How to Create Animated Anchor Links Using CSS (zor/css)478
, , , ,
Designing Better Breadcrumbs (vit/sma)477
, , ,
Working on Two Git Branches at Once With “git worktree” (and)476
, ,
The Business Case for Accessibility (tet)475
,
Sharing State in Distributed UIs at Runtime474
, ,
HTML Is All You Need to Make a Website (whi)473
Fonts in Use: Variable Fonts472
, ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)471
, , ,
Animated Grid Tracks With “:has()” (mic)470
, , ,
Alternative Text (Alt Text) (pop)469
, , , ,
Accessibility Testing Guide468
, , ,
A New Statistical Approach for Predicting Usability Problems467
, , ,
12 Years Beyond a HTML Joke (ste)466
,
What’s New in ECMAScript 2022 (paw)465
,
What If… One Day Everything Got Better? (dav)464
Thoughts on Exerting Control With Media Queries (jim)463
, ,
Accessible Description Exposure (aar)462
,
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)461
, ,
Tweaking in the Browser (sha)460
,
How to Respond to Growing Supply Chain Security Risks?459
, , , ,
“aria-labelledby” Usage Notes (ste)458
, , ,
Top 3 Informational Interview Questions in UX (nng)457
, , ,
Are You Using Coding Interviews for Senior Software Developers?456
, ,
Accessible Cards (kit)455
, ,
Why We Don’t Use a Staging Environment454
,
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)453
, , , ,
How to Match HTML Elements With an Indeterminate State (ste)452
, , ,
Exciting Times for Browsers (and CSS) (mic)451
,
Web Accessibility Guidance Project450
,
Introduction to the SSH Protocol449
, ,
Designing a Better Infinite Scroll (vit/sma)448
, ,
Accessibility Policy Implementation: What You Need to Know447
, ,
Neubrutalism Is Taking Over the Web (uxd)446
,
Make Beautifully Resilient Apps With Progressive Enhancement (aus)445
,
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone444
,
HTML-Only Keyboard Shortcuts (ami)443
, , ,
How to Optimize Your LCP (with Visuals) (ste)442
, , ,
Understanding Layout Algorithms (jos)441
,
Secret Mechanisms of CSS (jos/9el)440
,
Picture Perfect Images With the Modern “<img>” Element (add)439
, , ,
Optimising Largest Contentful Paint (css)438
,
Locale Aware Sorting in JavaScript437
, , ,
How to Document Accessibility Issues436
, ,
CSS “:has” (dav)435
,
Case: Accessibility in Software Development434
An Opinionated Guide to Unit Testing433
, ,
A Guide to Hover and Pointer Media Queries (its/sma)432
, ,
7 Learning Habits for Developers: Reach Skill Goals in Less Time431
Why Every Programmer Must Blog430
, , ,
The Art of CSS Art429
,
You ≠ User (nng)428
, ,
You’re Unselectable (aar)427
,
Remix Routes Demystified (ati/sma)426
,
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)425
, , ,
How to Use Props in React (rwi)424
, ,
Building a Headless Design System (fig)423
, ,
14 Linting Rules to Help You Write Asynchronous Code in JavaScript422
, ,
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)421
, ,
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed420
, ,
How Should You Name Your Colors in a Design System? (uxd)419
, ,
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)418
,
Restrict Access by IP Address for AWS CloudFront Distribution417
, , , ,
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)416
, , , , , ,
Those HTML Attributes You Never Use (lou/sma)415
,
There Are No Bad Questions in Accessibility414
The 5 Riders of Accessible Media (uxd)413
,
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)412
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)411
Resetting Inherited CSS With “Revert” (spa/clo)410
,
How Do Design Systems Improve Developer Efficiency?409
,
When to Use a Function Expression vs. Function Declaration408
, ,
The Book on Accessibility407
, , ,
Optimising Core Web Vitals on SPAs (sim)406
, , ,
Dynamically Generated Content and Accessibility: 3 Quick Tips405
, ,
Deep Dive Into the CSS “:where()” Function (log)404
, ,
Building a Sketch Design System: Tips and Tricks403
, ,
ADA Web Site Compliance Still Not a Thing (aar)402
, , ,
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)401
, ,
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)400
, , , , ,
Usability Testing: Driving the Best User Experience for Business Success (uxm)399
, ,
Should “Cancel” Be a Button or a Link? (uxd)398
, , ,
PHP Sanitize Data397
,
Improving Your User Experience to Reduce Bounce Rates (uxm)396
, , ,
“!important” Was Added for One Reason Only (ste)395
,
HTML Semantics (cfe)394
,
Dos and Don’ts of Mobile UX Design (uxm)393
, , ,
Design Systems Aren’t Cheap392
, ,
Design System—Principles of Success391
,
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)390
, , , ,
Conquering JavaScript Hydration (rya/thi)389
,
4 Xs That Aren’t UX (uxd)388
UX Strategy: Definition and Components (nng)387
,
Typography in Design Tokens for Figma and Code386
, , ,
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)385
, , ,
Building Your Own Nodemon (ano)384
, ,
Authorization in a Microservices World383
,
Why Is Dark Mode So Captivating? (uxd)382
The Web Doesn’t Have Version Numbers (mic)381
,
Performance Tests on Common JavaScript Array Methods (hac)380
, , ,
On the Weaponisation of Open Source (ben)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 Every Good README Should Contain366
Perceptually Uniform Color Models and Their Implications365
,
How to Prep Your SEO Strategy for a New Website (moz)364
, ,
How to Empathize With Your Users363
, , ,
Building a Loading Bar Component (arg/dev)362
, , ,
All HTML and CSS Cheatsheets in One Place361
, ,
Accessibility, Assistive Technology, and JavaScript (cfe)360
, ,
A Quick Guide to Closures359
, ,
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)358
, , ,