Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2021” News Archive (3)

Entry (Sources) and Other Related TopicsDate#
Best Practices for Logging in Node.js (app)597
, ,
Building a Split-Button Component (arg/dev)596
, , ,
CSS Dangling Characters (dfk)595
It Takes a PhD to Develop That594
, ,
timefind593
, ,
Twitter’s Div Soup and Uglyfied CSS, Explained592
, ,
Web Scraping With JavaScript and Node.js591
, ,
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)590
, , , ,
Building a Stepper Component (sha)589
, ,
Building Reactive Systems With Node.js588
,
Color and Contrast, What Does It Mean? (eri)587
, ,
Rethinking User Personas586
, ,
Shifting Accessibility Testing to the Left585
, ,
State Management in Next.js (ati/sma)584
,
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities583
,
9.5 Ways Google Rewrites Your Title Tags (moz)582
,
Why You Should Manage Your Energy, Not Your Time581
,
Writing High-Performance JavaScript (cfe)580
,
Using SVG With Media Queries (web)579
, ,
7 Practices to Create Good JavaScript Variables578
,
Common npm Mistakes Every Developer Should Avoid577
,
Exploring the CSS Paint API: Blob Animation (css/css)576
, ,
HTML Cheatsheet575
, , ,
The Seniority Rollercoaster (ger)574
What Are the Web Performance Metrics That Actually Matter? (cfe)573
,
Times New Roman Doesn’t Have to Be Boring—Here’s Why (uxd)572
,
10 Fun Things You Can Do With GitHub.dev571
7 Useful CSS Cheat Sheets to Improve Your Skills570
,
Essential Concepts in JS569
,
Creating a Positive Culture Around Accessibility (uxd)568
,
5 Tools to Automate Your Development567
, ,
Compound Components in React (sma)566
,
Lighthouse Scores Do Not Affect Google Search/SEO (erw)565
, , , ,
CSS Object Model (CSSOM) (gla+/w3c)564
,
Getting Started With CSS Animations563
, ,
How to Use “Promise.any()”562
, ,
Named and Framed (ste)561
,
Small Wins for Accessibility and Resilience560
, ,
Why Are Hyperlinks Blue? (moz)559
,
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS558
, ,
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense557
, , , , ,
jsc: My New Best Friend556
,
8 Fundamental Principles of Effective Web Design555
How to Automate Documentation Workflow for Developers (sma)554
, , ,
Key Data Structures and Their Roles in RenderingNG (chr+/dev)553
, , , , ,
React JS—the Confusing Parts552
,
Scrollbar Reflowing (chr/css)551
, ,
4 Important Differences Between Regular and Arrow Functions550
, ,
5 Ways to Undo Mistakes With Git549
, ,
An Introduction to Semantic Versioning548
, ,
HTTP/3: Performance Improvements (pro/sma)547
, ,
Using Objectives and Key Results to Inform UX Design (uxm)546
, , , , ,
6 CSS Shorthand Properties to Improve Your Web Application545
, ,
How I Experience Web Today544
,
Using the Platform543
Design Thinking: Study Guide (nng)542
, , ,
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules541
, , , , ,
Accessibility From the Ground Up (kit)540
How to Calculate REMs From Pixels539
,
How to Set Up an AWS S3 Static SSL Website538
, ,
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me537
,
What’s on the Menu?536
,
UI Cheat Sheet: Spacing Friendships (uxd)535
, ,
Top 9 Lessons Learned in 12 Years as a Software Developer534
,
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)533
Web Accessibility Checklist532
, ,
I Tried Angular as a React Developer: Here Are 6 Things I Like About It531
, ,
Building the Same App 5 Times530
, , , , ,
One Favicon to Rule Them All (j9t)529
, ,
Release Notes for Safari Technology Preview 130 (jon/web)528
, , ,
ARIA Spec for the Uninitiated (deq)527
, ,
Level Up Your CSS Linting Using Stylelint (log)526
, , ,
State Management in Svelte Applications525
,
Using CSS Module Scripts to Import Stylesheets (dev)524
, ,
What’s New in Bootstrap 5523
,
CSS Grid Tooling in DevTools (dev)522
, , , , , ,
Measuring Developer Relations (swy)521
, ,
What Is a Promise? JavaScript Promises for Beginners (fre)520
, ,
Understanding Generics in TypeScript519
,
Does Shadow DOM Improve Style Performance? (nol)518
, , ,
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)517
, ,
You Don’t Know “useEffect”516
,
Reviewing a Design for Accessibility515
, ,
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)514
, , , ,
Big O, Code Efficiency Analysis513
,
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)512
, ,
The Problem of SSR Frameworks (ant)511
, , ,
Breaking the Web Forward (ppk)510
,
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business509
, , , ,
Accessible Design Systems: Look Good While Doing Good508
,
CSS “accent-color” (arg/dev)507
,
How to Test for Accessibility With Users at Every Design Stage506
, ,
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)505
, , ,
Accessible Contrast Ratios and A-Levels Explained504
, ,
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)503
,
Principles by Design502
,
“return await promise” vs. “return promise” in JavaScript501
, ,
The Complete Guide to HTML Forms and Constraint Validation (cra)500
, , ,
The State of Mobile First and Desktop First (sha)499
, , ,
“<Lazy>” Rendering in Vue to Improve Performance498
, , ,
A Performance-Focused Workflow Based on Google Tools (dev)497
, , ,
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)496
, , ,
Google vs. the Web (cfe)495
,
How Writing Can Advance Your Career as a Developer494
,
HTTP/3 From A to Z: Core Concepts (pro/sma)493
, ,
JavaScript Development: Making a Web Worker Optional492
,
The World of CSS Transforms (jos)491
,
Next-Level List Bullets With CSS “::marker”490
, ,
Uploading Multiple Files With Fetch489
, ,
Pixelart and the “image-rendering” Paradox488
, ,
30 Years on From Introducing the Web to the World (amy/w3c)487
, ,
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)486
Browsers and Representation (jim)485
Creating a WordPress Child Theme: Is It Really Necessary in 2021?484
,
Modular Code With Nunjucks and Eleventy (jer)483
, ,
On the “<dl>” (ben)482
,
A Guide to Accessible Digital UX Design481
, , ,
Inclusive Usability Testing: The Benefits of Inclusive Design480
, ,
Sustainable Web Design, an Excerpt (ali)479
Visualizing a Codebase478
, ,
Why Are We Talking So Much About Design Leadership? (uxd)477
,
Accessibility Testing With Storybook (sto)476
, ,
CSS Nesting, Specificity, and You (kil)475
, , ,
React Children and Iteration Methods (sma)474
Refresher on JavaScript Callbacks and Promises (ato)473
, ,
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)472
, ,
Writing Great Alt Text: Emotion Matters (jaf)471
, , , ,
What Are Accessibility Overlays Good For? (uxd)470
,
A Deep Dive on Skipping to Content (css)469
, ,
Building the Perfect GitHub CI Workflow for Your Frontend Team468
,
How to Build Resilient JavaScript UIs (sma)467
, , ,
How to Use “Promise.allSettled()”466
, ,
Introduction to TCP: Transmission Control Protocol465
, ,
npm Security Best Practices (owa)464
, ,
Using localStorage With React Hooks (log)463
, ,
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)462
,
What Devs Need461
, ,
2021 Scroll Survey Report (arg/dev)460
, ,
Balancing UX Design and Conversion-Rate Optimization (uxm)459
, , ,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score458
, , , ,
Mitigating User Errors (uxm)457
,
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)456
, , , , ,
The Importance of UX Writing (uxm)455
, ,
The (Most Comprehensive) JavaScript Design Principles Guide454
, , ,
Why It’s Okay for Web Components to Use Frameworks (nol)453
,
101 Digital Accessibility Tips and Tricks452
,
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better451
, ,
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer450
, , , , , ,
5 Git Tips to Level Up Your Workflow449
, ,
Best Practices for Tags and Tag Managers (dev)448
, ,
CSS Architecture and Performance in Micro Frontends447
, , ,
How to Stay Focused as a Self-Taught Frontend Web Developer446
, , ,
There Is No Such Thing as a CSS Absolute Unit (sma)445
,
Optimizing Your Own Performance as a Designer (uxd)444
,
Architecting and Scaffolding a TypeScript and Express API443
, ,
Creating an Accessible Dialog From Scratch (kit/sma)442
,
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)441
,
Safari Isn’t Protecting the Web, It’s Killing It440
, , ,
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)439
How to Hand Off Accessible Designs to Developers? (uxd)438
, ,
A Beginner’s Guide to Lighthouse437
, , , ,
CSS Logical Properties and Values (oll/css)436
,
Global vs. Local Styling in Next.js (sma)435
, ,
Is It Time to Ditch the Design Grid? (mic)434
, ,
Thinking About the Cut-Out Effect: CSS or SVG? (sha)433
, , , ,
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks432
, ,
When You Cannot Run Away From Using Tables on Mobile (uxd)431
, , ,
Accessible Design From the Get-Go (rom/evi)430
Getting Started With React “useContext” Hook and React Context429
, ,
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender428
,
Overview of the RenderingNG Architecture (chr/dev)427
, , , , ,
Takeaways From the 2021 State of Digital Accessibility Report (red)426
,
UX Principles That Include Cognitive Accessibility425
, ,
What Is SEM Positioning? Definition, Advantages, and Characteristics424
,
12 Python Tips and Tricks You Must Know423
,
5 UI Tips to Become a Better Front-End Developer422
, ,
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)421
,
Complete Introduction to CSS Flexbox420
, , ,
You Don’t Need React for Building Websites (cit)419
Four Factors in UX Maturity (nng)418
It Is Time to Ditch the Title “Evangelist” From Accessibility (uxd)417
Accessibility Strategy for Product Management (tpg)416
, ,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)415
, ,
Using Google Drive as a CMS (css)414
,
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages413
The Vanishing Designer (uxd)412
,
Custom Properties and “@ property” (ppk)411
,
Definition of Done vs. Acceptance Criteria410
, , ,
Faster Git Checkouts on NFS and SSD With Parallelism409
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)408
, ,
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work407
, , ,
What to Know About AVIF on Cloudinary (sia)406
, ,
A Visual Guide to React Rendering—It Always Re-Renders405
,
How to Migrate From WordPress to a Headless CMS (daw/sma)404
, , , ,
From a Colourblind Designer to the World: Please Stop Using Red and Green Together403
,
The Accessibility Stalemate (cod)402
6 Useful Frontend Techniques That You May Not Know About401
, , ,
An Introduction to Frameworkless Web Components (cra)400
, , ,
Journey of a Web Page—How Browsers Work399
,
Maintaining End-to-End Quality With Visual Testing (sma)398
, ,
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)397
,
The Future of UX Design (uxm)396
, , ,
The Ultimate Cheat Sheet List for Web Developers395
, , ,
Principle of Closure in Visual Design (nng)394
,
Why Has User Experience Design Become Legal Experience Design?393
, ,
Designing for Information Density (uxd)392
Accessibility of the “Section” Element (sco)391
,
Magento Tips and Tricks390
, ,
The State of Developer Ecosystem 2021 (jet)389
What I Learned From “Software Engineering at Google”388
,
Content Accessibility Fact Sheet387
,
Designing for the Unexpected (ali)386
, ,
For Developers, Apple’s Safari Is Crap and Outdated385
, ,
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)384
, , , , ,
How to Get a Pixel-Perfect, Linearly Scaled UI (css)383
, , ,
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)382
, , ,
The Performance Effects of Too Much Lazy-Loading (rvi/dev)381
, ,
What Is Tree Shaking? (cfe)380
, , ,
There’s No Such Thing as Fully Automated Web Accessibility (uxd)379
,
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)378
, , ,
HTTP Status Codes That You Must Know377
,
I’m Changing How I Review Code376
,
The 3-Second Frontend Developer Test (j9t)375
, , ,
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)374
, ,
The Most Important Lessons I’ve Learned From Senior Software Engineers373
,
The Ultimate Guide to Browser-Side Storage (cra)372
, , ,
Angular Is Costing Companies Billions371
An Unreasonably Long Introduction to ARIA (With Example Implementation)370
, , , ,
Detecting Media Query Support in CSS and JavaScript (kil)369
, , ,
How to Migrate From jQuery to Next.js (fgi/sma)368
, , ,
Gridless Design (don)367
, ,
Refactoring CSS: Introduction (cod/sma)366
, , ,
TypeScript Interfaces: A Quick Guide to Help You Get Started365
,
What People Should Know Before Writing Articles or Creating Products About Accessibility364
,
15 HTML5 Best Practices for Beginners to Master363
,
Freelance React Developer Checklist (rwi)362
,
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)361
, , ,
Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd)360
, ,
Making a Strong Case for Accessibility (col/sma)359
The Document Outline (mat/mat)358
, ,
Creating Accessible CSS Art (alv)357
, ,
Milligram CSS356
, , , , ,
Performance Design: The Illusion of Speed355
,
The Large, Small, and Dynamic Viewports (bra)354
, , ,
The Numeric Colour Palettes in Modern Web Frameworks Explained353
, ,
ARIA in HTML (sco)352
, ,
Bootstrap 5 Print Stylesheet (chr)351
, ,
Five Ways to Include D/Deaf Users in Your Designs (tpg)350
,
TypeScript and Native ESM on Node.js (rau)349
, ,
Accessibility and Inclusivity: Distinctions in Experience Design348
, ,