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

“2021” News Archive (3)

Entry (Sources) and Other Related TopicsDate#
Web Scraping With JavaScript and Node.js595
, ,
Twitter’s Div Soup and Uglyfied CSS, Explained594
, ,
timefind593
, ,
It Takes a PhD to Develop That592
, ,
CSS Dangling Characters (dfk)591
Building a Split-Button Component (arg/dev)590
, , ,
Best Practices for Logging in Node.js (app)589
, ,
Writing High-Performance JavaScript (cfe)588
,
Why You Should Manage Your Energy, Not Your Time587
,
9.5 Ways Google Rewrites Your Title Tags (moz)586
,
Using SVG With Media Queries585
, ,
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities584
,
State Management in Next.js (ati/sma)583
,
Shifting Accessibility Testing to the Left582
, ,
Rethinking User Personas581
, ,
Color and Contrast, What Does It Mean? (eri)580
, ,
Building Reactive Systems With Node.js579
,
Building a Stepper Component (sha)578
, ,
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)577
, , , ,
What Are the Web Performance Metrics That Actually Matter? (cfe)576
,
Times New Roman Doesn’t Have to Be Boring—Here’s Why (uxd)575
,
The Seniority Rollercoaster (ger)574
HTML Cheatsheet573
, , ,
Exploring the CSS Paint API: Blob Animation (css/css)572
, ,
Common npm Mistakes Every Developer Should Avoid571
,
7 Practices to Create Good JavaScript Variables570
,
Essential Concepts in JS569
,
Creating a Positive Culture Around Accessibility (uxd)568
,
7 Useful CSS Cheat Sheets to Improve Your Skills567
,
10 Fun Things You Can Do With GitHub.dev566
Lighthouse Scores Do Not Affect Google Search/SEO (erw)565
, , , ,
Compound Components in React (sma)564
,
5 Tools to Automate Your Development563
, ,
Why Are Hyperlinks Blue? (moz)562
,
Small Wins for Accessibility and Resilience561
, ,
Named and Framed (ste)560
,
How to Use “Promise.any()”559
, ,
Getting Started With CSS Animations558
, ,
CSS Object Model (CSSOM) (gla+/w3c)557
,
jsc: My New Best Friend556
,
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense555
, , , , ,
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS554
, ,
Scrollbar Reflowing (chr/css)553
, ,
React JS—the Confusing Parts552
,
Key Data Structures and Their Roles in RenderingNG (chr+/dev)551
, , , , ,
How to Automate Documentation Workflow for Developers (sma)550
, , ,
8 Fundamental Principles of Effective Web Design549
Using Objectives and Key Results to Inform UX Design (uxm)548
, , , , ,
HTTP/3: Performance Improvements (pro/sma)547
, ,
An Introduction to Semantic Versioning546
, ,
5 Ways to Undo Mistakes With Git545
, ,
4 Important Differences Between Regular and Arrow Functions544
, ,
Using the Platform543
How I Experience Web Today542
,
Design Thinking: Study Guide541
, , ,
6 CSS Shorthand Properties to Improve Your Web Application540
, ,
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules539
, , , , ,
What’s on the Menu?538
,
UI Cheat Sheet: Spacing Friendships (uxd)537
, ,
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me536
,
How to Set Up an AWS S3 Static SSL Website535
, ,
How to Calculate REMs From Pixels534
,
Accessibility From the Ground Up (kit)533
Web Accessibility Checklist532
, ,
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)531
Top 9 Lessons Learned in 12 Years as a Software Developer530
,
I Tried Angular as a React Developer: Here Are 6 Things I Like About It529
, ,
Release Notes for Safari Technology Preview 130 (jon/web)528
, , ,
One Favicon to Rule Them All (j9t)527
, ,
Building the Same App 5 Times526
, , , , ,
What’s New in Bootstrap 5525
,
Using CSS Module Scripts to Import Stylesheets (dev)524
, ,
State Management in Svelte Applications523
,
Level Up Your CSS Linting Using Stylelint (log)522
, , ,
ARIA Spec for the Uninitiated (deq)521
, ,
What Is a Promise? JavaScript Promises for Beginners (fre)520
, ,
Measuring Developer Relations (swy)519
, ,
CSS Grid Tooling in DevTools (dev)518
, , , , , ,
You Don’t Know “useEffect”517
,
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)516
, ,
Does Shadow DOM Improve Style Performance? (nol)515
, , ,
Reviewing a Design for Accessibility514
, ,
The Problem of SSR Frameworks (ant)513
, , ,
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)512
, ,
Big O, Code Efficiency Analysis511
,
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)510
, , , ,
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business509
, , , ,
Breaking the Web Forward (ppk)508
,
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)507
, , ,
How to Test for Accessibility With Users at Every Design Stage506
, ,
CSS “accent-color” (arg/dev)505
,
Accessible Design Systems: Look Good While Doing Good504
,
The State of Mobile First and Desktop First (sha)503
, , ,
The Complete Guide to HTML Forms and Constraint Validation (cra)502
, , ,
“return await promise” vs. “return promise” in JavaScript501
, ,
Principles by Design500
,
“<Lazy>” Rendering in Vue to Improve Performance499
, , ,
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)498
,
Accessible Contrast Ratios and A-Levels Explained497
, ,
The World of CSS Transforms (jos)496
,
JavaScript Development: Making a Web Worker Optional495
,
HTTP/3 From A to Z: Core Concepts (pro/sma)494
, ,
How Writing Can Advance Your Career as a Developer493
,
Google vs. the Web (cfe)492
,
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)491
, , ,
A Performance-Focused Workflow Based on Google Tools (dev)490
, , ,
Uploading Multiple Files With Fetch489
, ,
Next-Level List Bullets With CSS “::marker”488
, ,
Pixelart and the “image-rendering” Paradox487
, ,
On the “<dl>” (ben)486
,
Modular Code With Nunjucks and Eleventy (jer)485
, ,
Creating a WordPress Child Theme: Is It Really Necessary in 2021?484
,
Browsers and Representation (jim)483
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)482
30 Years on From Introducing the Web to the World (amy/w3c)481
, ,
Why Are We Talking So Much About Design Leadership? (uxd)480
,
Visualizing a Codebase479
, ,
Sustainable Web Design, an Excerpt (ali)478
Inclusive Usability Testing: The Benefits of Inclusive Design477
, ,
A Guide to Accessible Digital UX Design476
, , ,
Writing Great Alt Text: Emotion Matters (jaf)475
, , , ,
What Are Accessibility Overlays Good For? (uxd)474
,
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)473
, ,
Refresher on JavaScript Callbacks and Promises (ato)472
, ,
React Children and Iteration Methods (sma)471
CSS Nesting, Specificity, and You (kil)470
, , ,
Accessibility Testing With Storybook (sto)469
, ,
What Devs Need468
, ,
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)467
,
Using localStorage With React Hooks (log)466
, ,
npm Security Best Practices (owa)465
, ,
Introduction to TCP: Transmission Control Protocol464
, ,
How to Use “Promise.allSettled()”463
, ,
How to Build Resilient JavaScript UIs (sma)462
, , ,
Building the Perfect GitHub CI Workflow for Your Frontend Team461
,
A Deep Dive on Skipping to Content (css)460
, ,
The (Most Comprehensive) JavaScript Design Principles Guide459
, , ,
The Importance of UX Writing (uxm)458
, ,
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)457
, , , , ,
Mitigating User Errors (uxm)456
,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score455
, , , ,
Balancing UX Design and Conversion-Rate Optimization (uxm)454
, , ,
2021 Scroll Survey Report (arg/dev)453
, ,
Why It’s Okay for Web Components to Use Frameworks (nol)452
,
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer451
, , , , , ,
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better450
, ,
101 Digital Accessibility Tips and Tricks449
,
There Is No Such Thing as a CSS Absolute Unit (sma)448
,
Optimizing Your Own Performance as a Designer (uxd)447
,
How to Stay Focused as a Self-Taught Frontend Web Developer446
, , ,
CSS Architecture and Performance in Micro Frontends445
, , ,
Best Practices for Tags and Tag Managers (dev)444
, ,
5 Git Tips to Level Up Your Workflow443
, ,
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)442
Safari Isn’t Protecting the Web, It’s Killing It441
, , ,
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)440
,
How to Hand Off Accessible Designs to Developers? (uxd)439
, ,
Creating an Accessible Dialog From Scratch (kit/sma)438
,
Architecting and Scaffolding a TypeScript and Express API437
, ,
When You Cannot Run Away From Using Tables on Mobile (uxd)436
, , ,
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks435
, ,
Thinking About the Cut-Out Effect: CSS or SVG? (sha)434
, , , ,
Is It Time to Ditch the Design Grid? (mic)433
, ,
Global vs. Local Styling in Next.js (sma)432
, ,
CSS Logical Properties and Values (oll/css)431
,
A Beginner’s Guide to Lighthouse430
, , , ,
What Is SEM Positioning? Definition, Advantages, and Characteristics429
,
UX Principles That Include Cognitive Accessibility428
, ,
Takeaways From the 2021 State of Digital Accessibility Report (red)427
,
Overview of the RenderingNG Architecture (chr/dev)426
, , , , ,
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender425
,
Getting Started With React “useContext” Hook and React Context424
, ,
Accessible Design From the Get-Go (rom/evi)423
You Don’t Need React for Building Websites (cit)422
It Is Time to Ditch the Title “Evangelist” From Accessibility (uxd)421
Four Factors in UX Maturity420
Complete Introduction to CSS Flexbox419
, , ,
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)418
,
5 UI Tips to Become a Better Front-End Developer417
, ,
12 Python Tips and Tricks You Must Know416
,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)415
, ,
Accessibility Strategy for Product Management (tpg)414
, ,
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages413
Using Google Drive as a CMS (css)412
,
The Vanishing Designer (uxd)411
,
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work410
, , ,
What to Know About AVIF on Cloudinary (sia)409
,
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)408
, ,
Faster Git Checkouts on NFS and SSD With Parallelism407
Definition of Done vs. Acceptance Criteria406
, , ,
Custom Properties and “@ property” (ppk)405
,
The Accessibility Stalemate (cod)404
From a Colourblind Designer to the World: Please Stop Using Red and Green Together403
,
How to Migrate From WordPress to a Headless CMS (daw/sma)402
, , , ,
A Visual Guide to React Rendering—It Always Re-Renders401
,
The Ultimate Cheat Sheet List for Web Developers400
, , ,
The Future of UX Design (uxm)399
, , ,
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)398
,
Maintaining End-to-End Quality With Visual Testing (sma)397
, ,
Journey of a Web Page—How Browsers Work396
,
An Introduction to Frameworkless Web Components (cra)395
, , ,
6 Useful Frontend Techniques That You May Not Know About394
, , ,
Principle of Closure in Visual Design393
,
Why Has User Experience Design Become Legal Experience Design?392
, ,
Designing for Information Density (uxd)391
What I Learned From “Software Engineering at Google”390
,
The State of Developer Ecosystem 2021 (jet)389
Magento Tips and Tricks388
, ,
Accessibility of the “Section” Element (sco)387
,
What Is Tree Shaking? (cfe)386
, , ,
There’s No Such Thing as Fully Automated Web Accessibility (uxd)385
,
The Performance Effects of Too Much Lazy-Loading (rvi/dev)384
, ,
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)383
, , ,
How to Get a Pixel-Perfect, Linearly Scaled UI (css)382
, , ,
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)381
, , , , ,
For Developers, Apple’s Safari Is Crap and Outdated380
, ,
Designing for the Unexpected (ali)379
, ,
Content Accessibility Fact Sheet378
,
The Ultimate Guide to Browser-Side Storage (cra)377
, , ,
The Most Important Lessons I’ve Learned From Senior Software Engineers376
,
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)375
, ,
The 3-Second Frontend Developer Test (j9t)374
, , ,
I’m Changing How I Review Code373
,
HTTP Status Codes That You Must Know372
,
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)371
, , ,
Angular Is Costing Companies Billions370
An Unreasonably Long Introduction to ARIA (With Example Implementation)369
, , , ,
How to Migrate From jQuery to Next.js (fgi/sma)368
, , ,
Detecting Media Query Support in CSS and JavaScript (kil)367
, , ,
What People Should Know Before Writing Articles or Creating Products About Accessibility366
,
TypeScript Interfaces: A Quick Guide to Help You Get Started365
,
Refactoring CSS: Introduction (cod/sma)364
, , ,
Gridless Design (don)363
, ,
Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd)362
, ,
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)361
, , ,
Freelance React Developer Checklist (rwi)360
,
15 HTML5 Best Practices for Beginners to Master359
,
The Document Outline (mat/mat)358
, ,
Making a Strong Case for Accessibility (col/sma)357
The Numeric Colour Palettes in Modern Web Frameworks Explained356
, ,
The Large, Small, and Dynamic Viewports (bra)355
, , ,
Performance Design: The Illusion of Speed354
,
Milligram CSS353
, , , , ,
Creating Accessible CSS Art (alv)352
, ,
TypeScript and Native ESM on Node.js (rau)351
, ,
Five Ways to Include D/Deaf Users in Your Designs (tpg)350
,
Bootstrap 5 Print Stylesheet (chr)349
, ,
ARIA in HTML (sco)348
, ,
Accessibility and Inclusivity: Distinctions in Experience Design347
, ,
A Quick Introduction to Handlebars346
,