Frontend Dogma

“2022” Archive (6)

Entry (Sources) and Other Related TopicsDate#
Measuring the Performance of Typefaces for Users II (sma)813
, ,
The Many Definitions of Server-Side Rendering (zac)812
Design Systems; the Great Connector (bea/uxd)811
The Future of Frontend Build Tools (fas/sma)810
,
Simplify Your Color Palette With CSS “color-mix()” (yus/sma)809
, ,
Mobile-First CSS: Is It Time for a Rethink? (ali)808
, ,
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)807
, , ,
How to Use Headings for Website Accessibility (usa)806
, , ,
JavaScript Hydration Is a Workaround, Not a Solution (mhe/the)805
,
How to Animate SVG Shapes on Scroll (crn/cod)804
, , ,
Patterns for Building JavaScript Websites in 2022 (rya/thi)803
, ,
Inclusive User Research: Analysing Findings (tet)802
, ,
Mathematical Notation for JavaScript Developers Explained (luk/run)801
,
How to Create Dark Mode for Your Designs in Figma (sep/uxd)800
, ,
Meet Web Push (bra/web)799
, , ,
Optimize the Use of “if–else”798
Building Interoperable Web Components That Even Work With React (ada/css)797
, ,
Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (sar)796
, , , ,
Are You Ignoring Digital Accessibility at Your Job? (acc/the)795
,
Best Practices for Overlays (con)794
, ,
Shallow Copy and Deep Copy (aad)793
Web Typography: Establishing a Strong Typographic System (ale/sit)792
A New Definition of HTTP (mno)791
,
How to Use Variables in CSS: CSS Custom Properties (web/sit)790
, ,
Can I DevTools? (pan)789
, , ,
Measuring the Performance of Typefaces for Users (sma)788
, ,
Why Most Design Systems Implode (bra+/sto)787
,
WCAG 3 Compliant? Check Again (rlb)786
, ,
Hamburger Footer: Reaching the Bottom of Infinite Scroll (gra/pro)785
, ,
More Light! (bas/btc)784
, ,
A Brief History of Responsive Web Design (web)783
,
Don’t Sink Your Website With Third Parties (ken/sma)782
, ,
Bad Bad UX: 20 Common Mistakes in User Experience (flo)781
,
Web Development Resources (mar)780
,
Monorepos in JavaScript and TypeScript (rwi)779
, ,
Obscure CSS: Implicit List-Item Counter (kiz)778
,
Useful Built-In Node.js APIs (cra/sit)777
,
How to Pick the Least Wrong Colors (ili)776
, , ,
Declarative Design Systems (ada)775
Dealing With Hover on Mobile (kev)774
, , ,
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)773
Writing Useful Alt Text (mic/css)772
, , ,
The Cicada Principle and Why It Matters to Web Designers (ale/sit)771
,
Level Up Your Link Previews in Slack (whi)770
, , , ,
Understanding CSRF Attacks (zel)769
,
How to Migrate From Yarn/npm to pnpm768
, , , ,
Two Lines of CSS That Boosts 7× Rendering Performance (mud)767
, ,
Interview With Léonie Watson (tin+)766
,
How Does Social Interaction Change in an Age of New Media? (uxd)765
,
Checklist for Moderating a Usability Test (mar/nng)764
, ,
7 Tips to Improve Your TypeScript (jul)763
, ,
APCA: The New Algorithm for Accessible Colour Contrast762
, , ,
JavaScript of Halftone Printing761
,
Just How Long Should Alt Text Be? (geo/css)760
, , ,
You May Not Need a Bundler for Your npm Library (cmd)759
,
What npm Can Learn From Go (bos/har)758
8 Shocking HTML Tips You Probably Don’t Know About (btw)757
,
The “Form” Element Created the Modern Web—Was It a Big Mistake? (ftr/wir)756
, , ,
npm Security Update: Attack Campaign Using Stolen OAuth Tokens (gos/git)755
, , , ,
The Story of the Custom Scrollbar Using CSS (tap)754
,
How to Fix: “Buttons Do Not Have Accessible Names” (boi)753
, ,
Manage Accessible Design System Themes With CSS “color-contrast()” (yus/sma)752
, ,
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)751
, ,
What’s the Alternative (Text)? (tod)750
,
Making Headers Sticky Using CSS for a Better Reading Experience (ami)749
, ,
Customizing Color Fonts on the Web (lit+/web)748
, ,
Understanding Weak Reference in JavaScript (jos/sma)747
JavaScript Closures, Explained (awa)746
,
Why Are Iframe Titles Important for Accessibility? (boi)745
, , ,
A Perfect Table of Contents With HTML and CSS (nza/css)744
,
Single Page Applications (ons/tpg)743
CSS: Absolutely Positioning Things Relatively (ben/can)742
, ,
Four Tradeoffs When Designing Navigation Menus (bro/eig)741
,
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers (pau/lam)740
, , , ,
How to Position Your Design System Team for Success (bik/vig)739
, , ,
Advocating for Your Design System (son/bac)738
,
Inclusive Design 101 (tin/uxd)737
,
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks (byt/sny)736
, , ,
5 Things I’d Want to See Improved in WordPress Core (bri/ma)735
Lesser-Known and Underused CSS Features in 2022 (cod/sma)734
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (ste/scr)733
, , ,
A Guide to Writing Industry Standard Git Commit Messages732
, , , ,
Dialog Components: Go Native HTML or Roll Your Own? (get/css)731
, ,
An Introduction to the Tailwind CSS and Atomic CSS (asz)730
, , ,
Accessibility From Different Perspectives (hdv)729
The Balance Has Shifted Away From SPAs (nol)728
Fun With CSS Combinators (alv)727
,
Triaging WCAG 2.1 Level AAA (ian/tet)726
, ,
First Look at the CSS “object-view-box” Property (sha)725
Web Accessibility Is Broken—It’s Time to Fix It (yat)724
,
React Accessibility Resources (bru)723
, ,
Let’s Make Accessibility Boring Again (kev/kin)722
React Hooks Best Practices in 2022 (kul)721
,
Patterns (w3c)720
, ,
4 Web Accessibility Remediation Mistakes to Avoid (boi)719
,
Automate Accessibility Tests With Storybook (win/sto)718
, , ,
Thinking Colors: Balancing Between Visual and Abstract (tbr/uxd)717
Accessibility Not-Checklist (int)716
, ,
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure (jef/mic)715
, , , ,
Web Development === Accessibility (abb)714
What We Can Learn From Remix (ljn/14i)713
,
Use “@ supports” At-Rule for Feature Detection in CSS (zor/css)712
, , ,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)711
, ,
RFC 9239: Updates to ECMAScript Media Types (rau)710
,
How to Ask for a Promotion (sam/uxd)709
,
Quick and Dirty Text Diffing (jim)708
Building a Button Component (arg/dev)707
, , , ,
The Rise and Fall of Neumorphism (jca/web)706
UI and UX Micro-Tips (mrc/uxd)705
, ,
How the HTML “lang” Attribute Helps Accessibility (boi)704
, , ,
The Forgotten Benefits of “Low Tech” User Interfaces (uxd)703
WCAG 2.2 and WCAG 3 Status Updates702
, ,
Reduce Array of Objects to an Object in JavaScript (ami)701
, ,
The Modern Way to Create and Host a WordPress Site (101/sma)700
, ,
Web Applications 101 (rwi)699
,
Quick Tip: You Might Not Need “calc()” (mic/css)698
,
Unexpectedly HTTPS? (eri)697
,
Building a Design System With Eleventy (try)696
,
Peering Into the Accessibility of Dark Mode (dor/uxd)695
,
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)694
,
Unpack Arrays Conditionally in PHP (ami)693
,
Rethinking Server-Timing as a Critical Monitoring Tool (dev/sma)692
, , ,
24×24 Pixel Cursor Bookmarklet (aar)691
, , ,
The Era of Rebellious Web Design Is Here (ang/aig)690
An Affordable Work-from-Home Setup for Remote Workers (sit)689
9 Ways to Design Inclusive Content (aud/moz)688
,
Color Alignment for Multiple Design Systems (wix)687
,
Personas vs. Archetypes (pag/nng)686
, , , ,
More Common Accessibility Issues That You Can Fix Today (hdv)685
Keyboard Testing: The A11y Enhancement to Your Definition of Done (ste)684
, ,
Call to Action Examples (yuc)683
, , ,
Does JavaScript Make My Site Less Accessible? (boi)682
, ,
A Designer’s Journey of Ignorance, Resentment, and Wisdom (mic/uxd)681
Master the “:nth-child()” Pseudo-Class (zor/css)680
, ,
Cool Hover Effects That Use CSS Text Shadow (css/css)679
,
Don’t Fight the Browser Preload Scanner (mal/dev)678
, , ,
Light and Dark Mode in Just 14 Lines of CSS (whi)677
,
Tokens as Intents (don/des)676
, ,
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (dan/sma)675
, , , , ,
Bringing Page Transitions to the Web (jaf/dev)674
, ,
W3C TAG Ethical Web Principles (tor+/w3c)673
, ,
Debugging Accessibility With Chrome DevTools (cyn/dev)672
, , , , , ,
When, Why, and How to Multithread in Flutter (mis/flu)671
, , ,
How to Learn JavaScript Fast: Six Simple Mind Tricks (yap/sit)670
, , ,
Why WCAG 2.2 Is Still in the Oven (deq)669
,
XHTML Syntax Is Still Worth Using (tem)668
,
Designing for Web Accessibility in 60 Seconds (dav)667
State of CSS 2022 (arg/dev)666
Divs Are Bad! (mat)665
,
Bridging the Gap (rac/dev)664
,
On Design Thinking (fos)663
You Don’t Need “void 0” (lgr/p42)662
Under the Hood: React vs. Vue vs. Svelte (git)661
, , , ,
The Complete Modern React Developer 2022 (and)660
Cron Jobs: A Comprehensive Guide (ila/sit)659
, ,
Two Approaches to Accessibility on the Web (j9t)658
,
Magical SVG Techniques (sma)657
, ,
Learn HTML [and] CSS (jad)656
, , ,
Why SEO Is a Great Investment, Not Just a Cost (mil/sen)655
,
Frontend Versus Backend Web Development (uxm)654
Performance Game Changer: Browser Back/Forward Cache (tun/sma)653
, , ,
Reinventing W3C Governance (rob)652
,
A Different View Into Accessibility Overlays (con)651
, , , ,
Understanding User Behaviors Across Surfaces (uxm)650
The Road to Universal JavaScript (ddp)649
“Someone Should Build X for the Web”—Why Not You? (cod)648
A Management Maturity Model for Performance (sli)647
The Ultimate Electron Guide646
, , , , ,
What’s Your Heading? (tod)645
, , ,
My Opinion on What Makes a Good Code Review (gwe)644
,
Scaling CSS Layout Beyond Pixels (5t3/btc)643
, , ,
How to Use the GitHub Pulls API to Manage Pull Requests (car/fus)642
, ,
Lost in Translation (mat/btc)641
, , , ,
Learn CSS Subgrid (sha)640
, ,
Top 2021 CSS Frameworks Report: Validation (cit/css)639
, , , , ,
Master Higher-Order Functions in JavaScript (chi/tel)638
,
Get to Know Your Browser’s Performance Profiler (ato)637
, , ,
A Guide to Writing About Digital Accessibility (rya/deq)636
, ,
Resilience, Flexibility, and Immediacy: Working With Headless Systems (ddp/sma)635
, ,
Fetch API Is [the] New Old Version of AJAX (di)634
, , ,
Please, Stop Disabling Zoom (mat)633
, ,
12 Modern CSS Techniques for Older CSS Problems (arn/lam)632
, ,
How to Use Videos With Alpha Transparency on the Web (ben)631
, , ,
Practical Use Cases for “:has()” Pseudo-Class (zor/css)630
, ,
JavaScript Containers (tin)629
,
Which Programming Language Should I Learn First in 2022? (joe/sit)628
, ,
Developing a Low-Touch Adoption Strategy for a New Design System (kat/uxd)627
,
Design Patterns: How to Create Simple Interfaces (web)626
, ,
Designing a Better Language Selector (vit/sma)625
, , ,
Test Back/Forward Cache (dev)624
, , , , ,
Nail Your Website Redesign in 2022—Tips and Tricks (mel/cro)623
, ,
The Evolution of WCAG: A Postcard From the Front Lines (joh/amn)622
, , ,
How Not to Do Accessible Design (cog/uxd)621
, ,
Contextual Spacing for Intrinsic Web Design (5t3)620
, ,
fediverse.info619
,
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (wax/mac)618
, , , , , , ,
How to Create a Color Palette for Your Design System (sit)617
, , ,
In Defence of the Single Page Application (wi)616
You Don’t Need a UI Framework (jos/sma)615
, ,
5 Simple Productivity Tips for Developers (git)614
,
Legibility—How and Why Typography Affects Ease of Reading613
, , ,
It’s Time We Fix the Unethical Design of Cookie Consent Windows (the/uxd)612
, , , ,
Why I Don’t Miss React: A Story About Using the Platform (jac)611
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (gol)610
, , , ,
If Design Principles Are for Designs, Then Design Values Are for Designers (uxd)609
,
Writing Better CSS (ia/con)608
, ,
8 JavaScript Quiz [Questions] That May Confuse You (pit)607
,
Deep Dive Into Text Wrapping and Word Breaking (lon)606
, ,
Creating Realistic Reflections With CSS (rps/css)605
,
Ethical Design Network (tri)604
, ,
Under-Engineered Multi-Selects (aar)603
, ,
Design System Documentation Best Practices (th4/bac)602
, ,
How to Professionally Say (aka)601
, , , , ,
Creating a Firework Effect With CSS (alv)600
,
How to Reduce Figma Memory Usage (uxd)599
,
How Web Browsers Work: Parsing the CSS598
, ,
Foundations: Lists (tin/tet)597
, , ,
CTA Modal: How to Build a Web Component (nat/sma)596
, , ,
Misusing TypeScript Assertion Functions for Fun and Profit (chr)595
,
The CSS Art Paradox (j9t)594
, , ,
Understanding the Performance Impact of Anti-Flicker Snippets (and/spe)593
,
How to Build Node.js REST API With MySQL592
, , , , ,
The Complete Guide to Regular Expressions (Regex) (cru/cod)591
,
Common Frontend Interview Questions I’ve Been Asked590
, ,
Server-Side vs. Client-Side Analytics (dav)589
, ,
Best Practices for Integrating Content Design in Your Design System (bac)588
, , ,
My Browser Support Strategy (mic/css)587
, , ,
Let’s Keep the “Content” in WCAG (kni/hea)586
, ,
Introducing “inert” (twe/dev)585
, , , ,
A Practical Guide to Aspect Ratio in CSS (zor/css)584
, ,
Learn to Code With JavaScript: The Most Popular Programming Language on Earth (joe/sit)583
,
The 5 Golden Rules of Code Reviews (ste)582
, ,
Web Scraping via JavaScript Runtime Heap Snapshots (adr)581
, ,
Stop Removing Focus (tod)580
, ,
Traditional Web Design Process Is Fundamentally Broken (gri/clo)579
, , , ,
Cool Hover Effects That Use Background Properties (css/css)578
, ,
Deploy Your First Website Without Leaving Your IDE (bla/git)577
Flexibly Centering an Element With Side-Aligned Content (mey)576
,
Plain Old Semantic HTML: A Perfect Basis for Accessibility (boi)575
, ,
A Guide to Task-Based UX Metrics (jef/mea)574
, ,
What Is Memoization? How and When to Memoize in JavaScript and React (coc/fre)573
, ,
Is Measuring Speed a Useful Metric for Design Systems? (amy+/sup)572
, , ,
Non-Interactive Elements With the “inert” Attribute (the/web)571
, ,
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)570
, , ,
Four Eras of JavaScript Frameworks (pzu)569
, ,
11 Steps to Keep Figma Clean (uxd)568
, ,
How Web Browsers Work: Parsing the HTML567
, ,
9 Useful Principles of UX Design (uxm)566
, ,
Testing Figma Components (nat/eig)565
, ,
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)564
, ,