Frontend Dogma

News and Tools for Frontend Developers (24)

→ Stay up-to-date on all topics by RSS feed, on Mastodon and Bluesky, or through other channels

Entry (Sources) and TopicsDate#
How to Make a Zoom Effect Using CSS (css/ver)7476
, ,
Typography Manual (mik)7475
,
High Definition CSS Color Guide (arg/dev)7474
, ,
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (jon)7473
, ,
How to Build a Static Website (erc/san)7472
,
Foundation: The Best Framework for Building Responsive Sites (get)7471
The YAML Document From Hell—JavaScript Edition (phi)7470
,
What Is Bootstrap: A Beginner’s Guide (ale/car)7469
,
Advice for Engineers, From a Manager (pol)7468
, , ,
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)7467
, ,
Pushing Interop Forward in 2023 (jon+/web)7466
,
Why Is Making a Dark Mode Greyscale So Hard to Get Right? (dan)7465
, , ,
Microsoft Edge and Interop 2023 (mse)7464
, , , ,
Design for AI: What Should People Who Design AI Know? (hal/uxd)7463
,
Understanding App Directory Architecture in Next.js (ati/sma)7462
,
Hex Colors Aren’t Great at Anything Except Being Popular (chr)7461
,
Announcing Interop 2023 (moz)7460
,
Interop 2023 (boc)7459
,
How the CSS “box-sizing” Property Works (bel)7458
,
Don’t Use Return Types, Unless… (mat)7457
,
Interop 2023: Continuing to Improve the Web for Developers (rob+/dev)7456
,
Learn Images (wil/dev)7455
, , , , , , ,
Quick Tip: How to Manage Timezones in PHP (cla/sit)7454
, , ,
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar/wpt)7453
Modular Web Design: Flexibility, Examples, and Alternatives7452
Screen Reader Quick Guide (axe)7451
, ,
Gatsby Is Joining Netlify (kyl/gat)7450
,
The Guide to Responsive Design in 2023 and Beyond (sha)7449
,
Igalia and Interop 2023 (iga)7448
, ,
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)7447
,
The Gotcha With Animating Custom Properties (bra/bra)7446
, , ,
Caching Data in SvelteKit (ada/css)7445
,
3 Notion Templates to Better Manage Your Design System (ven)7444
, ,
6 Approaches for Data Fetching in React (loc)7443
,
Should You Start a Web Development YouTube Channel in 2023? (zor/css)7442
, ,
External Links: In or Out (art/dig)7441
, , ,
Typographic Hierarchy in Print, Web, and App Design (gly)7440
, ,
New to the Web Platform in January (rac/dev)7439
, , , , , , , ,
Speed for Who? (bel)7438
, , ,
Invoking React Components From Your Ember Apps (raj)7437
, ,
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)7436
,
Understanding Color and Accessibility (kat)7435
,
The Ultimate Guide to JavaScript Error Handling (cra/sit)7434
, ,
CSS “color-mix()” (arg/dev)7433
Using Local Storage in JavaScript and React (vin)7432
, ,
Easy SVG Customization and Animation: A Practical Guide (cod/sma)7431
, , ,
19 Must-Visit Sites for Product Design Inspiration (dan/uxd)7430
,
Léonie Watson on Accessibility (tin+/inf)7429
, ,
You’ve Got Options for Removing Event Listeners (ama)7428
,
New WCAG 2.2 Features Rated (yat)7427
, ,
An Introduction to MIME Types (pan/git)7426
,
Is It a Bad Idea to Use “target="_blank"” for Links in an Email? (bad)7425
, ,
HTML Input Types (mar)7424
,
Accessible Hamburger Buttons Without JavaScript7423
, ,
The Pros and Cons of Responsive Web Design in 2023 (web)7422
10 GitHub Repositories You Should Know as a JavaScript Developer (gae)7421
, , , ,
Git Commit Patterns (h33)7420
,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)7419
Container Queries and Typography (fon)7418
, ,
Login Form UI Design Guide (mic/uxd)7417
, ,
Optimal Images in HTML (ste/bui)7416
, , , ,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)7415
, , , ,
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra+/sit)7414
, , ,
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)7413
, , , ,
Use the Dialog Element (Reasonably) (sco)7412
, ,
10 Web Development Trends in 2023 (rwi)7411
, , , , , , ,
“scrollend”, a New JavaScript Event (arg/dev)7410
,
Musing Upon an “[alt]” Text Badge on Images (chr)7409
, ,
The Modern Way of Serving Images (kur)7408
, ,
Animating CSS Grid (How-To and Examples) (mrd/css)7407
, , ,
Release Notes for Safari Technology Preview 162 (jon/web)7406
, , ,
Quick Tip: How to Manage Error Reporting in PHP (cla/sit)7405
, , ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)7404
, ,
CSS Layers for CSS Resets (ela/app)7403
,
A “nth-child” CSS Trick (kev)7402
, ,
Introduction to Gulp.js: Beginner’s Guide (tot)7401
, ,
CSS Wishlist 2023 (dav)7400
,
Locking “body” Scroll for Modals on iOS (jfr)7399
, ,
Copying Designs Doesn’t Work, and Here’s Why (pet/sma)7398
,
A Simple Custom (ste)7397
, , ,
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)7396
Creating a Custom Cursor Using CSS (css/ver)7395
, , ,
Visual Design Rules You Can Safely Follow Every Time (hob)7394
Making Sense of TypeScript Using Set Theory (tho)7393
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)7392
,
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)7391
,
If You Need a Link, Don’t Use a Button (tem)7390
, , , ,
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)7389
, ,
Ship Small, Ship Fast (der)7388
CSS Art Tutorial: Create a Cute Cartoon Creature (bat)7387
, ,
Creating a Community That Values Accessibility (web)7386
,
3 Essential Design Trends, January 2023 (car/web)7385
,
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)7384
, ,
How to Review a Web Site (uxm)7383
, , ,
Accessibility Tools and Resources for Designers (art/dig)7382
, ,
Replace Create React App Recommendation With Vite (t3d/rea)7381
, ,
Is CSS-in-JS Actually Bad? (may)7380
, ,
Improve Your HTML Semantic With Pico CSS (sun)7379
,
Web Scraping—A Complete Guide (ser)7378
,
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)7377
, , ,
Web Accessibility Global Usage Survey7376
,
How to Use Pico CSS and Next.js? (off)7375
, ,
The Key to Good Component Design Is Selfishness (dan/sma)7374
, ,
So You Want to Make a New JS Framework (dav)7373
,
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd)7372
,
What Is a Core Update? (thc/moz)7371
15 Must-Have Cheatsheets for Developers (ish)7370
,
Building Reliable Distributed Systems in Node.js (tem)7369
Unordered Lists in Main Navigations (mat)7368
, , ,
Cascading Components—a Way to Organize Figma Component Variants7367
,
More Real-World Uses for “:has()” (css)7366
,
Unlocking Security Updates for Transitive Dependencies With npm (bry/git)7365
, , ,
Two Ways to Safely Break a Long Word in HTML (ami)7364
Don’t Target 100% Coverage (c9a)7363
,
“::backdrop” Doesn’t Inherit From Anywhere (kil)7362
Three Attributes for Better Web Forms (ada)7361
, ,
Comparing Manual and Free Automated WCAG Reviews (aar)7360
, , ,
Optimize Time to First Byte (mal/dev)7359
,
On-Scroll Typography Animations (crn/cod)7358
,
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)7357
, , ,
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)7356
,
Discovering the Capable Web (tom/dev)7355
Front-End Is So Much More Than Building Designs (bel)7354
Accessible Writing Is Just Good Writing (get)7353
,
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)7352
,
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra/bra)7351
,
The Storytelling Power of Simple Design Solutions (jfa/uxd)7350
,
Intro to Wasp—Fullstack App (far/was)7349
, , , ,
Quick Tip: How to Read a Local File With PHP (cla/sit)7348
, , ,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages7347
, , ,
6 Common SVG Fails (and How to Fix Them) (mar/css)7346
,
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That (joh/ris)7345
,
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)7344
,
Scalable CSS (chr)7343
,
Can a Bridge Be Unethical? (cre)7342
,
The Truth About CSS Selector Performance (pat/mse)7341
, ,
A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui)7340
Greater Styling Control Over Type With “initial-letter” (sea)7339
,
Minimal Dark Mode Styling (mey)7338
, ,
Optimizing the Image Element LCP (sma)7337
, ,
CSS Nesting Is Coming (alv)7336
,
Complete Guide to Make You a Regex Guru (per)7335
,
User Style Sheets (xpl)7334
, ,
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (lir)7333
, ,
Interactive SVG Reference (fff)7332
,
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)7331
, , , ,
The Only Markdown Cheatsheet You Will Ever Need (1uk)7330
,
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor7329
,
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe)7328
,
Foundations: Visible Focus Styles (joe/tet)7327
, , ,
Succeed as a Junior Developer (vin)7326
CSS Color Functions and Custom Properties (mat)7325
, , ,
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (mar/nod)7324
, , ,
Sibling Scopes in CSS, Thanks to “:has()” (bra/bra)7323
,
What Can We Really Do About Spam? (mig)7322
, ,
Is TypeScript Worth It?7321
,
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari/dev)7320
, ,
Generics: The Most Intimidating TypeScript Feature (mat)7319
, ,
Manual Accessibility Testing (dev)7318
,
Fixing a Memory Leak in a Production Node.js App (ken)7317
,
React, Vite, and TypeScript: Get Started in Under 2 Minutes (jur/nxd)7316
, ,
Top Front-End Tools of 2022 (lou/sma)7315
,
The Main Areas of WAI–ARIA (ia)7314
,
11 Excellent WordPress Themes for 2023 (sit)7313
, ,
How to Destructure Props in Vue (Composition API) (pan)7312
, ,
“:has” Is an Unforgiving Selector (geo/css)7311
,
The Gotcha of Unhandled Promise Rejections (jaf)7310
,
JavaScript, Community (zac)7309
,
The State of JavaScript 2022 [Results] (sac/dev)7308
,
The YAML Document From Hell (ruu)7307
,
Closed Captions and Subtitles UX (vit/sma)7306
, ,
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)7305
, ,
Versioning Design Systems: Best Practices7304
, ,
Why Not “document.write()”? (css)7303
,
CSS “:empty” Isn’t Applicable on Form Fields (hel)7302
, ,
Quick Tip: How to Filter Data With PHP (cla/sit)7301
, ,
D̶e̶s̶i̶g̶n̶ Token Clusters (mil/uxd)7300
2023 Design Trends From an Accessibility Perspective (acc)7299
, ,
Faking Min Width on a Table Column (css)7298
, , ,
Data-Driven Design Systems in Practice (pat)7297
Data URLs and Pool in Your URL (wes)7296
,
Set Up a React App With TypeScript in 5 Minutes (vin)7295
, ,
CSS “:readonly” Is Not for Select Fields (hel)7294
,
Customizing HTML Form Validation (dav)7293
, ,
Clever Code Considered Harmful (jos)7292
, ,
A Software Developer’s Guide to Writing (the)7291
,
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm)7290
, ,
Node.js Retro 2022 (mar/nod)7289
,
Building a Design System: Lessons Learned (des/uxd)7288
,
Good Design Is Intentional (jon)7287
Conditional CSS (sha)7286
Implementing Microservice Architecture in Node.js (lov)7285
, ,
7 Principles of Design Psychology Every UX Designer Should Know (jen/uxm)7284
, ,
Styling Buttons in WordPress Block Themes (fkl/css)7283
, , ,
OK LCH, I’m Convinced (jim)7282
,
3D in CSS (bra)7281
Personas Are Living Documents: Design Them to Evolve (mat/nng)7280
,
Best Node.js Schedulers7279
,
Angular vs. AngularJS: 15 Key Differences to Know (not)7278
, ,
Intro to SolidJS: How to Create Fast, Reactive Web Apps (ome)7277
, ,
Stock Photos of People With Disabilities (den/web)7276
, ,
Using GitHub Copilot for Unit Testing (jan)7275
, ,
Revolutionizing the Web With WebAssembly: A Comprehensive Guide (coc)7274
,
A New Accessibility Strategy for the GOV.UK Design System (dav+/gov)7273
, ,
Infinite Scrolling: When to Use It, When to Avoid It (tne/nng)7272
, ,
Why Web Performance Still Matters in 2023 (sia/sho)7271
URI vs. URL: The Main Differences Between URL and URI (sha/god)7270
, ,
2022 JavaScript Rising Stars (mic)7269
, , , , , , , , , , , ,
When to Use Flexbox and When to Use CSS Grid (leo/log)7268
, , ,
Design Systems in Practice (iam)7267
,
How to Build Great HTML Form Controls (aus/fre)7266
, ,
Progressively-Enhanced Dark Mode (dar)7265
,
Every Software Developer Should Write a Blog (nas)7264
, ,
HTML With Superpowers: An Introduction to Web Components (dav)7263
, , , ,
A Guide to Getting Data Visualization Right (bop/sma)7262
,
Using “!important” in Cascade Layers (mat)7261
,
Microfeatures I’d Like to See in More Languages (hil)7260
When Stakeholders Bypass the Product Owner (reb/scr)7259
, ,
Understanding Git Through Images7258
What Does It Look Like for the Web to Lose? (chr)7257
,
Use nvm and .nvmrc for a Better JavaScript Development (lif)7256
, ,
JAWS, NVDA, and VoiceOver Braille Viewers (aar)7255
, , , , , ,
Creating Tokens for Your Design System With ChatGPT Assistance (edw/uxd)7254
, ,
CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra/bra)7253
, ,
5 Web Design Trends to Watch in 2023 (sit)7252
,
7 Required Steps to Secure Your Iframes Security (onn/re)7251
, , , , ,
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta/col)7250
, , , , , ,
How to Increase Your Chances of Getting Interviews and Job Offers in Tech (and)7249
, ,
The Expanding Dark Forest and Generative AI (mag)7248
, ,
Conditional API Responses for JavaScript vs. HTML Forms (aus)7247
, , , ,
WAI–Adapt Explainer (see+/w3c)7246
Quick Thoughts on Typeface and Font Accessibility (jon)7245
, ,
Cloning Arrays and Objects in Vanilla JavaScript (cfe)7244
, ,
Carry On Testing 2023 (ste/tpg)7243
,
Microservices vs. Monolithic Architecture: A Practical Approach (lov)7242
, , ,
The State of Usability in 2023 (vit/sma)7241
, ,
Intro to JavaScript Closures (ifk)7240
, ,
6 Predictions for Web Design in 2023 (web)7239
,
Measuring an Engineering Organization (let)7238
, ,
17 Compelling Reasons to Start Ditching TypeScript Now (wis)7237
Priority Hints and Optimizing LCP (kev)7236
, , ,
The State of Mobile User Experience (rbu/nng)7235
, ,
A Beginner’s Guide to Link and Text Accessibility (pop)7234
, , ,
2022 Year in Review (you)7233
,
Culture Is Stuck (pau)7232
,
Overlapping Interactive Areas (tem)7231
,
Why Do We Need Authorization and Authentication?7230
, ,
ICANN and the 7 Keys to the Internet (dur+/wvf)7229
, , , ,
Junior Designers, Please Don’t Give In (uxd)7228
,
Fluid Typography: Predicting a Problem With Your User’s Zoom-In (rus/sma)7227
, , ,