Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (6)

Entry (Sources) and Other Related TopicsDate#
You Don’t Need a JavaScript Library for Your Components857
, ,
Understanding the JavaScript Window Object856
,
Software Engineering: The Soft Parts (add)855
Simple CSS Solutions (kev)854
,
Should I Have Separate GitHub Accounts for Personal and Professional Projects?853
, , ,
Notes From the Dev: Essential Advice on How to Use MJML (meg)852
, ,
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)851
, , ,
Design Principles for the Web (ada/wea)850
, , ,
CSS Card Shadow Effects (hui)849
,
Change Management for Accessibility (deq)848
,
Why You Shouldn’t Modify Scrum847
, ,
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK846
, ,
The Smallest CSS (fon)845
,
The Folly of Design System “Foundations”844
Designing the Perfect Button843
,
Design System Maturity (ben)842
,
Modern JavaScript, 10 Things You Should Be Using, Starting Today841
AbortController Is Your Friend840
Better Scrolling Through Modern CSS (may)839
,
Write HTML Right838
,
The Many Definitions of Server-Side Rendering (zac)837
State of the Vuenion 2022 (eva)836
,
Single Element Loaders: The Spinner (css/css)835
,
Measuring the Performance of Typefaces for Users II (sma)834
, ,
Make DevTools Pick Colors Outside of Chrome (ami)833
, , , ,
How We Think About Browsers (git)832
,
10 Dos and Don’ts of Web Design in 2022 (web)831
,
The Future of Frontend Build Tools (sma)830
,
Design Systems; the Great Connector (uxd)829
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)828
, , ,
Simplify Your Color Palette With CSS “color-mix()” (sma)827
, ,
Patterns for Building JavaScript Websites in 2022 (rya/thi)826
, ,
Mobile-First CSS: Is It Time for a Rethink? (ali)825
, ,
JavaScript Hydration Is a Workaround, Not a Solution (the)824
,
Inclusive User Research: Analysing Findings (tet)823
, ,
How to Use Headings for Website Accessibility822
, , ,
How to Animate SVG Shapes on Scroll (cod)821
, , ,
Optimize the Use of “if–else”820
Meet Web Push (web)819
, , ,
Mathematical Notation for JavaScript Developers Explained818
,
Lynx Browser: The Land That Time Revived817
, ,
How to Create Dark Mode for Your Designs in Figma (uxd)816
, ,
Building Interoperable Web Components That Even Work With React (ada/css)815
, ,
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?814
, , , ,
Web Typography: Establishing a Strong Typographic System (mis)813
Shallow Copy and Deep Copy812
Best Practices for Overlays811
, ,
Are You Ignoring Digital Accessibility at Your Job? (the)810
,
A New Definition of HTTP (mno)809
,
How to Use Variables in CSS: CSS Custom Properties (web)808
, ,
Can I DevTools?807
, , ,
Measuring the Performance of Typefaces for Users (sma)806
, ,
Why Most Design Systems Implode (bra/sto)805
,
WCAG 3 Compliant? Check Again804
, ,
Hamburger Footer: Reaching the Bottom of Infinite Scroll803
, ,
Web Development Resources (mar)802
,
More Light! (bas/btc)801
, ,
Don’t Sink Your Website With Third Parties (sma)800
, ,
Developing Cross Browser Compatible Web Apps With Modernizr799
, ,
Bad Bad UX: 20 Common Mistakes in User Experience798
,
A Brief History of Responsive Web Design (web)797
,
Useful Built-In Node.js APIs (cra)796
,
Obscure CSS: Implicit List-Item Counter (kiz)795
,
Monorepos in JavaScript and TypeScript (rwi)794
, ,
How to Pick the Least Wrong Colors793
, , ,
Do We Have a Lack of Developers or a False Assumption What the Job Is? (cod)792
Declarative Design Systems (ada)791
Dealing With Hover on Mobile (kev)790
, , ,
Writing Useful Alt Text (mic)789
, , ,
The Cicada Principle and Why It Matters to Web Designers (mis)788
,
Checklist for Moderating a Usability Test (nng)787
, ,
Understanding CSRF Attacks (zel)786
,
Two Lines of CSS That Boosts 7× Rendering Performance785
, ,
Level Up Your Link Previews in Slack (whi)784
, , , ,
Interview With Léonie Watson (tin+)783
,
How to Migrate From Yarn/npm to pnpm782
, , , ,
How Does Social Interaction Change in an Age of New Media? (uxd)781
,
JavaScript of Halftone Printing780
,
APCA: The New Algorithm for Accessible Colour Contrast779
, , ,
7 Tips to Improve Your TypeScript778
, ,
You May Not Need a Bundler for Your npm Library777
,
Just How Long Should Alt Text Be? (geo/css)776
, , ,
What’s the Alternative (Text)? (col)775
,
What npm Can Learn From Go774
The Story of the Custom Scrollbar Using CSS773
,
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)772
, , ,
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)771
, ,
npm Security Update: Attack Campaign Using Stolen OAuth Tokens (git)770
, , , ,
Manage Accessible Design System Themes With CSS “color-contrast()” (sma)769
, ,
How to Fix: “Buttons Do Not Have Accessible Names”768
, ,
8 Shocking HTML Tips You Probably Don’t Know About767
,
Why Are Iframe Titles Important for Accessibility?766
, , ,
Understanding Weak Reference in JavaScript (sma)765
Single Page Applications (ons/tpg)764
Making Headers Sticky Using CSS for a Better Reading Experience (ami)763
, ,
JavaScript Closures, Explained762
,
Customizing Color Fonts on the Web (web)761
, ,
CSS: Absolutely Positioning Things Relatively760
, ,
A Perfect Table of Contents With HTML and CSS (nza/css)759
,
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks (sny)758
, , ,
Inclusive Design 101 (uxd)757
,
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers756
, , , ,
How to Position Your Design System Team for Success (vig)755
, , ,
Four Tradeoffs When Designing Navigation Menus754
,
Advocating for Your Design System753
,
Lesser-Known and Underused CSS Features in 2022 (cod/sma)752
Dialog Components: Go Native HTML or Roll Your Own? (css)751
, ,
An Introduction to the Tailwind CSS and Atomic CSS750
, , ,
A Guide to Writing Industry Standard Git Commit Messages749
, , , ,
5 Things I’d Want to See Improved in WordPress Core748
15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022747
, , ,
Making Disabled Buttons More Inclusive (san/css)746
, , , , , ,
Accessibility From Different Perspectives (hdv)745
The Balance Has Shifted Away From SPAs (nol)744
Triaging WCAG 2.1 Level AAA (tet)743
, ,
Fun With CSS Combinators (alv)742
,
First Look at the CSS “object-view-box” Property (sha)741
What We Can Learn From Remix740
,
Web Development === Accessibility739
Web Accessibility Is Broken—It’s Time to Fix It (yat)738
,
Use “@ supports” At-Rule for Feature Detection in CSS (zor/css)737
, , ,
Thinking Colors: Balancing Between Visual and Abstract (uxd)736
The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure735
, , , ,
React Hooks Best Practices in 2022734
,
React Accessibility Resources (bru)733
, ,
Patterns (w3c)732
, ,
Let’s Make Accessibility Boring Again731
Automate Accessibility Tests With Storybook (sto)730
, , ,
Accessibility Not-Checklist (int)729
, ,
4 Web Accessibility Remediation Mistakes to Avoid728
,
Quick and Dirty Text Diffing (jim)727
The Rise and Fall of Neumorphism726
RFC 9239: Updates to ECMAScript Media Types (rau)725
,
How to Ask for a Promotion (uxd)724
,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)723
, ,
Building a Button Component (arg/dev)722
, , , ,
WP Accessibility Day721
, , ,
WCAG 2.2 and WCAG 3 Status Updates720
, ,
UI and UX Micro-Tips (uxd)719
, ,
The Modern Way to Create and Host a WordPress Site (sma)718
, ,
The Forgotten Benefits of “Low Tech” User Interfaces (uxd)717
Reduce Array of Objects to an Object in JavaScript (ami)716
, ,
How the HTML “lang” Attribute Helps Accessibility715
, , ,
:where() :is() :has()? New CSS Selectors That Make Your Life Easier (kil/pol)714
,
Web Applications 101 (rwi)713
,
Unpack Arrays Conditionally in PHP (ami)712
,
Unexpectedly HTTPS?711
,
The Era of Rebellious Web Design Is Here710
Rethinking Server-Timing as a Critical Monitoring Tool (sma)709
, , , ,
Quick Tip: You Might Not Need “calc()” (mic)708
,
Peering Into the Accessibility of Dark Mode (uxd)707
,
Color Alignment for Multiple Design Systems706
,
Building a Design System With Eleventy705
,
An Affordable Work-from-Home Setup for Remote Workers704
9 Ways to Design Inclusive Content (moz)703
,
24×24 Pixel Cursor Bookmarklet (aar)702
, , ,
Personas vs. Archetypes (nng)701
, , , ,
More Common Accessibility Issues That You Can Fix Today (hdv)700
Keyboard Testing: The A11y Enhancement to Your Definition of Done699
, ,
Call to Action Examples698
, , ,
Master the “:nth-child()” Pseudo-Class (zor/css)697
, ,
Don’t Fight the Browser Preload Scanner (mal/dev)696
, , ,
Does JavaScript Make My Site Less Accessible?695
, ,
Cool Hover Effects That Use CSS Text Shadow (css/css)694
,
A Designer’s Journey of Ignorance, Resentment, and Wisdom (uxd)693
When, Why, and How to Multithread in Flutter692
, , ,
W3C TAG Ethical Web Principles (tor+/w3c)691
, ,
Tokens as Intents (don)690
, ,
Light and Dark Mode in Just 14 Lines of CSS (whi)689
,
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)688
, , , , ,
Debugging Accessibility With Chrome DevTools (dev)687
, , , , , ,
Bringing Page Transitions to the Web (jaf/dev)686
, ,
XHTML Syntax Is Still Worth Using (tem)685
,
Why WCAG 2.2 Is Still in the Oven (deq)684
,
State of CSS 2022 (arg/dev)683
On Design Thinking682
How to Learn JavaScript Fast: Six Simple Mind Tricks681
, , ,
Divs Are Bad! (mat)680
,
Designing for Web Accessibility in 60 Seconds679
Bridging the Gap (rac/dev)678
,
You Don’t Need “void 0”677
Under the Hood: React vs. Vue vs. Svelte676
, , , ,
Two Approaches to Accessibility on the Web (j9t)675
,
The Complete Modern React Developer 2022674
Magical SVG Techniques (sma)673
, ,
Cron Jobs: A Comprehensive Guide672
, ,
Why SEO Is a Great Investment, Not Just a Cost (sea)671
,
Understanding User Behaviors Across Surfaces (uxm)670
The Road to Universal JavaScript669
“Someone Should Build X for the Web”—Why Not You? (cod)668
Reinventing W3C Governance (rob)667
,
Performance Game Changer: Browser Back/Forward Cache (tun/sma)666
, , ,
Learn HTML [and] CSS (jad)665
, , ,
Frontend Versus Backend Web Development (uxm)664
A Management Maturity Model for Performance (sli)663
A Different View Into Accessibility Overlays662
, , , ,
What’s Your Heading? (col)661
, , ,
The Ultimate Electron Guide660
, , , , ,
My Opinion on What Makes a Good Code Review659
,
Scaling CSS Layout Beyond Pixels (5t3/btc)658
, , , ,
Top 2021 CSS Frameworks Report: Validation (cit)657
, , , , ,
Lost in Translation (mat/btc)656
, , , ,
Learn CSS Subgrid (sha)655
, ,
How to Use the GitHub Pulls API to Manage Pull Requests654
, ,
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)653
, ,
Practical Use Cases for “:has()” Pseudo-Class (zor/css)652
, ,
Please, Stop Disabling Zoom (mat)651
, ,
Master Higher-Order Functions in JavaScript650
,
How to Use Videos With Alpha Transparency on the Web (ben)649
, , ,
Get to Know Your Browser’s Performance Profiler648
, , ,
Fetch API Is [the] New Old Version of AJAX647
, , ,
A Guide to Writing About Digital Accessibility (deq)646
, ,
12 Modern CSS Techniques for Older CSS Problems645
, ,
Which Programming Language Should I Learn First in 2022?644
, ,
The Evolution of WCAG: A Postcard From the Front Lines643
, , ,
Test Back/Forward Cache (dev)642
, , , , ,
Nail Your Website Redesign in 2022—Tips and Tricks641
, ,
JavaScript Containers (tin)640
,
How Not to Do Accessible Design (uxd)639
, ,
Developing a Low-Touch Adoption Strategy for a New Design System (uxd)638
,
Designing a Better Language Selector (vit/sma)637
, , ,
Design Patterns: How to Create Simple Interfaces (web)636
, ,
You Don’t Need a UI Framework (jos/sma)635
, ,
Why I Don’t Miss React: A Story About Using the Platform634
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser633
, , , , , , ,
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?632
, , , ,
Legibility—How and Why Typography Affects Ease of Reading631
, , ,
It’s Time We Fix the Unethical Design of Cookie Consent Windows (uxd)630
, , , ,
In Defence of the Single Page Application629
How to Create a Color Palette for Your Design System628
, , ,
fediverse.info627
,
Contextual Spacing for Intrinsic Web Design (5t3)626
, , ,
5 Simple Productivity Tips for Developers625
,
Writing Better CSS624
, ,
If Design Principles Are for Designs, Then Design Values Are for Designers (uxd)623
,
Ethical Design Network622
, ,
Deep Dive Into Text Wrapping and Word Breaking (lon)621
, ,
Creating Realistic Reflections With CSS (pre/css)620
,
8 JavaScript Quiz [Questions] That May Confuse You619
, ,
Under-Engineered Multi-Selects (aar)618
, ,
Design System Documentation Best Practices617
, ,
How to Reduce Figma Memory Usage (uxd)616
,
How to Professionally Say (aka)615
, , , , ,
Creating a Firework Effect With CSS (alv)614
,
How Web Browsers Work: Parsing the CSS613
, ,
Foundations: Lists (tin/tet)612
, , ,
How to Build Node.js REST API With MySQL611
, , , , ,
CTA Modal: How to Build a Web Component (sma)610
, , ,
Common Frontend Interview Questions I’ve Been Asked609
, ,
Best Practices for Integrating Content Design in Your Design System608
, , ,