Frontend Dogma

News and Tools for Frontend Developers (22)

→ Stay up-to-date on all topics by various RSS feeds (main feed: paid feature), on Mastodon and Bluesky, or through other channels

Entry (Sources) and TopicsDate#
Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency11,064
, ,
Changing Colors in an SVG Element Using CSS and JavaScript11,063
, , ,
Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed (bra)11,062
, ,
JavaScript Decorators: An In-Depth Guide11,061
,
Release: Yarn 4.011,060
,
What Removing Object Properties Tells Us About JavaScript (mon/sma)11,059
,
Svelte by Example (seb)11,058
, ,
Stop Waiting (jha)11,057
,
Splitting Within Selects (aar)11,056
, , , ,
Select Element: Now With Horizontal Rules (una/dev)11,055
, , , , , , , ,
Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent (uxm)11,054
, , , ,
JavaScript Is Enabled by Default in Web Browsers (jim)11,053
, ,
JavaScript Anti-Pattern: Self-Documenting Code (cfe)11,052
, ,
In Defense of Learning on Company Time (isa)11,051
,
Igalia Chats: Web History Part VI (stu+/iga)11,050
, ,
HTML Meta Tags11,049
,
CSS “text-wrap: pretty” (arg/dev)11,048
, , , , ,
Accessibility Improvements for User-Agents11,047
, , ,
Strikethrough Accessibility (den)11,046
, , ,
Global Encryption Day: Encryption’s Critical Role in Safeguarding Human Rights (tor)11,045
, ,
Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes (luc)11,044
, , , ,
Using ChatGPT for Smart Truncation in Responsive Web Design11,043
, , , ,
Is CAPTCHA Accessible?11,042
,
When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” (sea)11,041
, ,
What Should Be the Contrast Level of Inactive Buttons? (uxd)11,040
, , ,
How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser (bal)11,039
,
Finding the Primary Branch of a Git Repository (ami)11,038
Embedding Accessibility Into Code Reviews (web)11,037
, , ,
How to Collaborate on Pull Requests for Beginners (ope)11,036
, ,
Web Accessibility Strategies for Non-Accessible Projects (bol)11,035
, , ,
Don’t Do It on Frontend or… Frontend Good Practices for Devs11,034
, , ,
How to Build Your First Web Component (joe/fre)11,033
,
Why Unique ID Attributes Matter (deq)11,032
, , ,
The Need for Recognition in Open Source (bek/ope)11,031
, , ,
Prodding Firefox to Update “:has()” Selection (mey)11,030
, , , ,
I Asked People to Make This Simple Layout and Was Surprised by the Results (kev)11,029
, , ,
How to Map a Number Between Two Ranges (hen)11,028
, ,
Git: Rebase an Old Branch Incrementally (ada)11,027
,
On the Uniting Power of a Commitment to HTML Conformance (j9t)11,026
, , , ,
How to Animate Along a Path in CSS (pre/sma)11,025
, ,
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?11,024
, ,
Storybook 7.511,023
,
The New “light-dark()” Function to Switch Theme Color in CSS (ami)11,022
, ,
The Inverse Value of UX and Art (uxd)11,021
,
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)11,020
,
Release Notes for Safari Technology Preview 181 (jon/web)11,019
, , ,
Do We Need State Management in Angular?11,018
,
Burn Your Toast (eri)11,017
, , ,
Start Styling Your “console.log()” Messages in DevTools (zor/css)11,016
, , , ,
React Design Patterns11,015
,
How to Use SEO to Build Long-Term Brand Recognition and Visibility (moz)11,014
, ,
Transition Animations: A Practical Guide11,013
, , ,
The True Cost of Not Prioritizing Accessibility: Avoid Risk and Maximize Product ROI11,012
, , ,
Synchronizing Figma Variables With Design Tokens11,011
, , ,
The Nuances of Base64 Encoding Strings in JavaScript (dev)11,010
, , ,
Design System Documentation Sucks—How We Can Do Better11,009
,
The Three Cs: Concatenate, Compress, Cache (css)11,008
, ,
Node.js 21 Available Now! (ope)11,007
,
Color Contrast Accessibility Tools With Examples (pop)11,006
, , , , ,
A Couple of New CSS Functions I’d Never Heard Of (chr)11,005
,
Common Vue.js Development Mistakes and How to Avoid Them11,004
,
“JavaScript Is Weird” as a Compressor11,003
,
Ensuring Negative Numbers Are Available for Everyone (deq)11,002
, ,
Link Colors and the Rule of Tincture11,001
,
Scroll-Driven State Transfer (kiz)11,000
,
2.4.11: Adversarial Conformance (aar)10,999
, ,
CSS Findings From Photoshop Web Version (sha)10,998
, , , ,
Bubble Sort… in Pure CSS? (No JS)10,997
, ,
How to Style Element Descendants With Tailwind CSS (ste)10,996
,
The Negative Impact of Mobile-First Web Design on Desktop10,995
, , , , ,
What’s New in CSS? (bra)10,994
How We Optimized Package Imports in Next.js (ver)10,993
, , ,
Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon10,992
, , ,
Organizing Multiple Git Identities (gar)10,991
Button Labels: Is “OK” Ok? (uxd)10,990
, , , ,
44 React Frontend Interview Questions10,989
,
Astro 3.3: Picture Component (eri+/ast)10,988
,
Why Companies Kill Great Design (uxd)10,987
Quick Tip: Creating Polymorphic Components in TypeScript10,986
, ,
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer10,985
,
Using CSS Custom Properties Like This Is a Waste (kev)10,984
, ,
Scrollbars Are Becoming a Problem (art)10,983
, ,
New Release: Tor Browser 13.0 (tor)10,982
, ,
Honor User’s Transparency Setting in CSS (ami)10,981
, , ,
Digital Accessibility Blogs and Newsletters (ons/tpg)10,980
,
Back/Forward Cache (phi+/dev)10,979
, , , ,
Preventing and Debugging Memory Leaks in Node.js (bet)10,978
, ,
Designing for All: The Basic Principles of Web Accessibility10,977
, , , ,
Styling External Links With Attribute Selectors (mic)10,976
, , ,
You Can’t Get Faster Than No Build10,975
,
WooCommerce vs. Shopify: Which Is the Better Choice for You?10,974
, ,
Why Naming Is #1 Skill for Writing Clean Code10,973
, ,
Let’s Prototype a JavaScript JIT Compiler10,972
, , ,
We Need Web Progress, Not Pessimism (kev)10,971
,
Skip Links on ikea.com (mat)10,970
, ,
Introduction to Web Sustainability (mic/mdn)10,969
,
CSS Relative Color Syntax (arg/dev)10,968
, ,
AI Could Soon Need as Much Electricity as an Entire Country (nyt)10,967
,
Images on the Web (ver)10,966
, , , , , , ,
Greenwashing and the COP28 Website (mic)10,965
,
5 Best Practices for Preventing Chaos in Tailwind CSS (evi)10,964
,
The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport (sim)10,963
, , ,
Hashnode’s Overall Architecture10,962
,
The Selected Date Must Be Within the Last 10 Years (ger/clo)10,961
, ,
Local HTTPS for Next.js 13.5 (ami)10,960
, , ,
CSS-Only Scroll-Driven Animation and Other Impossible Things (bra+)10,959
, ,
Extending the Properties of an HTML Element in TypeScript10,958
, ,
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)10,957
, ,
Why the Internet Isn’t Fun Anymore10,956
,
Obligatory WCAG 2.2 Launch Post (aar)10,955
, ,
Inclusivity in the Digital Age: The Importance of Accessibility Advocacy (uxm)10,954
, , ,
How to Promote Your Website: 12 Free Methods That Work (sem)10,953
, , , , , , , ,
Adding Search to an Eleventy Site Without Client-Side JavaScript (mez)10,952
, , ,
The Hidden Performance Cost of Node.js and GraphQL10,951
, ,
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)10,950
, ,
Node.js vs. Django: Which Is Better for Web Development in 2023?10,949
, ,
Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” (cer)10,948
, ,
Naming Variables in CSS (doc)10,947
, ,
Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers (ash)10,946
, , , ,
CSS 3D Text Effects10,945
,
Demystifying WCAG 2.2 (vig)10,944
, ,
Table of Contents: The Ultimate Design Guide10,943
, , ,
Which Is the Best Image Format for Your Website?10,942
, , , , , ,
WCAG 2.2 and Validation10,941
, , ,
Quick Tip: Decorators in TypeScript10,940
,
Writing Accessible Form Messages (ons)10,939
, ,
The Nonvisual Website (ang)10,938
,
How Did You Switch From JavaScript to TypeScript?10,937
, , ,
What Happened to Separation of Concerns in Frontend Development (j9t)10,936
, , , ,
GitHub Actions: “NODE_OPTIONS” Is Now Restricted From “GITHUB_ENV” (git)10,935
, ,
Hey Designers, They’re Gaslighting You10,934
,
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)10,933
, , ,
Understanding XSS Attacks (ver)10,932
,
WCAG 2.2 Is Now a Published Web Standard10,931
, , , ,
Intopia Launches WCAG 2.2 Map (int)10,930
, ,
When to Nest CSS (spa/clo)10,929
,
What’s New in WCAG 2.2 (pat/tpg)10,928
, , ,
WCAG 2.2 Is Now a W3C Recommendation (den)10,927
, ,
React Micro-Frontends Using Vite10,926
, ,
An Anchored Navbar Solution (mey)10,925
, ,
Still No CSS Reset (jus)10,924
,
4 Alternatives to Postman to Consider After Their Latest Update10,923
, ,
Accessibility vs. Inclusive Design10,922
, , ,
Let’s Create a Filter Table Component in Vue10,921
, , ,
The Power of Type Safety in TypeScript10,920
,
Whatever Happened to the Zend Framework (ami)10,919
, ,
Release Notes for Safari Technology Preview 180 (jon/web)10,918
, , ,
Limit the Reach of Your Selectors With the CSS “@ scope” At-Rule (bra/dev)10,917
, ,
It’s Time to Rethink the Americans With Disabilities Act (nyt)10,916
,
How to Develop Terminal Productivity With Bash Aliases10,915
, , , ,
Deploy and Test AWS Step Functions With Node.js (app)10,914
, , , ,
Chrome Now Shows Each Active Tab’s Memory Usage (add)10,913
, , ,
Career Growth After 35: What Awaits Programmers? (the)10,912
,
An Interactive Intro to CRDTs (jak)10,911
, ,
Being Picky About a CSS Reset for Fun and Pleasure (chr)10,910
,
Your Website Does Not Need JavaScript (amy)10,909
, ,
The Problem With WordPress Is Positioning, Not Plugins (geo/sma)10,908
How to Be an Accessibility Ally (mer)10,907
, ,
Get Ready for Interop 2024 (jen/web)10,906
,
Demystifying CSS Container Queries (mia+)10,905
, ,
The Most Minimal Valid HTML Document (j9t)10,904
, , ,
Have You Seen These Weird Image Tag Issues?10,903
,
Comparing JavaScript Bundlers: Rollup vs. Webpack vs. Parcel (kin)10,902
, , , , , ,
The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses)10,901
, ,
Return to Office Is Bullshit and Everyone Knows It (soa)10,900
,
Nine Things Automated Accessibility Tests Can’t Test (dav)10,899
, ,
How to Clear Cache and Cookies on a Customer’s Device (css)10,898
, , ,
Crawlers (ada)10,897
, ,
Monitoring a Kubernetes Application With Prometheus, Grafana, and Loki10,896
, ,
In-Page Links for Content Navigation10,895
, ,
TypeScript Monorepo With npm Workspaces (skw)10,894
, , ,
The Myth of Infinite Data Growth (ger)10,893
,
The 3 Secrets to Font Pairing10,892
, ,
Making a Website Is for Everyone (jim)10,891
, ,
All the Ways to Turn an Array Into an Object in JavaScript (ami)10,890
, ,
Creating a Content Recommendation Plugin in 11ty10,889
, , ,
Understanding the CSS Auto-Resizing Textarea Trick (sim)10,888
, ,
Test Assertion Styles in JavaScript (isa)10,887
,
Managing and Mitigating Design Debt: A Solo UX Designer’s Guide10,886
, ,
20+ Tools for Node.js Development in 202310,885
, ,
Node v20.8.0 (nod)10,884
,
Crafting Future-Ready Experiences: The Power of Progressive Web Apps (PWAs) and Offline-First Design10,883
, ,
How I Deployed My Website as a Docker Container10,882
, ,
Characteristics of Code Quality10,881
,
Re-Creating the Pop-Out Hover Effect With Modern CSS (css/sma)10,880
,
Naming Things Needn’t Be Hard (pau)10,879
,
Four Reasons to Give WCAG AAA a Second Look (web)10,878
, ,
Embracing Efficiency: Shorter Work Hours for Software Developers (and Everyone Else)10,877
, , ,
A Socket API That Works Across JavaScript Runtimes—Announcing a WinterCG Spec and Node.js Implementation of “connect()” (clo)10,876
, ,
5 Pillars of Responsible Generative AI: A Code of Ethics for the Future10,875
,
A Comprehensive Guide to the Dangers of Regular Expressions in JavaScript (phi)10,874
, , ,
The Ultimate Low-Quality Image Placeholder Technique (css)10,873
, ,
Exploring Enhanced Patterns in WordPress 6.3 (sma)10,872
Easy Dark Mode With “color-scheme” (sar)10,871
, , , ,
CSS Nesting and the Cascade (jen/web)10,870
, ,
CSS Terminology Demystified (zor/css)10,869
, ,
The Saga of the Closure Compiler, and Why TypeScript Won10,868
, , ,
How to Make the Case for Design Systems (uxd)10,867
,
SSH Keys Stolen by Stream of Malicious PyPI and npm Packages (ble)10,866
, , ,
Honey, I Shrunk the npm Package10,865
, ,
Frontend Monitoring: Strategies, Best Practices, Tools, and More10,864
, , ,
The Cost of Obsessing Over Design Perfection (uxd)10,863
, ,
Best Practices for Securing Node.js Applications in Production10,862
, ,
Stop Using JS for That: Moving Features to CSS and HTML (kil)10,861
, , ,
What Is Transpiling?10,860
, , ,
An Introduction to Web Components (ami)10,859
,
Mastering Closures in JavaScript: A Comprehensive Guide10,858
, , ,
Top 5 ARIA Implementation Errors10,857
, ,
Optimizing Web Fonts (ver)10,856
, , ,
How to Check Website Traffic (and Increase It) (sem)10,855
, , , ,
8 More Micro Tips for Remarkably Better Typography (uxd)10,854
, , ,
Taming Tailwind (aaa)10,853
,
Real AI Solutions for Accessibility Challenges (equ)10,852
,
Overlays: Just Another Disability Dongle (ons/tpg)10,851
,
npm Provenance General Availability (git)10,850
, , ,
No More 404 (rem)10,849
, , ,
Form Accessibility and Usability Beyond the Basics (pop)10,848
, ,
The Future of Web Design: Emerging AI Technologies and Trends (uxm)10,847
, , ,
The Illusion of Developer “Productivity” Opens the Door to Snake Oil10,846
,
Understanding Puppeteer Headless10,845
, , ,
Why HTTP/3 Is Eating the World10,844
,
What Are Accessibility Overlays? (hey)10,843
, ,
Textareas With Auto-Increasing Height Using CSS (ami)10,842
,
HTML Popover, Videos, and “display:blackhole” (bru)10,841
, ,
How Mastodon Handles Images and Web Previews (rba)10,840
, , , , ,
Token Based Authentication With Fastify, JWT, and TypeScript10,839
, , ,
Misconceptions Can Kill Accessibility Momentum (yat)10,838
, ,
Accessibility Is Easy… Except for When It Isn’t (llo/web)10,837
,
GitHub Actions Could Be So Much Better (yos)10,836
, ,
State of HTML 2023 (sac+/dev)10,835
,
Responsive Type Scales With Composable CSS Utilities10,834
, ,
How to Build Trust With Others by Organizing Your Figma Files (uxd)10,833
, , ,
Upgrading Frontend Dependencies With Confidence10,832
, , , ,
The Path to Awesome CSS Easing With the “linear()” Function (jhe/sma)10,831
, ,
How to Escape CSS Selectors in JavaScript (ste)10,830
, , , ,
The Character Encoding Cheat Sheet for JS Developers (hon)10,829
, , ,
Supercharge Your Repository With Code Owners (ope)10,828
, ,
TypeScript Origins: The Documentary10,827
, ,
Unlocking a World of Accessibility: How Internationalization Is the Key (inc)10,826
, , ,
Open Source Trends to Look for in 202410,825
, , , ,
Developers Talking About Code Quality10,824
, , ,
What Makes an Accessible Date Picker? Is It Even Possible? (inc)10,823
, ,
Save Our World With Progressive Enhancement and Accessibility (inc)10,822
, ,
The WebP 0-Day10,821
, , ,
Native Mobile Accessibility Testing (inc)10,820
, , ,
The Great JavaScript Divide: CommonJS vs. ES Modules (abd)10,819
, , , ,
What Is Strict Mode in JavaScript?10,818
The Design System Ecosystem (bra)10,817
,
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)10,816
, ,
Accessible Web Components? (mat/inc)10,815
, ,