Frontend Dogma

“2021” Archive (3)

Entry (Sources) and Other Related TopicsDate#
Shifting Accessibility Testing to the Left564
, ,
9.5 Ways Google Rewrites Your Title Tags (moz)563
,
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)562
, , , ,
Building Reactive Systems With Node.js561
,
Using SVG With Media Queries560
, ,
Rethinking User Personas559
, ,
Why You Should Manage Your Energy, Not Your Time558
,
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities557
,
Writing High-Performance JavaScript (cfe)556
,
State Management in Next.js (ati/sma)555
,
Color and Contrast, What Does It Mean? (eri)554
, ,
Common npm Mistakes Every Developer Should Avoid553
,
Times New Roman Doesn’t Have to Be Boring—Here’s Why (uxd)552
,
HTML Cheatsheet551
, , ,
7 Practices to Create Good JavaScript Variables550
,
What Are the Web Performance Metrics That Actually Matter? (cfe)549
,
The Seniority Rollercoaster (ger)548
Exploring the CSS Paint API: Blob Animation (css/css)547
, ,
7 Useful CSS Cheat Sheets to Improve Your Skills546
,
Essential Concepts in JS545
,
10 Fun Things You Can Do With GitHub.dev544
Creating a Positive Culture Around Accessibility (uxd)543
,
Compound Components in React (sma)542
,
5 Tools to Automate Your Development541
, ,
How to Use “Promise.any()”540
, ,
Getting Started With CSS Animations539
, ,
Small Wins for Accessibility and Resilience538
, ,
Why Are Hyperlinks Blue? (moz)537
,
Named and Framed (ste)536
,
CSS Object Model (CSSOM) (gla+/w3c)535
,
jsc: My New Best Friend534
,
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS533
, ,
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense532
, , , , ,
Key Data Structures and Their Roles in RenderingNG (chr+/dev)531
, , , , ,
8 Fundamental Principles of Effective Web Design530
React JS—the Confusing Parts529
,
Scrollbar Reflowing (chr/css)528
, ,
How to Automate Documentation Workflow for Developers (sma)527
, , , ,
An Introduction to Semantic Versioning526
, ,
4 Important Differences Between Regular and Arrow Functions525
, ,
Using Objectives and Key Results to Inform UX Design (uxm)524
, , , , ,
5 Ways to Undo Mistakes With Git523
, ,
HTTP/3: Performance Improvements (pro/sma)522
, ,
6 CSS Shorthand Properties to Improve Your Web Application521
, ,
Using the Platform520
How I Experience Web Today519
,
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules518
, , , , ,
UI Cheat Sheet: Spacing Friendships (uxd)517
, ,
How to Calculate REMs From Pixels516
,
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me515
,
What’s on the Menu?514
,
How to Set Up an AWS S3 Static SSL Website513
, ,
Accessibility From the Ground Up (kit)512
Top 9 Lessons Learned in 12 Years as a Software Developer511
,
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)510
I Tried Angular as a React Developer: Here Are 6 Things I Like About It509
, ,
Web Accessibility Checklist508
, ,
Release Notes for Safari Technology Preview 130 (jon/web)507
, , ,
One Favicon to Rule Them All (j9t)506
, ,
Building the Same App 5 Times505
, , , , ,
Using CSS Module Scripts to Import Stylesheets (dev)504
, ,
ARIA Spec for the Uninitiated (deq)503
, ,
State Management in Svelte Applications502
,
What’s New in Bootstrap 5501
,
Level Up Your CSS Linting Using Stylelint (log)500
, , ,
CSS Grid Tooling in DevTools (dev)499
, , , , , ,
What Is a Promise? JavaScript Promises for Beginners (fre)498
, ,
You Don’t Know “useEffect”497
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)496
, ,
Does Shadow DOM Improve Style Performance? (nol)495
, , ,
Reviewing a Design for Accessibility494
, ,
Big O, Code Efficiency Analysis493
,
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)492
, ,
The Problem of SSR Frameworks (ant)491
, , ,
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)490
, , , ,
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business489
, , , ,
Breaking the Web Forward (ppk)488
,
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)487
, , ,
CSS “accent-color” (arg/dev)486
,
How to Test for Accessibility With Users at Every Design Stage485
, ,
Accessible Design Systems: Look Good While Doing Good484
,
Principles by Design483
,
“<Lazy>” Rendering in Vue to Improve Performance482
, , ,
The Complete Guide to HTML Forms and Constraint Validation (cra)481
, , ,
Accessible Contrast Ratios and A-Levels Explained480
, ,
“return await promise” vs. “return promise” in JavaScript479
, ,
The State of Mobile First and Desktop First (sha)478
, , ,
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)477
,
A Performance-Focused Workflow Based on Google Tools (dev)476
, , ,
How Writing Can Advance Your Career as a Developer475
,
JavaScript Development: Making a Web Worker Optional474
,
The World of CSS Transforms (jos)473
,
HTTP/3 From A to Z: Core Concepts (pro/sma)472
, ,
Google vs. the Web (cfe)471
,
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)470
, , ,
Uploading Multiple Files With Fetch469
, ,
Next-Level List Bullets With CSS “::marker”468
, ,
Pixelart and the “image-rendering” Paradox467
, ,
Creating a WordPress Child Theme: Is It Really Necessary in 2021?466
,
On the “<dl>”465
Modular Code With Nunjucks and Eleventy (jer)464
, ,
Browsers and Representation (jim)463
30 Years on From Introducing the Web to the World (amy/w3c)462
, ,
Inclusive Usability Testing: The Benefits of Inclusive Design461
, ,
Visualizing a Codebase460
, ,
A Guide to Accessible Digital UX Design459
, , ,
Why Are We Talking So Much About Design Leadership? (uxd)458
,
Sustainable Web Design, an Excerpt (ali)457
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)456
, ,
Accessibility Testing With Storybook455
, ,
What Are Accessibility Overlays Good For? (uxd)454
,
Refresher on JavaScript Callbacks and Promises453
, ,
React Children and Iteration Methods (sma)452
Writing Great Alt Text: Emotion Matters (jaf)451
, , , ,
CSS Nesting, Specificity, and You (kil)450
, , ,
How to Use “Promise.allSettled()”449
, ,
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)448
,
What Devs Need447
, ,
How to Build Resilient JavaScript UIs (sma)446
, , ,
Introduction to TCP: Transmission Control Protocol445
, ,
Using localStorage With React Hooks (log)444
, ,
Building the Perfect GitHub CI Workflow for Your Frontend Team443
,
A Deep Dive on Skipping to Content (css)442
, ,
npm Security Best Practices (lir/owa)441
, ,
The (Most Comprehensive) JavaScript Design Principles Guide440
, , ,
2021 Scroll Survey Report (arg/dev)439
, ,
Mitigating User Errors (uxm)438
,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score437
, , , ,
The Importance of UX Writing (uxm)436
, ,
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)435
, , , , ,
Balancing UX Design and Conversion-Rate Optimization (uxm)434
, , ,
Why It’s Okay for Web Components to Use Frameworks (nol)433
,
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer432
, , , , ,
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better431
, ,
101 Digital Accessibility Tips and Tricks430
,
5 Git Tips to Level Up Your Workflow429
, ,
There Is No Such Thing as a CSS Absolute Unit (sma)428
,
Best Practices for Tags and Tag Managers (dev)427
, ,
Optimizing Your Own Performance as a Designer (uxd)426
,
How to Stay Focused as a Self-Taught Frontend Web Developer425
, , ,
CSS Architecture and Performance in Micro Frontends424
, , ,
Architecting and Scaffolding a TypeScript and Express API423
, ,
Safari Isn’t Protecting the Web, It’s Killing It422
, , ,
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)421
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)420
How to Hand Off Accessible Designs to Developers? (uxd)419
, ,
Creating an Accessible Dialog From Scratch (kit/sma)418
,
When You Cannot Run Away From Using Tables on Mobile (uxd)417
, , ,
Is It Time to Ditch the Design Grid? (mic)416
, ,
Global vs. Local Styling in Next.js (sma)415
, ,
A Beginner’s Guide to Lighthouse414
, , , ,
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks413
, ,
Thinking About the Cut-Out Effect: CSS or SVG? (sha)412
, , , ,
CSS Logical Properties and Values (oll/css)411
,
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender410
,
UX Principles That Include Cognitive Accessibility409
, ,
Accessible Design From the Get-Go (evi)408
Takeaways From the 2021 State of Digital Accessibility Report (red)407
,
Getting Started With React “useContext” Hook and React Context406
, ,
What Is SEM Positioning? Definition, Advantages, and Characteristics405
,
Overview of the RenderingNG Architecture (chr/dev)404
, , , , ,
Four Factors in UX Maturity403
It Is Time to Ditch the Title “Evangelist” From Accessibility (uxd)402
Complete Introduction to CSS Flexbox401
, , ,
12 Python Tips and Tricks You Must Know400
,
5 UI Tips to Become a Better Front-End Developer399
, ,
You Don’t Need React for Building Websites (cit)398
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)397
,
Accessibility Strategy for Product Management (tpg)396
, ,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)395
, ,
The Vanishing Designer (uxd)394
,
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages393
Using Google Drive as a CMS (css)392
,
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work391
, , ,
Definition of Done vs. Acceptance Criteria390
, , ,
What to Know About AVIF on Cloudinary (sia)389
,
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)388
, ,
Faster Git Checkouts on NFS and SSD With Parallelism387
Custom Properties and “@ property” (ppk)386
,
How to Migrate From WordPress to a Headless CMS (daw/sma)385
, , , ,
A Visual Guide to React Rendering—It Always Re-Renders384
,
From a Colourblind Designer to the World: Please Stop Using Red and Green Together383
,
The Accessibility Stalemate (cod)382
The Ultimate Cheat Sheet List for Web Developers381
, , ,
An Introduction to Frameworkless Web Components (cra)380
, , ,
6 Useful Frontend Techniques That You May Not Know About379
, , ,
The Future of UX Design (uxm)378
, , ,
Journey of a Web Page—How Browsers Work377
,
Maintaining End-to-End Quality With Visual Testing (sma)376
, ,
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)375
,
Why Has User Experience Design Become Legal Experience Design?374
, ,
Designing for Information Density (uxd)373
What I Learned From “Software Engineering at Google”372
,
The State of Developer Ecosystem 2021 (jet)371
Magento Tips and Tricks370
, ,
Accessibility of the “Section” Element (sco)369
,
Content Accessibility Fact Sheet368
,
Designing for the Unexpected (ali)367
, ,
How to Get a Pixel-Perfect, Linearly Scaled UI (css)366
, , ,
For Developers, Apple’s Safari Is Crap and Outdated365
, ,
There’s No Such Thing as Fully Automated Web Accessibility (uxd)364
,
The Performance Effects of Too Much Lazy-Loading (rvi/dev)363
, ,
What Is Tree Shaking? (cfe)362
, , ,
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)361
, , ,
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)360
, , , , ,
I’m Changing How I Review Code359
,
The Most Important Lessons I’ve Learned From Senior Software Engineers358
,
An Unreasonably Long Introduction to ARIA (With Example Implementation)357
, , , ,
Angular Is Costing Companies Billions356
The Ultimate Guide to Browser-Side Storage (cra)355
, , ,
HTTP Status Codes That You Must Know354
,
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)353
, ,
The 3-Second Frontend Developer Test (j9t)352
, , ,
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)351
, , ,
How to Migrate From jQuery to Next.js (sma)350
, , ,
Detecting Media Query Support in CSS and JavaScript (kil)349
, , ,
What People Should Know Before Writing Articles or Creating Products About Accessibility348
,
TypeScript Interfaces: A Quick Guide to Help You Get Started347
,
Refactoring CSS: Introduction (cod/sma)346
, , ,
Gridless Design (don)345
, ,
15 HTML5 Best Practices for Beginners to Master344
,
Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd)343
, ,
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)342
, , ,
Freelance React Developer Checklist (rwi)341
,
The Document Outline (mat/mat)340
, ,
Making a Strong Case for Accessibility (tod/sma)339
The Numeric Colour Palettes in Modern Web Frameworks Explained338
, ,
The Large, Small, and Dynamic Viewports (bra)337
, , ,
Performance Design: The Illusion of Speed336
,
Milligram CSS335
, , , , ,
Creating Accessible CSS Art (alv)334
, ,
Five Ways to Include D/Deaf Users in Your Designs (tpg)333
,
TypeScript and Native ESM on Node.js (rau)332
, ,
ARIA in HTML (sco)331
, ,
How to Use “Promise.all()”330
, ,
Build a Website With React and Tailwind CSS329
,
Accessibility and Inclusivity: Distinctions in Experience Design328
, ,
The Anatomy of a Web Page: 14 Basic Elements327
, , , , , , ,
A Quick Introduction to Handlebars326
,
How Does Node.js Load Its Built-In/Native Modules?325
, ,
The Dilemma of Naming Font Size Variables (css)324
, ,
Using HSL Colors in CSS (sha/sma)323
,
Where Did This Interaction Come From?—A Brief History of Interaction Design (uxd)322
,
Basics of JavaScript Test Driven Development (TDD) With Jest321
, , ,
Feature Checklists Are Not Enough: How to Avoid Making Bad Software320
, , ,
“export default thing” Is Different to “export { thing as default }” (jaf)319
Short Note on Skip Links With Sticky Headers318
, ,
Evaluating Color and Contrast—How Hard Can It Be? (web)317
, ,
Towards Richer Colors on the Web316
,
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)315
,