Frontend Dogma

News and Tools for Frontend Developers (24)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

Entry (With Sources) and TopicsDate#
Versioning Design Systems: Best Practices6987
, ,
D̶e̶s̶i̶g̶n̶ Token Clusters (by/via)6986
Quick Tip: How to Filter Data With PHP (by/via)6985
, ,
Why Not “document.write()”? (by)6984
,
Set Up a React App With TypeScript in 5 Minutes (by)6983
, ,
Faking Min Width on a Table Column (via)6982
, , ,
Data URLs and Pool in Your URL (by)6981
,
CSS “:readonly” Is Not for Select Fields (by)6980
,
CSS “:empty” Isn’t Applicable on Form Fields (by)6979
, ,
2023 Design Trends From an Accessibility Perspective (via)6978
, ,
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (via)6977
, ,
7 Principles of Design Psychology Every UX Designer Should Know (by/via)6976
, ,
Styling Buttons in WordPress Block Themes (by/via)6975
, , ,
Building a Design System: Lessons Learned (by/via)6974
,
Clever Code Considered Harmful (by)6973
, ,
Node.js Retro 2022 (by/via)6972
,
Implementing Microservice Architecture in Node.js (by)6971
, ,
Good Design Is Intentional (by)6970
Customizing HTML Form Validation (by)6969
, ,
Conditional CSS (by)6968
A Software Developer’s Guide to Writing (by)6967
,
Angular vs. AngularJS: 15 Key Differences to Know (by)6966
, ,
Personas Are Living Documents: Design Them to Evolve (by/via)6965
,
OK LCH, I’m Convinced (by)6964
,
Intro to SolidJS: How to Create Fast, Reactive Web Apps (by)6963
, ,
Best Node.js Schedulers6962
,
3D in CSS (by)6961
Using GitHub Copilot for Unit Testing (by)6960
, ,
Stock Photos of People With Disabilities (by/via)6959
, ,
Revolutionizing the Web With WebAssembly: A Comprehensive Guide (by)6958
,
2022 JavaScript Rising Stars (by)6957
, , , , , , , , , , , ,
URI vs. URL: The Main Differences Between URL and URI (by/via)6956
, ,
Why Web Performance Still Matters in 2023 (by/via)6955
When to Use Flexbox and When to Use CSS Grid (by/via)6954
, , ,
Infinite Scrolling: When to Use It, When to Avoid It (by/via)6953
, ,
Design Systems in Practice (by)6952
,
A New Accessibility Strategy for the GOV.UK Design System (by+/via)6951
, ,
HTML With Superpowers: An Introduction to Web Components (by)6950
, , , ,
How to Build Great HTML Form Controls (by/via)6949
, ,
Every Software Developer Should Write a Blog (by)6948
, ,
When Stakeholders Bypass the Product Owner (by/via)6947
, ,
Using “!important” in Cascade Layers (by)6946
,
Understanding Git Through Images6945
Progressively-Enhanced Dark Mode (by)6944
,
Microfeatures I’d Like to See in More Languages (by)6943
A Guide to Getting Data Visualization Right (by/via)6942
,
7 Required Steps to Secure Your Iframes Security (by/via)6941
, , , , ,
JAWS, NVDA, and VoiceOver Braille Viewers (by)6940
, , , , , ,
CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (by/via)6939
, ,
Creating Tokens for Your Design System With ChatGPT Assistance (by/via)6938
, ,
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (by/via)6937
, , , , , ,
Use nvm and .nvmrc for a Better JavaScript Development (by)6936
, ,
What Does It Look Like for the Web to Lose? (by)6935
,
How to Increase Your Chances of Getting Interviews and Job Offers in Tech (by)6934
, ,
5 Web Design Trends to Watch in 2023 (via)6933
,
WAI–Adapt Explainer (by+/via)6932
Quick Thoughts on Typeface and Font Accessibility (by)6931
, ,
Carry On Testing 2023 (by/via)6930
,
Conditional API Responses for JavaScript vs. HTML Forms (by)6929
, , , ,
The Expanding Dark Forest and Generative AI (by)6928
, ,
Cloning Arrays and Objects in Vanilla JavaScript (by)6927
, ,
6 Predictions for Web Design in 2023 (via)6926
,
The State of Usability in 2023 (by/via)6925
, ,
Priority Hints and Optimizing LCP (by)6924
, , ,
Microservices vs. Monolithic Architecture: A Practical Approach (by)6923
, , ,
Measuring an Engineering Organization (by)6922
, ,
Intro to JavaScript Closures (by)6921
, ,
17 Compelling Reasons to Start Ditching TypeScript Now (by)6920
A Beginner’s Guide to Link and Text Accessibility (via)6919
, , ,
2022 Year in Review (by)6918
,
The State of Mobile User Experience (by/via)6917
, ,
Culture Is Stuck (by)6916
,
ICANN and the 7 Keys to the Internet (by+/via)6915
, , , ,
Junior Designers, Please Don’t Give In (via)6914
,
Why Do We Need Authorization and Authentication?6913
, ,
Overlapping Interactive Areas (by)6912
,
Fluid Typography: Predicting a Problem With Your User’s Zoom-In (by/via)6911
, , ,
An Ultimate Guide on Sizing, Spacing, Grids, and Layout in Web and UI/UX Design (by/via)6910
, , , , ,
Understanding Design Tokens, From UX Tool to Production (via)6909
,
Styling a “pre” That Contains a “code” (by)6908
,
Stashing Individual Files in Git (by)6907
JavaScript Frameworks—Heading Into 2023 (by/via)6906
,
Git in 10 Mins (by)6905
Why Web Design Still Matters in 2023 (via)6904
,
How to Write an Awesome README (by/via)6903
, ,
7 Tips for Improving Your Productivity With Git (by)6902
, ,
Theme Toggles6901
, , , ,
Website Accessibility (15 Best Practices) (by)6900
, , , , , , , , , ,
Shape Up (by)6899
,
Performance Culture Through the Looking-Glass (by/via)6898
, ,
How to [Set Up] Prettier (by)6897
, ,
A Guide to Command-Line Data Manipulation (by/via)6896
,
Building Inclusive Products for Trans People (by/via)6895
A CSS Challenge: Skewed Highlight (by)6894
,
CSS Subgrid (by/via)6893
, ,
Invisible Ink Effect With SVG Filters and CSS (by)6892
, , , ,
What’s Wrong With Code in 2022?6891
, ,
The RUM Archive and Benford’s Law (by/via)6890
Enforcing Better HTML Markup With Eleventy (by/via)6889
, , ,
A Problem With Link Relationships (by)6888
, , , ,
User Stylesheets Are Still Pretty Great and Should Be More Widely Supported (by/via)6887
, ,
HTTP/3 Prioritization Demystified (by/via)6886
, ,
Deploying CSS Logical Properties on Web Apps (by/via)6885
, ,
11 Tips That Make You a Better TypeScript Programmer (by)6884
,
Obscure CSS: Restoring Visibility (by)6883
,
Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 (by)6882
, , ,
2022 CSS Updates (by)6881
Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability (by)6880
, , , ,
What Is the Difference Between Alternative Text, Long Description, and Caption? (by/via)6879
An Inclusive and Planet-Friendly Digital Style Guide (by/via)6878
, , , , ,
Design System Fresh Bundling (by/via)6877
,
Top 10 Accessibility News of 2022 (via)6876
,
The 10 Cheapest Web Hosting Solutions in 2022 (via)6875
,
A Theory of Web Relativity (by/via)6874
, ,
CSS Color Spaces and Relative Color Syntax (by/via)6873
,
Quick Start for Evaluating and Testing Web Accessibility (by+/via)6872
, ,
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (by)6871
, , , , ,
Things CSS Could Still Use Heading Into 2023 (by)6870
,
The Intended Consequence of Inaccessible Digital Ads (by+/via)6869
, ,
Signals: The Nitty-Gritty (by/via)6868
, ,
React’s New Killer Documentation Focused Only on Functional Components (by)6867
,
Billions of Unnecessary Files in GitHub (by)6866
,
Accessibility Convincing (by/via)6865
, , ,
A Complete Guide to Timeouts in Node.js (via)6864
,
2022 Roundup of Web Research (by/via)6863
,
Foundations: Target Sizes (by/via)6862
, ,
Dockerize PHP App With Apache on HTTPS (by/via)6861
, , ,
Common Nesting Issues in HTML (by/via)6860
,
Pointer Events (by)6859
, ,
Why We Hang Onto WordPress Nostalgia (by/via)6858
Useful Accessibility and Usability Examples to Help Improve Your Designs (via)6857
, ,
The Top 10 Security Vulnerabilities for Web Applications (by/via)6856
, ,
Bad Performance Is Bad Accessibility (by)6855
,
The Science of User Experience (by/via)6854
,
Prevent Focused Elements From Being Obscured by Sticky Headers (by/via)6853
, , ,
Interop 2022: End of Year Update (by/via)6852
, , ,
Do You Know “color-scheme”? (by/via)6851
,
Frontend Dogma + UITest.com = ❤️ (via)6850
Step Into the Light (DOM) (by)6849
, ,
If You Are Afraid of AI, You May Not Be the Best UX Designer Out There (via)6848
, , ,
The Performance Inequality Gap, 2023 (by)6847
Taking the Stress Out of Design System Management (via)6846
,
CSS Style Queries (by)6845
,
Concepts Behind Modern Frameworks (by)6844
,
Beating Latency on Scalemates.com (by/via)6843
,
Mini-Guide to Add an Image (by/via)6842
,
HTML Dialog (by)6841
,
Lockfile Trick: Package an npm Project With Nix in 20 Lines (by)6840
,
How to Learn in Public (by)6839
, ,
Modern HTML as a Foundation for Progressive Enhancement (by/via)6838
,
Cascade Layers (by/via)6837
,
Using Inline JavaScript Modules to Prevent CSS Blockage (by/via)6836
, ,
5 HTML Elements, and a Partridge in a Despair Tree (via)6835
, ,
Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark (via)6834
, , ,
Code Ownership and Software Quality (by)6833
, ,
How to Find and Fix the Top 3 Accessibility Issues (via)6832
, , ,
CSS Infinite 3D Sliders (by/via)6831
, ,
CI/CD Tutorial for Developers (by)6830
, ,
CSS “image()” (by/via)6829
Get That Marquee AeStHeTiC (by/via)6828
, ,
Leaked a Secret? Check Your GitHub Alerts… for Free (via)6827
,
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (by)6826
, , ,
So, You’d Like to Animate the “display” Property (by/via)6825
,
Select the Right Tool for the Job (by)6824
Logical Border Radius (by/via)6823
, ,
Help Choose the Syntax for CSS Nesting (by/via)6822
,
ECMAScript Proposal: Iterator Helpers (by)6821
, ,
An HTML-First Mental Model (by/via)6820
, ,
Accessibility Starts With an Organisation’s Culture (by/via)6819
,
A Guide for Making Apps Accessible6818
,
Sophisticated Web Scraping With Bright Data (by/via)6817
, ,
Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit (by/via)6816
, , ,
Table Like It’s 2023 (by/via)6815
,
Release Notes for Safari Technology Preview 160 (by/via)6814
, , ,
View Transitions API (by/via)6813
, ,
The Most Popular CSS-in-JS Libraries in 2022 (via)6812
, , ,
The Web Platform Is Back (by)6811
IDN Is Crazy (by)6810
,
Get Off the Main Thread With an Inline Web Worker: An Example (by/via)6809
, , ,
Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (by/via)6808
,
A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (by/via)6807
, ,
One Day We’ll Have a Fully Customisable Select (by/via)6806
,
New Viewport Units (by/via)6805
, , ,
Design Deserves More Respect (by/via)6804
Top 5 Accessibility Issues in 2022 (by/via)6803
,
State of A11Y (via)6802
,
Federal Web Accessibility Focus Has Private Sector on Notice (by/via)6801
,
Accessible Front-End Patterns for Responsive Tables II (by/via)6800
, ,
A Few Times Container Size Queries Would Have Helped Me Out (via)6799
,
The Future of Design Tokens (by+/via)6798
, ,
DOM Clobbering (by/via)6797
,
WCAG 3.0: Are We There Yet? (by/via)6796
, ,
Top 30 Linux Commands for Everyday Use (via)6795
, ,
Five Myths About Digital Accessibility (by)6794
, ,
There Can Be Only One: Options for Building “Choose One” Fields (by/via)6793
,
LCP(FE) (by/via)6792
,
Implement Scroll-Snapping Using Only CSS (by)6791
,
Conditional Wrapping in React (by)6790
Dear Developer, Your Assumptions Are Wrong (by/via)6789
Web Performance and Compression (by/via)6788
,
A Complete Guide to CSS Container Queries (via)6787
, ,
WCAG—Priority of Constituencies (by)6786
, ,
Inside the Mind of a Frontend Developer: Article Layout (by)6785
, ,
How to Merge Objects in JavaScript (via)6784
, ,
CSS Infinite Slider Flipping Through Polaroid Images (by/via)6783
, ,
Enough With the Pointless Images (by)6782
, ,
Improving SEO Without Knowing Where to Start (by/via)6781
Optimize Interaction to Next Paint (by+/via)6780
, ,
Best PHP Books for Beginners (by/via)6779
, ,
PHP 8.2.0 Release Announcement (via)6778
A Modern HTML Template (2022) (by)6777
,
The State of CSS 2022 [Results] (by+/via)6776
,
W3C Publishes WCAG Testers Consistency List (by/via)6775
, ,
Meaningful Labels Using ARIA—or Not (by/via)6774
, , , ,
W3C Design Tokens With Style Dictionary (by)6773
Testing for the Support of a Selector (by)6772
, ,
JavaScript Polyfills for Interviews (via)6771
, ,
New npm Features for Secure Publishing and Safe Consumption (by/via)6770
, ,
4 More HTML Concepts You Didn’t Know (by)6769
, , ,
Take Full-Size Screenshots of Websites Without Any Tools in Chrome (by)6768
, , ,
Adding Complementary Performance Data to Your Site (by/via)6767
,
“mask-image” Lets You Do Some Really Cool Stuff (by)6766
, ,
Accessible Front-End Patterns for Responsive Tables (by/via)6765
, ,
Accessibility: The Land That “Time to Interactive” Forgot (by/via)6764
, ,
A Practical Guide to CSS Media Queries (via)6763
, ,
Brief Note on Description List Support (by)6762
, , , , , ,
I Don’t Use “Pushy” Questions in Code Reviews Anymore—This Is What I Do Instead6761
,
Reading the Meter (by/via)6760
, ,
Bad UX Writing: 5 Mistakes to Avoid (via)6759
, ,
Reduce Image Sizes by Removing Metadata (by/via)6758
, , ,
How to Create Typography Guidelines for a Product That Does Not Follow a Design System (by/via)6757
, ,
Why You Should Be Using New CSS Features Today II (by/via)6756
Website Accessibility Is Not an Afterthought6755
The 411 on 4.1.1 (by)6754
, ,
Swearing and Automatic Captions (by)6753
, ,
Does “www” Still Belong in URLs? (via)6752
,
Landmarks and Where to Put Them (by/via)6751
, , ,
PHP Type Declarations—A Guide for Beginners (by)6750
,
Fast Is Good, Instant Is Better (by/via)6749
,
Using SRI to Protect From Malicious JavaScript (by/via)6748
,
Amy Jiménez Márquez on Leading Information Architecture (by+/via)6747
,
About Modern Sass (by/via)6746
Super Useful CSS Resources (by)6745
, ,
Prerender Pages in Chrome for Instant Page Navigations (by/via)6744
, , ,
How to Use the WAVE Extension and Start Manual Accessibility Testing (via)6743
, , , ,
You Don’t Need ARIA for That (by/via)6742
, ,
Proximity: Gestalt Principle for User Interface Design (via)6741
, ,
“:has(:not())” vs. “:not(:has())” (by)6740
, ,
CSS Infinite and Circular Rotating Image Slider (by/via)6739
, ,
Best APIs for Developers (by/via)6738