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

“2022” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
The Ultimate Error Message UX Writing Guide1,860
, , ,
Why Japan’s Internet Is Weirdly Designed1,859
,
Accessibility and Inclusive Design Systems (bra)1,858
, , ,
CSS “:is()”, “:where()”, “:has()”, and “:not()”1,857
,
Down With Design Systems Dogma (amy)1,856
Node.js Architecture Pitfalls to Avoid (app)1,855
,
Our Future CSS Strategy1,854
, , , ,
Preparing for WCAG 2.2 (int)1,853
, ,
The “label” Element1,852
, ,
An Interactive Guide to Flexbox (jos)1,851
, , ,
CSS Snapshot 2022 (tab+/w3c)1,850
,
Deploy Node.js to AWS: Build an Automated CI/CD Pipeline1,849
, , ,
Natural Language Inputs (jim)1,848
,
Optimizing a Vue App (mic/sma)1,847
, ,
Page Title Conventions (ada)1,846
, ,
The Value of Accessibility (ann)1,845
,
What Happened to Text Inputs? (hey)1,844
, ,
What Image Format Should You Use in Your Next Project? (alv)1,843
Writing and Organizing Node.js API Tests the Right Way1,842
, ,
Improving Firefox Stability With This One Weird Trick (moz)1,841
, ,
4 Mobile Must-Haves for a Modern UX Design Strategy (uxm)1,840
, , ,
A Guide to Keyboard Accessibility: JavaScript (its/sma)1,839
, , ,
Analyzing the Top 100 Retailers for Digital Accessibility (deq)1,838
, ,
DOJ and Congressional Updates on Digital Accessibility1,837
,
Harnessing Groupthink: Fine-Tuning CSS Specifications (ric)1,836
,
How to Use Huge Type on the Web1,835
, ,
Incorporating Accessible Design Elements Into Your Web Site (uxm)1,834
,
State of JavaScript 2022 (sac/dev)1,833
,
Taming the Cascade With BEM and Modern CSS Selectors (css)1,832
, , , ,
What Is the Open Web?1,831
, ,
Less Design Leadership—More Design Authorship (uxd)1,830
,
Brief Note on “aria-readonly” Support (aar)1,829
, , , ,
Get Verified on Mastodon With WordPress (osd)1,828
,
Multidimensional Design Systems (fig)1,827
,
Today I Learned: The Subtle Art of Code Reviews1,826
, ,
An Introduction to the Design Tokens File Format (fig)1,825
, ,
Distinguish Yourself in the Tech Job Market by Writing a Solid Cover Letter (and)1,824
,
Git Notes: Git’s Coolest, Most Unloved­ Feature1,823
Days Since Last JS Framework1,822
, ,
How to Handle Unplanned Work in Scrum1,821
, , ,
The Easiest Way to Get Started With CSS Grid (zor/css)1,820
, , ,
The Ultimate Guide to Frontend Monitoring1,819
,
A Guide to Image Optimization on Jamstack Sites (daw/sma)1,818
, , , , , ,
An Interesting Limitation of CSS Custom Properties (tyl/clo)1,817
,
Back to Basics: What are Callbacks in JavaScript?1,816
, ,
Experimenting With Layering, Filtering, and Masking in CSS1,815
, , ,
Firefox-Only CSS (ami)1,814
, , ,
Migrating From npm to pnpm1,813
, ,
You Don’t Need HTML (ede)1,812
, ,
Style a Parent Element Based on Its Number of Children Using CSS “:has()” (bra)1,811
,
5 Insider Tips to Make Accessibility Part of Workflow (mni)1,810
, ,
Accessibility Is in Style—Styles and Style Guides (kno)1,809
, , , , , ,
Build and Deploy a Node.js Microservices Application1,808
, ,
CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly1,807
,
Improving React Interaction Times by 4×1,806
, ,
“Not Secure” Warning for IE Mode1,805
, , , ,
Spy On “window.postMessage” Calls (bah)1,804
, ,
Theory-Building and Why Employee Churn Is Lethal to Software Companies1,803
,
Using Automated Test Results to Improve Accessibility (sma)1,802
, ,
“vh”, “svh”, “lvh”, and “dvh” (mat)1,801
10 Topics You Must Know if You Want to Be a Web Developer—a Beginners Guide1,800
,
Building Conscious Design Systems (amy)1,799
CSS Shapes Module Level 1 (w3c)1,798
, ,
How to Do Keyword Optimization for SEO (3 Steps) (ahr)1,797
, , ,
The Best Programming Languages You Can Use for Web Development1,796
,
Significant Improvements for Screen Readers Now in Nightly Firefox (moz)1,795
, , , ,
Why Some Developers Will Never Improve1,794
,
Visual Design: Breaking Into the Fourth Dimension of Experience Design (uxd)1,793
,
The Heuristics of Neurodesign (uxd)1,792
,
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,791
, , , ,
Awesome Productivity Tools for Developers1,790
,
Web Sustainability Resources (mic)1,789
,
Your Accessibility Claims Are Wrong, Unless… (aar)1,788
,
Should You Use PHP (Laravel) in 20231,787
,
Git Cheat Sheet With 40+ Commands and Concepts1,786
, ,
Content Strategy 101 (nng)1,785
,
Don’t Disable the Zoom Functionality1,784
,
How to Increase Traffic to Your Website (for)1,783
,
The Evolution of Scalable CSS1,782
, , , , , , , , , , ,
The IndieWeb for Everyone1,781
,
10 Things I Wish I’d Known When Starting My Coding Journey1,780
CSS Grid and Custom Shapes III (css/css)1,779
, ,
CSS “:where()” “:is()” the Difference? (hel)1,778
,
Implementation Guide for Using “Remove Cache Buster Query Parameter” Feature1,777
, ,
When Our Tools Hold Us Back (mia/odd)1,776
, ,
An Open Challenge (to Tech Event Organizers) (col)1,775
Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (sea)1,774
, ,
Easily Switch Between Different Node Versions Using nvm (zor/css)1,773
, ,
Node.js Security Best Practices (nod)1,772
, ,
State of Design Systems 2022 Survey1,771
,
The Anatomy of “visually-hidden” (sib/tpg)1,770
,
What’s New in WCAG 2.21,769
, , ,
Why Your Backend in Node.js Needs an API Layer and How to Build It1,768
, ,
A Brief and Probably Only Partially Correct History of CSS Nesting (chr)1,767
, ,
Accessfuturism: Digital Accessibility in 2032 (web)1,766
, ,
Browsers, JSON, and “FormData” (jim)1,765
, ,
CSS Timeline1,764
,
Cultivating Design Systems by Bringing Intention (amy)1,763
Designing for People Who Use a Mouse (web)1,762
,
Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (pop)1,761
, ,
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,760
, , , ,
Early Learnings for Early Hints at Shopify (sia)1,759
, , , ,
Foundations: Native Versus Custom Components (tet)1,758
, , , ,
Generating Slugs Using One Line of Code in JavaScript (ami)1,757
How to Create the Perfect Hero Image for Your Portfolio Site1,756
,
How to Improve User Experience and Wow Your Users1,755
,
Is “CSS Engineer” Now a Job Position? (hel)1,754
,
TypeScript With Node.js (rwi)1,753
,
What CSS Do You Absolutely Have to Know in 2022? (geo/css)1,752
A Simpler Approach to Document and Web Accessibility1,751
Client-Side Routing Without the JavaScript (rya/thi)1,750
, ,
Creating a Design System Using Radix1,749
,
Managing CSS Styles in a WordPress Block Theme (css)1,748
, , ,
npm Security: Preventing Supply Chain Attacks (sny)1,747
, ,
Responsive Accessibility Using “visibility: hidden” (sco)1,746
, , ,
Saved From Callback Hell1,745
,
The Superpowers of Design Tokens1,744
,
Using Data-Driven Analytics to Improve Your Site’s User Experience (uxm)1,743
, ,
Why Would Anyone Need JavaScript Generator Functions?1,742
,
Why You Need to Monitor and Report on Accessibility—All the Time (deq)1,741
, , ,
What Designers Can Learn From Apple’s New Accessibility Features (uxd)1,740
, ,
Hey Tech Recruiter, Here Are Some Tips From a Developer (eev)1,739
, ,
How to Adjust Alignment and Indentation for Ordered Lists in CSS1,738
, , , ,
Inside the Mind of a Frontend Developer: Hero Section (sha)1,737
,
Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (jas)1,736
,
Visual Design in UX: Study Guide (nng)1,735
, , , ,
5 Takeaways From Screen Reader Usability Interviews1,734
, ,
Accessibility “Gaps” in MVPs (aar)1,733
An Animated Guide for Node.js Event Loop1,732
, , ,
Writing Better Documentation (ale)1,731
,
6 Steps to Improve HTML Images for Users and Developers (aus)1,730
, , ,
Caring About the World Wide Web (ada)1,729
, , ,
Frontend Dogma on Mastodon (fro)1,728
Minimal Dark Mode (j9t)1,727
, ,
See This Page Fetch Itself, Byte by Byte, Over TLS1,726
, ,
Ways to Improve Developer Onboarding on an Existing Codebase1,725
,
16 Rare HTML Tags You Really Should Know1,724
,
7 Tactics That Benefit Both Accessibility and SEO (deq)1,723
,
A Deep Dive Into Accessible Notifications1,722
, , ,
A Testing Strategy for Accessibility in New Apps (mar)1,721
,
Comparing TCP and QUIC1,720
, , ,
Progress Over Perfection: A Better Way to Accessibility (mer)1,719
,
Speedy CSS Tip! Animated Gradient Text (jhe/dev)1,718
,
Sustainable Web Design Reduces E-Waste1,717
Tips for Design System Component Pages1,716
, , , ,
Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (mer)1,715
,
The Best PHP Frameworks for 20221,714
,
A Love Letter to React (fly)1,713
,
An Introduction to CSS Cascade Layers (lul)1,712
, ,
Designing the Perfect Mobile Navigation UX (vit/sma)1,711
, ,
How to Start a Content Audit1,710
, , , ,
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1,709
, , ,
Next Steps for the W3C Web Accessibility Initiative1,708
, ,
Should Consistency Be a Goal of Design Systems? (amy)1,707
,
The Case for JPEG XL (jon)1,706
, ,
Tips to Become a Great Software Engineer1,705
Why Experienced Programmers Fail Coding Interviews1,704
,
Design Management Toolbox: Non-Linear Professional Development (uxd)1,703
,
An Overview of JavaScript Promises1,702
, ,
Is Turbopack Really 10× Faster Than Vite? (eva)1,701
, , ,
20+ Laravel Best Practices, Tips, and Tricks to Use in 20231,700
, ,
“aria-label” Is a Code Smell (eri)1,699
, , , ,
Complexity and Caution (tem)1,698
, ,
Everything You Need to Know About Material Design 31,697
, , ,
Folder Structure for Node.js and Express.js Project1,696
, ,
Intro to HTML-First Frontend Frameworks1,695
, ,
My Divtober 2022 Drawings (alv)1,694
,
Screenshotting VoiceOver on macOS (kil)1,693
, , , , ,
The New CSS Media Query Range Syntax (css)1,692
,
TypeScript 5.0 Iteration Plan (dan/typ)1,691
Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (dav/ver)1,690
,
7 Shorthand Optimization Tricks Every JavaScript Developer Should Know1,689
,
Do We Need an Interop for Assistive Technologies? (hdv)1,688
, , , ,
5 Visual Treatments that Improve Accessibility (nng)1,687
,
Hostile Patterns in Error Messages (nng)1,686
, , ,
Knowing What It’s Not (uxd)1,685
,
CSS Ellipsis for Single-Line and Multi-Line Text1,684
,
How to Build, Test, and Publish a TypeScript npm Package in 20221,683
, ,
How to Create Advanced Animations With CSS (sma)1,682
, ,
The Perfect Commit (sim)1,681
, , ,
URL Redirection on AWS Using JSON Rules1,680
, , ,
How Flaky Tests Impact Developers1,679
, , ,
How to Communicate Effectively as a Developer1,678
, , ,
Motion Controls in the Browser (sma)1,677
, ,
Practical CSS Guide for Busy Developers1,676
,
React Concurrency, Explained1,675
, ,
Type-Safe TypeScript With Type Narrowing (thi)1,674
,
Using HSL Colors in CSS (log)1,673
,
What Is a Realm in JavaScript?1,672
Why You Should Never Use “px” to Set “font-size” in CSS1,671
,
All Designers Start as Copycats (and That’s OK) (uxd)1,670
,
Accessibility Beyond the “Obvious” (tem)1,669
CSS Runtime Performance1,668
, ,
Masked Gradient Dashed Lines (mey)1,667
, ,
Getting WCAG Color Contrast Right (luk/uxd)1,666
, , ,
A Beginner’s Guide to Chrome Tracing (nol)1,665
, , , , ,
Code Coverage With Storybook Test Runner (sto)1,664
, ,
Design Principles for the Web (ada)1,663
, ,
Guide to the Best JavaScript Books for Beginners1,662
, , ,
The Math Behind Nesting Rounded Corners (pau/clo)1,661
, ,
Typographic Hierarchies (sma)1,660
,
Web Accessibility: ARIA 101 (thi)1,659
, ,
Animated Border Gradient (shs)1,658
, , , ,
Building a Tooltip Component (arg/dev)1,657
, , ,
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)1,656
, ,
CSS Animated Grid Layouts (bra/dev)1,655
, , ,
OKLCH in CSS: Why We Moved From RGB and HSL (sit+/evi)1,654
, ,
Performance (rvi/htt)1,653
, , , , ,
Structured Data (htt)1,652
, , , , , ,
“Thousand” Values of CSS (kar)1,651
,
Detect System Theme Preference Change Using JavaScript (dav)1,650
,
Do You Really Understand CSS Radial Gradients? (pat)1,649
,
Don’t Be Afraid of Reverting Code in Git1,648
Is There Too Much CSS Now? (sac/css)1,647
What? How? Why? “@ layer”1,646
,
Sharing Data Between Microservices1,645
,
How We Improved React Loading Times by 70% With Next.js1,644
, , ,
Evolution of Manuals: UX Inspiration From History (uxd)1,643
, ,
Disruptive Design Patterns—an Uncharted Territory (uxd)1,642
JavaScript Shallow Copy—What Is a Shallow Copy?1,641
New Git Guidelines: We Have Switched to Conventional Commits1,640
, , ,
Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning1,639
,
The Truth Behind Implicit/Explicit Form Labels1,638
, , ,
Things Strong Developers Do That Drive Their Team Crazy1,637
,
Twitter Reminds Us About Alt Text, but How Good Are We at It? (uxd)1,636
, , , ,
53 UX Statistics to Know for 20231,635
,
How to Set Up the New Google Auth in a React and Express App1,634
, , , ,
Let’s Talk About Web Components (bra)1,633
CSS Is Awesome1,632
,
Responsive Animations for Every Screen Size and Device (css)1,631
, ,
Usable, Useful, and Valuable1,630
, , ,
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)1,629
, , , ,
Why I Never Understood CSS-in-JS (cit)1,628
, ,
A Dashing Navbar Solution (mey)1,627
SEO and Accessibility Are Symbiotic (deq)1,626
,
Ethical Design Is a Risk Management Strategy (uxd)1,625
, ,
Digital Accessibility—Ask Me Anything (tpg)1,624
,
GitHub Copilot Investigation1,623
, , , ,
Highly Customizable Background Gradients (spa/clo)1,622
, ,
How to Build the Foundation for Digital Accessibility (deq)1,621
, , ,
I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack1,620
, , ,
Redo Websites Less Often (to Become a Better Developer) (j9t)1,619
, , ,
State of CSS Frameworks (thi)1,618
, ,
The True Type in PHP 8.2 (ami)1,617
What if the Team Hates My Functional Code?1,616
Why We Need CSS Speech (tin)1,615
, ,
Applying the 8 Golden Rules of User-Interface Design (uxm)1,614
, ,
Common ARIA Mistakes and How to Avoid Them (ale)1,613
, , ,
CSS Specificity for Beginners (nic)1,612
, ,
Data-Oriented Django (ada)1,611
, ,