Frontend Dogma

“2023” Archive (11)

Entry (Sources) and Other Related TopicsDate#
What’s New in Lighthouse 10 (dev)298
, , ,
Moving Backgrounds (css)297
,
The Troublesome Life and Lamentable Death of Success Criterion 4.1.1296
, , ,
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)295
, , , ,
Introduction to Symfony PHP Framework294
,
Creating Sites, the Jamstack Way293
,
Top 13 Node.js Books for Beginners and Advanced Coders292
, ,
Use Maps More and Objects Less (ste/bui)291
,
Try Out CSS Nesting Today (jen/web)290
, , ,
CSS Wish List 2023 (mey)289
,
How to Build Accessible Main Navigation? (iod)288
, ,
How to Add an Event Handler in React287
, , ,
Quick Tip: How to Check if a Variable Is Set in PHP286
, , ,
Modularizing React Applications With Established UI Patterns (mfo)285
, ,
Testing Colour Accessibility With Dev Tools (mic)284
, , , ,
Advanced Figma Prototyping Tips and Tricks (uxd)283
, ,
Nest.js Crash Course—Introduction and Setup282
, , ,
Theming a Design System (uxd)281
,
The Story of the World Wide Web (jay)280
, , , , , , ,
Table of Contents Progress Animation (kev)279
, , , ,
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)278
, , , , ,
How to Write Semantic CSS (kev)277
, , ,
Focus Appearance Thoughts (ala)276
, ,
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)275
, , , ,
The “margin-trim” Property (mat)274
,
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)273
, , ,
How to Build a Magazine Layout With CSS Grid Areas (sma)272
, , ,
Qodana Code Quality Platform—Overview271
, , , , ,
Should Inclusive Design Be a UX Concern? (uxd)270
, ,
Non-Text Content Contrast Also Matters269
, ,
Testing Vue Components the Right Way268
, , ,
Supporting CSS Multi Direction Languages in 2023267
, ,
The Difference Between Iteration and Prototyping266
, ,
The Different Names for Values in CSS (chr)265
My Favourite 3 Lines of CSS (bel/pic)264
Interop 2023 CMS Checkin (chr)263
, , , , ,
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)262
, ,
Frontend Frameworks for Web-App Development (uxm)261
,
Building a Dev Blog With the Pelican Static Site Generator (djr)260
,
A Historical Reference of React Criticism (zac)259
,
How to Pick a Font (That Doesn’t Suck)258
, , ,
Discovery in Agile257
,
React Anti-Patterns and Best Practices—Dos and Don’ts256
, ,
Speeding Up the JavaScript Ecosystem—ESLint (mar)255
, , ,
The Market for Lemons (sli)254
, ,
Rotating Gallery With CSS Scroll-Driven Animations (jhe)253
, , , ,
Typography Manual252
,
How to Make a Zoom Effect Using CSS (css)251
, ,
The Case Against Cycle Time250
,
Multi-Threaded React App Using useWorker249
, , ,
How to Build a Static Website248
,
Foundation: The Best Framework for Building Responsive Sites247
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion246
, ,
What Is Bootstrap: A Beginner’s Guide245
,
The YAML Document From Hell—JavaScript Edition (phi)244
,
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)243
, ,
High Definition CSS Color Guide (arg/dev)242
, ,
Advice for Engineers, From a Manager (pol)241
, , ,
Interop 2023: Continuing to Improve the Web for Developers (foo+/dev)240
,
3 Notion Templates to Better Manage Your Design System239
, ,
Pushing Interop Forward in 2023 (jon+/web)238
,
The Gotcha With Animating Custom Properties (bra)237
, , ,
Announcing Interop 2023236
,
Caching Data in SvelteKit (css)235
,
Design for AI: What Should People Who Design AI Know? (uxd)234
,
Gatsby Is Joining Netlify233
,
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)232
Quick Tip: How to Manage Timezones in PHP231
, , ,
Why Is Making a Dark Mode Greyscale So Hard to Get Right?230
, , ,
Screen Reader Quick Guide229
,
Microsoft Edge and Interop 2023228
, , , ,
Understanding App Directory Architecture in Next.js (ati/sma)227
,
The Guide to Responsive Design in 2023 and Beyond (sha)226
,
Modular Web Design: Flexibility, Examples, and Alternatives225
Learn Images (wil/dev)224
, , , , , , ,
Interop 2023 (boc)223
,
Igalia and Interop 2023 (iga)222
, ,
How the CSS “box-sizing” Property Works (bel)221
,
Hex Colors Aren’t Great at Anything Except Being Popular (chr)220
,
Don’t Use Return Types, Unless… (mat)219
,
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)218
,
Monitoring Node.js Performance (ano)217
, , ,
Should You Start a Web Development YouTube Channel in 2023? (zor/css)216
, ,
The Ultimate Guide to JavaScript Error Handling (cra)215
, ,
6 Approaches for Data Fetching in React214
,
Typographic Hierarchy in Print, Web, and App Design213
, ,
External Links: In or Out212
, , ,
Invoking React Components From Your Ember Apps211
, ,
Understanding Color and Accessibility (kat)210
,
Speed for Who? (bel)209
, , ,
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)208
, ,
New to the Web Platform in January (rac/dev)207
, , , , , , , ,
19 Must-Visit Sites for Product Design Inspiration (uxd)206
,
Using Local Storage in JavaScript and React205
, ,
Easy SVG Customization and Animation: A Practical Guide (cod/sma)204
, , ,
CSS “color-mix()” (arg/dev)203
Léonie Watson on Accessibility (tin+)202
, ,
An Introduction to MIME Types201
,
You’ve Got Options for Removing Event Listeners (mac)200
,
New WCAG 2.2 Features Rated (yat)199
, ,
Git Commit Patterns198
, ,
Is It a Bad Idea to Use “target="_blank"” for Links in an Email?197
, ,
10 GitHub Repositories You Should Know as a JavaScript Developer196
, , , ,
The Pros and Cons of Responsive Web Design in 2023 (web)195
HTML Input Types (mar)194
,
Accessible Hamburger Buttons Without JavaScript193
, ,
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)192
, , ,
Login Form UI Design Guide (uxd)191
, ,
Pointing and Calling and Accessibility Testing190
,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)189
Use the Dialog Element (Reasonably) (sco)188
, ,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)187
, , ,
Optimal Images in HTML (ste/bui)186
, , , ,
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)185
, , , ,
Container Queries and Typography (fon)184
, ,
10 Web Development Trends in 2023 (rwi)183
, , , , , , ,
CSS Layers for CSS Resets182
,
Quick Tip: How to Manage Error Reporting in PHP181
, , ,
Animating CSS Grid (How-To and Examples) (css)180
, , ,
The Modern Way of Serving Images (kur)179
, ,
“scrollend”, a New JavaScript Event (arg/dev)178
,
Release Notes for Safari Technology Preview 162 (jon/web)177
, , ,
Musing Upon an “[alt]” Text Badge on Images (chr)176
, ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)175
, ,
A “nth-child” CSS Trick (kev)174
, ,
Copying Designs Doesn’t Work, and Here’s Why (sma)173
,
Introduction to Gulp.js: Beginner’s Guide172
, ,
Creating a Custom Cursor Using CSS (css)171
, , ,
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)170
Locking “body” Scroll for Modals on iOS (jfr)169
, ,
CSS Wishlist 2023 (dav)168
,
A Simple Custom (ste)167
, , ,
3 Essential Design Trends, January 2023 (web)166
,
Ship Small, Ship Fast165
Be a Digital Ally: Further Exploration of WCAG 2.2164
, ,
Visual Design Rules You Can Safely Follow Every Time163
Making Sense of TypeScript Using Set Theory162
CSS Art Tutorial: Create a Cute Cartoon Creature161
, ,
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)160
,
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)159
,
If You Need a Link, Don’t Use a Button (tem)158
, , , ,
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)157
, ,
Creating a Community That Values Accessibility (web)156
,
The History of Internet Explorer and Web Standards (jay/hac)155
, , , , , ,
Best Browsers For Developers in 2023 (tal)154
, , , , , , ,
Improve Your HTML Semantic With Pico CSS153
,
Replace “Create React App” Recommendation With Vite152
, ,
Accessibility Tools and Resources for Designers151
, ,
Is CSS-in-JS Actually Bad? (may)150
, ,
How to Review a Web Site (uxm)149
, , ,
Web Scraping—A Complete Guide148
,
How to Use Pico CSS and Next.js?147
, ,
Web Accessibility Global Usage Survey146
,
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)145
, , ,
15 Must-Have Cheatsheets for Developers144
,
The Key to Good Component Design Is Selfishness (sma)143
, ,
What Is a Core Update? (moz)142
Building Reliable Distributed Systems in Node.js141
Unordered Lists in Main Navigations (mat)140
, , ,
So You Want to Make a New JS Framework (dav)139
,
More Real-World Uses for “:has()” (css)138
,
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd)137
,
Cascading Components—a Way to Organize Figma Component Variants136
,
Unlocking Security Updates for Transitive Dependencies With npm (git)135
, , ,
Don’t Target 100% Coverage134
,
Two Ways to Safely Break a Long Word in HTML (ami)133
Three Attributes for Better Web Forms (ada)132
, ,
Optimize Time to First Byte (mal/dev)131
,
Comparing Manual and Free Automated WCAG Reviews (aar)130
, , ,
“::backdrop” Doesn’t Inherit From Anywhere (kil)129
On-Scroll Typography Animations (cod)128
,
Accessible Writing Is Just Good Writing127
,
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)126
,
Front-End Is So Much More Than Building Designs (bel)125
Discovering the Capable Web (tom/dev)124
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)123
,
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)122
, , ,
Scalable CSS (chr)121
,
The Storytelling Power of Simple Design Solutions (uxd)120
,
Can a Bridge Be Unethical?119
,
Intro to Wasp—Fullstack App118
, , , ,
Quick Tip: How to Read a Local File With PHP117
, , ,
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)116
,
The Truth About CSS Selector Performance (pat)115
, ,
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That114
,
6 Common SVG Fails (and How to Fix Them) (css)113
,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages112
, , ,
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)111
,
The Undeniable Benefits of Simple Website Design110
, ,
Optimizing the Image Element LCP (sma)109
, ,
Minimal Dark Mode Styling (mey)108
, ,
Greater Styling Control Over Type With “initial-letter” (sea)107
,
A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui)106
Interactive SVG Reference105
,
Complete Guide to Make You a Regex Guru104
,
User Style Sheets103
, ,
The Only Markdown Cheatsheet You Will Ever Need102
,
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (lir)101
, , ,
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)100
, , , ,
CSS Nesting Is Coming (alv)99
,
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor98
,
Succeed as a Junior Developer97
Foundations: Visible Focus Styles (tet)96
, , ,
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe)95
,
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (nod)94
, , ,
Fixing a Memory Leak in a Production Node.js App (ken)93
,
What Can We Really Do About Spam?92
, ,
Sibling Scopes in CSS, Thanks to “:has()” (bra)91
,
React, Vite, and TypeScript: Get Started in Under 2 Minutes90
, , ,
Top Front-End Tools of 2022 (lou/sma)89
,
Manual Accessibility Testing (dev)88
,
Is TypeScript Worth It?87
,
Generics: The Most Intimidating TypeScript Feature (mat)86
, ,
CSS Color Functions and Custom Properties (mat)85
, , ,
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari/dev)84
, ,
The State of JavaScript 2022 [Results] (sac/dev)83
,
How to Destructure Props in Vue (Composition API)82
, ,
The Main Areas of WAI–ARIA81
,
11 Excellent WordPress Themes for 202380
, ,
The YAML Document From Hell (ruu)79
,
The Gotcha of Unhandled Promise Rejections (jaf)78
,
JavaScript, Community (zac)77
,
“:has” Is an Unforgiving Selector (geo/css)76
,
Closed Captions and Subtitles UX (vit/sma)75
, ,
2023 Design Trends From an Accessibility Perspective74
, ,
D̶e̶s̶i̶g̶n̶ Token Clusters (uxd)73
Set Up a React App With TypeScript in 5 Minutes72
, ,
Quick Tip: How to Filter Data With PHP71
, ,
Data-Driven Design Systems in Practice70
Data URLs and Pool in Your URL (wes)69
,
Why Not “document.write()”? (css)68
,
Versioning Design Systems: Best Practices67
, ,
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)66
, ,
Faking Min Width on a Table Column (css)65
, , ,
CSS “:readonly” Is Not for Select Fields (hel)64
,
CSS “:empty” Isn’t Applicable on Form Fields (hel)63
, ,
Node.js Retro 2022 (nod)62
,
Implementing Microservice Architecture in Node.js61
, ,
7 Principles of Design Psychology Every UX Designer Should Know (uxm)60
, ,
Building a Design System: Lessons Learned (uxd)59
,
A Software Developer’s Guide to Writing58
,
Styling Buttons in WordPress Block Themes (css)57
, , ,
Good Design Is Intentional (jon)56
Customizing HTML Form Validation (dav)55
, ,
Conditional CSS (sha)54
Clever Code Considered Harmful (jos)53
, ,
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm)52
, ,
Personas Are Living Documents: Design Them to Evolve51
,
OK LCH, I’m Convinced (jim)50
,
Best Node.js Schedulers49
,