Frontend Dogma

“2023” Archive (11)

Entry (Sources) and Other Related TopicsDate#
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)287
, , , ,
Introduction to Symfony PHP Framework286
,
How to Build Accessible Main Navigation? (iod)285
, ,
How to Add an Event Handler in React284
, , ,
Quick Tip: How to Check if a Variable Is Set in PHP283
, , ,
Modularizing React Applications With Established UI Patterns (mfo)282
, ,
Testing Colour Accessibility With Dev Tools (mic)281
, , , ,
Advanced Figma Prototyping Tips and Tricks (uxd)280
, ,
Nest.js Crash Course—Introduction and Setup279
, , ,
Theming a Design System (uxd)278
,
The Story of the World Wide Web (jay)277
, , , , , , ,
Table of Contents Progress Animation (kev)276
, , , ,
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)275
, , , , ,
How to Write Semantic CSS (kev)274
, , ,
Focus Appearance Thoughts (ala)273
, ,
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)272
, , , ,
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its)271
, , ,
How to Build a Magazine Layout With CSS Grid Areas (sma)270
, , ,
Qodana Code Quality Platform—Overview269
, , , , ,
Should Inclusive Design Be a UX Concern? (uxd)268
, ,
Non-Text Content Contrast Also Matters267
, ,
Testing Vue Components the Right Way266
, , ,
Supporting CSS Multi Direction Languages in 2023265
, ,
The Difference Between Iteration and Prototyping264
, ,
The “margin-trim” Property (mat)263
The Different Names for Values in CSS (chr)262
My Favourite 3 Lines of CSS (bel/pic)261
Interop 2023 CMS Checkin (chr)260
, , , , ,
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)259
, ,
Frontend Frameworks for Web-App Development (uxm)258
,
Building a Dev Blog With the Pelican Static Site Generator (djr)257
,
A Historical Reference of React Criticism (zac)256
,
How to Pick a Font (That Doesn’t Suck)255
, , ,
Discovery in Agile254
,
React Anti-Patterns and Best Practices—Dos and Don’ts253
, ,
Speeding Up the JavaScript Ecosystem—ESLint (mar)252
, , ,
The Market for Lemons (sli)251
, ,
Rotating Gallery With CSS Scroll-Driven Animations (jhe)250
, , , ,
Typography Manual249
,
How to Make a Zoom Effect Using CSS (css)248
, ,
The Case Against Cycle Time247
,
Multi-Threaded React App Using useWorker246
, , ,
How to Build a Static Website245
,
Foundation: The Best Framework for Building Responsive Sites244
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion243
, ,
What Is Bootstrap: A Beginner’s Guide242
,
The YAML Document From Hell—JavaScript Edition (phi)241
,
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)240
, ,
High Definition CSS Color Guide (arg/dev)239
, ,
Advice for Engineers, From a Manager (pol)238
, , ,
Interop 2023: Continuing to Improve the Web for Developers (foo+/dev)237
,
3 Notion Templates to Better Manage Your Design System236
, ,
Pushing Interop Forward in 2023 (jon+/web)235
,
The Gotcha With Animating Custom Properties (bra)234
, , ,
Announcing Interop 2023233
,
Caching Data in SvelteKit (css)232
,
Design for AI: What Should People Who Design AI Know? (uxd)231
,
Gatsby Is Joining Netlify230
,
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar)229
Quick Tip: How to Manage Timezones in PHP228
, , ,
Why Is Making a Dark Mode Greyscale So Hard to Get Right?227
, , ,
Screen Reader Quick Guide226
,
Microsoft Edge and Interop 2023225
, , , ,
Understanding App Directory Architecture in Next.js (ati/sma)224
,
The Guide to Responsive Design in 2023 and Beyond (sha)223
,
Modular Web Design: Flexibility, Examples, and Alternatives222
Learn Images (wil/dev)221
, , , , , , ,
Interop 2023 (boc)220
,
Igalia and Interop 2023 (iga)219
, ,
How the CSS “box-sizing” Property Works (bel)218
,
Hex Colors Aren’t Great at Anything Except Being Popular (chr)217
,
Don’t Use Return Types, Unless… (mat)216
,
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)215
,
Should You Start a Web Development YouTube Channel in 2023? (zor/css)214
, ,
The Ultimate Guide to JavaScript Error Handling (cra)213
, ,
6 Approaches for Data Fetching in React212
,
Typographic Hierarchy in Print, Web, and App Design211
, ,
External Links: In or Out210
, , ,
Invoking React Components From Your Ember Apps209
, ,
Understanding Color and Accessibility (kat)208
,
Speed for Who? (bel)207
, , ,
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)206
, ,
New to the Web Platform in January (rac/dev)205
, , , , , , , ,
19 Must-Visit Sites for Product Design Inspiration (uxd)204
,
Using Local Storage in JavaScript and React203
, ,
Easy SVG Customization and Animation: A Practical Guide (cod/sma)202
, , ,
CSS “color-mix()” (arg/dev)201
Léonie Watson on Accessibility (tin+)200
, ,
An Introduction to MIME Types199
,
You’ve Got Options for Removing Event Listeners (mac)198
,
New WCAG 2.2 Features Rated (yat)197
, ,
Git Commit Patterns196
,
Is It a Bad Idea to Use “target="_blank"” for Links in an Email?195
, ,
10 GitHub Repositories You Should Know as a JavaScript Developer194
, , , ,
The Pros and Cons of Responsive Web Design in 2023 (web)193
HTML Input Types (mar)192
,
Accessible Hamburger Buttons Without JavaScript191
, ,
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra)190
, , ,
Login Form UI Design Guide (uxd)189
, ,
Pointing and Calling and Accessibility Testing188
,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)187
Use the Dialog Element (Reasonably) (sco)186
, ,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)185
, , ,
Optimal Images in HTML (ste/bui)184
, , , ,
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)183
, , , ,
Container Queries and Typography (fon)182
, ,
CSS Layers for CSS Resets181
,
Quick Tip: How to Manage Error Reporting in PHP180
, , ,
Animating CSS Grid (How-To and Examples) (css)179
, , ,
The Modern Way of Serving Images (kur)178
, ,
“scrollend”, a New JavaScript Event (arg/dev)177
,
Release Notes for Safari Technology Preview 162 (jon/web)176
, , ,
Musing Upon an “[alt]” Text Badge on Images (chr)175
, ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)174
, ,
A “nth-child” CSS Trick (kev)173
, ,
10 Web Development Trends in 2023 (rwi)172
, , , , , , ,
Copying Designs Doesn’t Work, and Here’s Why (sma)171
,
Introduction to Gulp.js: Beginner’s Guide170
, ,
Creating a Custom Cursor Using CSS (css)169
, , ,
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)168
Locking “body” Scroll for Modals on iOS (jfr)167
, ,
CSS Wishlist 2023 (dav)166
,
A Simple Custom (ste)165
, , ,
3 Essential Design Trends, January 2023 (web)164
,
Ship Small, Ship Fast163
Be a Digital Ally: Further Exploration of WCAG 2.2162
, ,
Visual Design Rules You Can Safely Follow Every Time161
Making Sense of TypeScript Using Set Theory160
CSS Art Tutorial: Create a Cute Cartoon Creature159
, ,
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)158
,
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)157
,
If You Need a Link, Don’t Use a Button (tem)156
, , , ,
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)155
, ,
Creating a Community That Values Accessibility (web)154
,
Best Browsers For Developers in 2023 (tal)153
, , , , , , ,
Improve Your HTML Semantic With Pico CSS152
,
Replace “Create React App” Recommendation With Vite151
, ,
Accessibility Tools and Resources for Designers150
, ,
Is CSS-in-JS Actually Bad? (may)149
, ,
How to Review a Web Site (uxm)148
, , ,
Web Scraping—A Complete Guide147
,
How to Use Pico CSS and Next.js?146
, ,
Web Accessibility Global Usage Survey145
,
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)144
, , ,
15 Must-Have Cheatsheets for Developers143
,
The Key to Good Component Design Is Selfishness (sma)142
, ,
What Is a Core Update? (moz)141
Building Reliable Distributed Systems in Node.js140
Unordered Lists in Main Navigations (mat)139
, , ,
So You Want to Make a New JS Framework (dav)138
,
More Real-World Uses for “:has()” (css)137
,
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd)136
,
Cascading Components—a Way to Organize Figma Component Variants135
,
Unlocking Security Updates for Transitive Dependencies With npm (git)134
, , ,
Don’t Target 100% Coverage133
,
Two Ways to Safely Break a Long Word in HTML (ami)132
Three Attributes for Better Web Forms (ada)131
, ,
Optimize Time to First Byte (mal/dev)130
,
Comparing Manual and Free Automated WCAG Reviews (aar)129
, , ,
“::backdrop” Doesn’t Inherit From Anywhere (kil)128
On-Scroll Typography Animations (cod)127
,
Accessible Writing Is Just Good Writing126
,
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)125
,
Front-End Is So Much More Than Building Designs (bel)124
Discovering the Capable Web (tom/dev)123
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)122
,
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)121
, , ,
Scalable CSS (chr)120
,
The Storytelling Power of Simple Design Solutions (uxd)119
,
Can a Bridge Be Unethical?118
,
Intro to Wasp—Fullstack App117
, , , ,
Quick Tip: How to Read a Local File With PHP116
, , ,
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra)115
,
The Truth About CSS Selector Performance (pat)114
, ,
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That113
,
6 Common SVG Fails (and How to Fix Them) (css)112
,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages111
, , ,
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)110
,
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
,
Fixing a Memory Leak in a Production Node.js App (ken)94
,
What Can We Really Do About Spam?93
, ,
Sibling Scopes in CSS, Thanks to “:has()” (bra)92
,
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch91
, , ,
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
, ,
How to Destructure Props in Vue (Composition API)83
, ,
The Main Areas of WAI–ARIA82
,
The State of JavaScript 2022 [Results] (sac)81
,
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 202262
,
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
, ,
3D in CSS51
Intro to SolidJS: How to Create Fast, Reactive Web Apps50
, ,
Angular vs. AngularJS: 15 Key Differences to Know49
, ,
Personas Are Living Documents: Design Them to Evolve48
,
OK LCH, I’m Convinced (jim)47
,
Best Node.js Schedulers46
,
Revolutionizing the Web With WebAssembly: A Comprehensive Guide45
,
Using GitHub Copilot for Unit Testing44
, , ,
Stock Photos of People With Disabilities (den)43
, ,
Infinite Scrolling: When to Use It, When to Avoid It42
, ,
When to Use Flexbox and When to Use CSS Grid (log)41
, , ,
URI vs. URL: The Main Differences Between URL and URI40
, ,
Why Web Performance Still Matters in 2023 (sia)39
2022 JavaScript Rising Stars38
, , , , , , , , , , , ,