Frontend Dogma

“2022” Archive (2)

Entry (Sources) and Other Related TopicsDate#
Down With Design Systems Dogma (amy)1,828
Node.js Architecture Pitfalls to Avoid (nat/app)1,827
,
Accessibility and Inclusive Design Systems (bra/hux)1,826
, , ,
CSS “:is()”, “:where()”, “:has()”, and “:not()”1,825
,
The “label” Element (rus)1,824
, ,
CSS Snapshot 2022 (tab+/w3c)1,823
,
Optimizing a Vue App (mic/sma)1,822
, ,
The Value of Accessibility (ann+/des)1,821
,
What Happened to Text Inputs? (hey)1,820
, ,
Deploy Node.js to AWS: Build an Automated CI/CD Pipeline (ris)1,819
, , ,
Improving Firefox Stability With This One Weird Trick (gab/moz)1,818
, ,
An Interactive Guide to Flexbox (jos)1,817
, , ,
Page Title Conventions (ada)1,816
, ,
Writing and Organizing Node.js API Tests the Right Way1,815
, ,
Natural Language Inputs (jim)1,814
,
What Image Format Should You Use in Your Next Project? (alv)1,813
What Is the Open Web? (pro)1,812
, ,
Less Design Leadership—More Design Authorship (mat/uxd)1,811
,
Harnessing Groupthink: Fine-Tuning CSS Specifications (ric/cle)1,810
,
A Guide to Keyboard Accessibility: JavaScript (its/sma)1,809
, , ,
Incorporating Accessible Design Elements Into Your Web Site (con/uxm)1,808
,
State of JavaScript 2022 (sac/dev)1,807
,
DOJ and Congressional Updates on Digital Accessibility (con)1,806
,
4 Mobile Must-Haves for a Modern UX Design Strategy (rb/uxm)1,805
, , ,
How to Use Huge Type on the Web (mat)1,804
, ,
Taming the Cascade With BEM and Modern CSS Selectors (css)1,803
, , , ,
Analyzing the Top 100 Retailers for Digital Accessibility (deq)1,802
, ,
Get Verified on Mastodon With WordPress (osd)1,801
,
Multidimensional Design Systems (pat/fig)1,800
,
Brief Note on “aria-readonly” Support (aar)1,799
, , , ,
Today I Learned: The Subtle Art of Code Reviews (sam)1,798
, ,
An Introduction to the Design Tokens File Format (c1r+/fig)1,797
, ,
Git Notes: Git’s Coolest, Most Unloved­ Feature (thc)1,796
Distinguish Yourself in the Tech Job Market by Writing a Solid Cover Letter (and)1,795
,
How to Handle Unplanned Work in Scrum (reb/scr)1,794
, , ,
The Ultimate Guide to Frontend Monitoring (rav/cro)1,793
,
The Easiest Way to Get Started With CSS Grid (zor/css)1,792
, , ,
Days Since Last JS Framework (dev)1,791
, ,
Migrating From npm to pnpm1,790
, ,
Back to Basics: What are Callbacks in JavaScript? (jch/sit)1,789
, ,
Experimenting With Layering, Filtering, and Masking in CSS (jlz)1,788
, , ,
Firefox-Only CSS (ami)1,787
, , ,
Style a Parent Element Based on Its Number of Children Using CSS “:has()” (bra/bra)1,786
,
An Interesting Limitation of CSS Custom Properties (tyl/clo)1,785
,
You Don’t Need HTML (ede)1,784
, ,
A Guide to Image Optimization on Jamstack Sites (daw/sma)1,783
, , , , , ,
“vh”, “svh”, “lvh”, and “dvh” (mat)1,782
5 Insider Tips to Make Accessibility Part of Workflow (at/mni)1,781
, ,
Build and Deploy a Node.js Microservices Application (pav)1,780
, ,
Spy On “window.postMessage” Calls (bah)1,779
, ,
“Not Secure” Warning for IE Mode (eri)1,778
, , , ,
CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly (nsc)1,777
,
Accessibility Is in Style—Styles and Style Guides (mbf/kno)1,776
, , , , , ,
Improving React Interaction Times by 4× (luk/cau)1,775
, ,
Using Automated Test Results to Improve Accessibility (a11+/sma)1,774
, ,
Theory-Building and Why Employee Churn Is Lethal to Software Companies (fak)1,773
,
Significant Improvements for Screen Readers Now in Nightly Firefox (asa/moz)1,772
, , , ,
The Heuristics of Neurodesign (idu/uxd)1,771
,
CSS Shapes Module Level 1 (css+/w3c)1,770
, ,
Visual Design: Breaking Into the Fourth Dimension of Experience Design (uxd)1,769
,
Why Some Developers Will Never Improve (git)1,768
,
The Best Programming Languages You Can Use for Web Development (sit)1,767
,
10 Topics You Must Know if You Want to Be a Web Developer—a Beginners Guide1,766
,
Building Conscious Design Systems (amy)1,765
Your Accessibility Claims Are Wrong, Unless… (aar)1,764
,
Web Sustainability Resources (mic/css)1,763
,
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,762
, , , ,
Should You Use PHP (Laravel) in 2023 (git)1,761
,
Awesome Productivity Tools for Developers (sur)1,760
,
Git Cheat Sheet With 40+ Commands and Concepts (tap)1,759
, ,
Content Strategy 101 (aka/nng)1,758
,
The Evolution of Scalable CSS (fem)1,757
, , ,
How to Increase Traffic to Your Website (for)1,756
,
The IndieWeb for Everyone (mxb)1,755
,
Don’t Disable the Zoom Functionality (ia)1,754
,
10 Things I Wish I’d Known When Starting My Coding Journey (mar)1,753
CSS Grid and Custom Shapes III (css/css)1,752
, ,
Implementation Guide for Using “Remove Cache Buster Query Parameter” Feature (isa)1,751
, ,
When Our Tools Hold Us Back (mia/odd)1,750
, ,
CSS “:where()” “:is()” the Difference? (hel)1,749
,
Node.js Security Best Practices (nod)1,748
, ,
State of Design Systems 2022 Survey (mat)1,747
,
The Anatomy of “visually-hidden” (sib/tpg)1,746
,
An Open Challenge (to Tech Event Organizers) (tod)1,745
Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (med/sen)1,744
, ,
What’s New in WCAG 2.2 (rav/a11)1,743
, , ,
Why Your Backend in Node.js Needs an API Layer and How to Build It (ant/sem)1,742
, ,
Easily Switch Between Different Node Versions Using nvm (zor/css)1,741
, ,
Accessfuturism: Digital Accessibility in 2032 (sco/web)1,740
, ,
Designing for People Who Use a Mouse (ihe/web)1,739
,
CSS Timeline (raj)1,738
,
Cultivating Design Systems by Bringing Intention (amy)1,737
A Brief and Probably Only Partially Correct History of CSS Nesting (chr)1,736
, ,
Browsers, JSON, and “FormData” (jim)1,735
, ,
TypeScript With Node.js (rwi)1,734
,
Generating Slugs Using One Line of Code in JavaScript (ami)1,733
How to Improve User Experience and Wow Your Users (hag/all)1,732
,
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,731
, , , ,
How to Create the Perfect Hero Image for Your Portfolio Site (sit)1,730
,
What CSS Do You Absolutely Have to Know in 2022? (geo/css)1,729
Is “CSS Engineer” Now a Job Position? (hel)1,728
,
Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (pop)1,727
, ,
Foundations: Native Versus Custom Components (tet)1,726
, , , ,
Early Learnings for Early Hints at Shopify (sia/per)1,725
, , , ,
npm Security: Preventing Supply Chain Attacks (lir/sny)1,724
, ,
What Designers Can Learn From Apple’s New Accessibility Features (uxd)1,723
, ,
Managing CSS Styles in a WordPress Block Theme (css)1,722
, , ,
Using Data-Driven Analytics to Improve Your Site’s User Experience (uxm)1,721
, ,
Creating a Design System Using Radix (chu/ope)1,720
,
Why Would Anyone Need JavaScript Generator Functions? (jrs)1,719
,
Responsive Accessibility Using “visibility: hidden” (sco)1,718
, ,
A Simpler Approach to Document and Web Accessibility (con)1,717
Why You Need to Monitor and Report on Accessibility—All the Time (deq)1,716
, , ,
The Superpowers of Design Tokens (boy/inv)1,715
,
Client-Side Routing Without the JavaScript (rya/thi)1,714
, ,
Saved From Callback Hell (sit)1,713
,
Hey Tech Recruiter, Here Are Some Tips From a Developer (eev)1,712
, ,
How to Adjust Alignment and Indentation for Ordered Lists in CSS (pro)1,711
, , , ,
Visual Design in UX: Study Guide (nng)1,710
, , , ,
Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (jas)1,709
,
Inside the Mind of a Frontend Developer: Hero Section (sha)1,708
,
Writing Better Documentation (ale)1,707
,
5 Takeaways From Screen Reader Usability Interviews (jes)1,706
, ,
An Animated Guide for Node.js Event Loop (and)1,705
, , ,
Accessibility “Gaps” in MVPs (aar)1,704
Caring About the World Wide Web (ada/hux)1,703
, , ,
Ways to Improve Developer Onboarding on an Existing Codebase (the)1,702
,
See This Page Fetch Itself, Byte by Byte, Over TLS (jaw)1,701
, ,
6 Steps to Improve HTML Images for Users and Developers (aus)1,700
, , ,
Minimal Dark Mode (j9t)1,699
, ,
Frontend Dogma on Mastodon (fro)1,698
Comparing TCP and QUIC (apn)1,697
, , ,
Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (mer/a11)1,696
,
A Deep Dive Into Accessible Notifications (rus/a11)1,695
, , ,
Progress Over Perfection: A Better Way to Accessibility (mer)1,694
,
16 Rare HTML Tags You Really Should Know (gle/env)1,693
,
Speedy CSS Tip! Animated Gradient Text (jhe/dev)1,692
,
A Testing Strategy for Accessibility in New Apps (mar)1,691
,
7 Tactics That Benefit Both Accessibility and SEO (deq)1,690
,
Tips for Design System Component Pages (par)1,689
, , , ,
Sustainable Web Design Reduces E-Waste (mrm/sus)1,688
The Best PHP Frameworks for 2022 (cla/sit)1,687
,
A Love Letter to React (chr/fly)1,686
,
Next Steps for the W3C Web Accessibility Initiative (sab/g3i)1,685
, ,
Tips to Become a Great Software Engineer (jam)1,684
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (its)1,683
, , ,
An Introduction to CSS Cascade Layers (chr/lul)1,682
, ,
How to Start a Content Audit (con)1,681
, , , ,
Design Management Toolbox: Non-Linear Professional Development (jan/uxd)1,680
,
Designing the Perfect Mobile Navigation UX (vit/sma)1,679
, ,
The Case for JPEG XL (jon/clo)1,678
, ,
Should Consistency Be a Goal of Design Systems? (amy)1,677
,
Why Experienced Programmers Fail Coding Interviews (cod)1,676
,
An Overview of JavaScript Promises (san+/sit)1,675
, ,
Is Turbopack Really 10× Faster Than Vite? (you)1,674
, , ,
Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (dav/ver)1,673
,
The New CSS Media Query Range Syntax (pre/css)1,672
,
“aria-label” Is a Code Smell (eri)1,671
, , , ,
My Divtober 2022 Drawings (alv)1,670
,
TypeScript 5.0 Iteration Plan (dro/typ)1,669
Screenshotting VoiceOver on macOS (kil)1,668
, , , ,
Intro to HTML-First Frontend Frameworks (sit)1,667
, ,
Complexity and Caution (tem)1,666
, ,
Everything You Need to Know About Material Design 3 (ste)1,665
, , ,
20+ Laravel Best Practices, Tips, and Tricks to Use in 2023 (ben)1,664
, ,
Folder Structure for Node.js and Express.js Project1,663
, ,
Do We Need an Interop for Assistive Technologies? (hdv)1,662
, , , ,
Knowing What It’s Not (uxd)1,661
,
Hostile Patterns in Error Messages (kat/nng)1,660
, , ,
5 Visual Treatments that Improve Accessibility (nng)1,659
,
7 Shorthand Optimization Tricks Every JavaScript Developer Should Know (tap)1,658
,
The Perfect Commit (sim)1,657
, , ,
CSS Ellipsis for Single-Line and Multi-Line Text (vin)1,656
,
URL Redirection on AWS Using JSON Rules (ang)1,655
, , ,
How to Create Advanced Animations With CSS (yos/sma)1,654
, ,
How to Build, Test, and Publish a TypeScript npm Package in 2022 (jan)1,653
, ,
How Flaky Tests Impact Developers (abi)1,652
, , ,
Why You Should Never Use “px” to Set “font-size” in CSS (jjc)1,651
,
What Is a Realm in JavaScript? (wei)1,650
Practical CSS Guide for Busy Developers (vin)1,649
,
React Concurrency, Explained (iam)1,648
, ,
All Designers Start as Copycats (and That’s OK) (jfa/uxd)1,647
,
Type-Safe TypeScript With Type Narrowing (rai/thi)1,646
,
Motion Controls in the Browser (yap/sma)1,645
, ,
How to Communicate Effectively as a Developer (kar)1,644
, , ,
Using HSL Colors in CSS (tk/log)1,643
,
Masked Gradient Dashed Lines (mey)1,642
, ,
Getting WCAG Color Contrast Right (luk/uxd)1,641
, , ,
Accessibility Beyond the “Obvious” (tem)1,640
CSS Runtime Performance1,639
, ,
A Beginner’s Guide to Chrome Tracing (nol)1,638
, , , ,
Guide to the Best JavaScript Books for Beginners (sit)1,637
, , ,
Typographic Hierarchies (alm/sma)1,636
,
Code Coverage With Storybook Test Runner (yan/sto)1,635
, ,
Design Principles for the Web (ada/web)1,634
, ,
Web Accessibility: ARIA 101 (vav/thi)1,633
, ,
The Math Behind Nesting Rounded Corners (pau/clo)1,632
, ,
“Thousand” Values of CSS (kar)1,631
,
Performance (mel+/htt)1,630
, , , , ,
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)1,629
, ,
Animated Border Gradient (shs)1,628
, , , ,
Building a Tooltip Component (arg/dev)1,627
, , ,
Structured Data (cyb+/htt)1,626
, , , , , ,
OKLCH in CSS: Why We Moved From RGB and HSL (sit+/evi)1,625
, ,
CSS Animated Grid Layouts (bra/dev)1,624
, , ,
Detect System Theme Preference Change Using JavaScript (dav)1,623
,
Do You Really Understand CSS Radial Gradients? (pat)1,622
,
What? How? Why? “@ layer” (var)1,621
,
Is There Too Much CSS Now? (sac/css)1,620
Don’t Be Afraid of Reverting Code in Git (ser)1,619
Evolution of Manuals: UX Inspiration From History (uxd)1,618
, ,
Disruptive Design Patterns—an Uncharted Territory (ren/uxd)1,617
How We Improved React Loading Times by 70% With Next.js (cau)1,616
, , ,
Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning (bry)1,615
,
Twitter Reminds Us About Alt Text, but How Good Are We at It? (she/uxd)1,614
, , , ,
New Git Guidelines: We Have Switched to Conventional Commits (mal/vv)1,613
, , ,
Things Strong Developers Do That Drive Their Team Crazy (jen)1,612
,
The Truth Behind Implicit/Explicit Form Labels (the)1,611
, , ,
JavaScript Shallow Copy—What Is a Shallow Copy? (smp)1,610
Let’s Talk About Web Components (bra)1,609
How to Set Up the New Google Auth in a React and Express App (bon/sit)1,608
, , , ,
53 UX Statistics to Know for 2023 (lea)1,607
,
Which Serverless Edge Platform Has the Fastest Git Deployments? (and/den)1,606
, , , ,
Usable, Useful, and Valuable (sad/scr)1,605
, , ,
Why I Never Understood CSS-in-JS (cit)1,604
, ,
Responsive Animations for Every Screen Size and Device (cas/css)1,603
, ,
CSS Is Awesome (awn/nor)1,602
,
SEO and Accessibility Are Symbiotic (deq)1,601
,
Ethical Design Is a Risk Management Strategy (kat/uxd)1,600
, ,
A Dashing Navbar Solution (mey)1,599
GitHub Copilot Investigation1,598
, , , ,
Why We Need CSS Speech (tin)1,597
, ,
Digital Accessibility—Ask Me Anything (max+/tpg)1,596
,
The True Type in PHP 8.2 (ami)1,595
What if the Team Hates My Functional Code? (jrs)1,594
How to Build the Foundation for Digital Accessibility (a11/deq)1,593
, , ,
Redo Websites Less Often (to Become a Better Developer) (j9t)1,592
, , ,
Highly Customizable Background Gradients (spa/clo)1,591
, ,
I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack (as)1,590
, , ,
State of CSS Frameworks (thi)1,589
, ,
Google on Alt Text SEO and Accessibility (joh+/sea)1,588
, , , , ,
The Proprietary Syndication Formats (chr)1,587
,
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1,586
Data-Oriented Django (ada)1,585
, ,
Common ARIA Mistakes and How to Avoid Them (ale)1,584
, , ,
Hands-On Guide to Color Fonts and “@ font-palette-values” (zor/css)1,583
, , ,
Applying the 8 Golden Rules of User-Interface Design (uxm)1,582
, ,
Forging Successful Partnerships With Software Developers (jon/uxm)1,581
,
CSS Specificity for Beginners1,580
, ,
Designing for Users With Disabilities: 10 Factors to Consider (uxm)1,579
, ,