Frontend Dogma

“2023” Archive (11)

Entry (Sources) and Other Related TopicsDate#
Table of Contents Progress Animation (kev)281
, , , ,
Quick Tip: How to Check if a Variable Is Set in PHP (cla/sit)280
, , ,
Nest.js Crash Course—Introduction and Setup (the)279
, , ,
Theming a Design System (uxd)278
,
How to Build Accessible Main Navigation? (tim/iod)277
, ,
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the)276
, , , , ,
Focus Appearance Thoughts (ala)275
, ,
Testing Colour Accessibility With Dev Tools (mic/css)274
, , , ,
How to Write Semantic CSS (kev)273
, , ,
How to Add an Event Handler in React (vin)272
, , ,
Testing Vue Components the Right Way (may)271
, , ,
My Favourite 3 Lines of CSS (bel/pic)270
Building a Dev Blog With the Pelican Static Site Generator (djr)269
,
The Difference Between Iteration and Prototyping (cal)268
, ,
Frontend Frameworks for Web-App Development (uxm)267
,
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)266
, ,
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (sou/its)265
, , ,
Supporting CSS Multi Direction Languages in 2023 (ela/app)264
, ,
Qodana Code Quality Platform—Overview (ant/qod)263
, , , , ,
A Historical Reference of React Criticism (zac)262
,
Should Inclusive Design Be a UX Concern? (uxf/uxd)261
, ,
How to Build a Magazine Layout With CSS Grid Areas (pfe/sma)260
, , ,
Non-Text Content Contrast Also Matters (ia)259
, ,
Interop 2023 CMS Checkin (chr)258
, , , , ,
The “margin-trim” Property (mat)257
The Different Names for Values in CSS (chr)256
Speeding Up the JavaScript Ecosystem—ESLint (mar)255
, , ,
Discovery in Agile (aka/nng)254
,
How to Pick a Font (That Doesn’t Suck) (kad)253
, , ,
React Anti-Patterns and Best Practices—Dos and Don’ts (per)252
, ,
Rotating Gallery With CSS Scroll-Driven Animations (jhe)251
, , , ,
The Market for Lemons (sli)250
, ,
The Case Against Cycle Time (abi/dev)249
,
Multi-Threaded React App Using useWorker (nil)248
, , ,
How to Make a Zoom Effect Using CSS (css/ver)247
, ,
Typography Manual (mik)246
,
High Definition CSS Color Guide (arg/dev)245
, ,
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (jon)244
, ,
How to Build a Static Website (erc/san)243
,
Foundation: The Best Framework for Building Responsive Sites (get)242
The YAML Document From Hell—JavaScript Edition (phi)241
,
What Is Bootstrap: A Beginner’s Guide (ale/car)240
,
Advice for Engineers, From a Manager (pol)239
, , ,
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)238
, ,
Interop 2023 (boc)237
,
Screen Reader Quick Guide (axe)236
,
How the CSS “box-sizing” Property Works (bel)235
,
Pushing Interop Forward in 2023 (jon+/web)234
,
Why Is Making a Dark Mode Greyscale So Hard to Get Right? (dan)233
, , ,
Microsoft Edge and Interop 2023 (mse)232
, , , ,
Design for AI: What Should People Who Design AI Know? (hal/uxd)231
,
Understanding App Directory Architecture in Next.js (ati/sma)230
,
Hex Colors Aren’t Great at Anything Except Being Popular (chr)229
,
Announcing Interop 2023 (moz)228
,
Don’t Use Return Types, Unless… (mat)227
,
Interop 2023: Continuing to Improve the Web for Developers (rob+/dev)226
,
Learn Images (wil/dev)225
, , , , , , ,
Quick Tip: How to Manage Timezones in PHP (cla/sit)224
, , ,
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar/wpt)223
Modular Web Design: Flexibility, Examples, and Alternatives222
Gatsby Is Joining Netlify (kyl/gat)221
,
The Guide to Responsive Design in 2023 and Beyond (sha)220
,
Igalia and Interop 2023 (iga)219
, ,
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)218
,
The Gotcha With Animating Custom Properties (bra/bra)217
, , ,
Caching Data in SvelteKit (ada/css)216
,
3 Notion Templates to Better Manage Your Design System (ven)215
, ,
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)214
, ,
Speed for Who? (bel)213
, , ,
6 Approaches for Data Fetching in React (loc)212
,
Should You Start a Web Development YouTube Channel in 2023? (zor/css)211
, ,
External Links: In or Out (art/dig)210
, , ,
Typographic Hierarchy in Print, Web, and App Design (gly)209
, ,
New to the Web Platform in January (rac/dev)208
, , , , , , , ,
Invoking React Components From Your Ember Apps (raj)207
, ,
Understanding Color and Accessibility (kat)206
,
The Ultimate Guide to JavaScript Error Handling (cra/sit)205
, ,
Using Local Storage in JavaScript and React (vin)204
, ,
CSS “color-mix()” (arg/dev)203
Easy SVG Customization and Animation: A Practical Guide (cod/sma)202
, , ,
19 Must-Visit Sites for Product Design Inspiration (dan/uxd)201
,
Léonie Watson on Accessibility (tin+/inf)200
, ,
You’ve Got Options for Removing Event Listeners (mac)199
,
New WCAG 2.2 Features Rated (yat)198
, ,
An Introduction to MIME Types (pan/git)197
,
Is It a Bad Idea to Use “target="_blank"” for Links in an Email? (bad)196
, ,
HTML Input Types (mar)195
,
Accessible Hamburger Buttons Without JavaScript194
, ,
The Pros and Cons of Responsive Web Design in 2023 (web)193
10 GitHub Repositories You Should Know as a JavaScript Developer (gae)192
, , , ,
Git Commit Patterns (h33)191
,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)190
, , ,
Pointing and Calling and Accessibility Testing (bri)189
,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)188
Container Queries and Typography (fon)187
, ,
Login Form UI Design Guide (mic/uxd)186
, ,
Optimal Images in HTML (ste/bui)185
, , , ,
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra+/sit)184
, , ,
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)183
, , , ,
Use the Dialog Element (Reasonably) (sco)182
, ,
10 Web Development Trends in 2023 (rwi)181
, , , , , , ,
“scrollend”, a New JavaScript Event (arg/dev)180
,
Musing Upon an “[alt]” Text Badge on Images (chr)179
, ,
The Modern Way of Serving Images (kur)178
, ,
Animating CSS Grid (How-To and Examples) (mrd/css)177
, , ,
Release Notes for Safari Technology Preview 162 (jon/web)176
, , ,
Quick Tip: How to Manage Error Reporting in PHP (cla/sit)175
, , ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)174
, ,
CSS Layers for CSS Resets (ela/app)173
,
A “nth-child” CSS Trick (kev)172
, ,
Introduction to Gulp.js: Beginner’s Guide (tot)171
, ,
CSS Wishlist 2023 (dav)170
,
Locking “body” Scroll for Modals on iOS (jfr)169
, ,
Copying Designs Doesn’t Work, and Here’s Why (pet/sma)168
,
A Simple Custom (ste)167
, , ,
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)166
Creating a Custom Cursor Using CSS (css/ver)165
, , ,
Creating a Community That Values Accessibility (web)164
,
Visual Design Rules You Can Safely Follow Every Time (hob)163
Making Sense of TypeScript Using Set Theory (tho)162
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma)161
,
International Domain Names: Where Does meßagefactory.ca Lead You? (lem)160
,
If You Need a Link, Don’t Use a Button (tem)159
, , , ,
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus)158
, ,
Ship Small, Ship Fast (der)157
CSS Art Tutorial: Create a Cute Cartoon Creature (bat)156
, ,
3 Essential Design Trends, January 2023 (car/web)155
,
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)154
, ,
Best Browsers For Developers in 2023 (tal)153
, , , , , ,
Replace “Create React App” Recommendation With Vite (t3d/rea)152
, ,
How to Review a Web Site (uxm)151
, , ,
Accessibility Tools and Resources for Designers (art/dig)150
, ,
Is CSS-in-JS Actually Bad? (may)149
, ,
Improve Your HTML Semantic With Pico CSS (sun)148
,
Web Scraping—A Complete Guide (ser)147
,
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac)146
, , ,
Web Accessibility Global Usage Survey145
,
How to Use Pico CSS and Next.js? (off)144
, ,
The Key to Good Component Design Is Selfishness (dan/sma)143
, ,
So You Want to Make a New JS Framework (dav)142
,
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd)141
,
What Is a Core Update? (thc/moz)140
15 Must-Have Cheatsheets for Developers (ish)139
,
Building Reliable Distributed Systems in Node.js (tem)138
Unordered Lists in Main Navigations (mat)137
, , ,
Cascading Components—a Way to Organize Figma Component Variants136
,
More Real-World Uses for “:has()” (css)135
,
Unlocking Security Updates for Transitive Dependencies With npm (bry/git)134
, , ,
Two Ways to Safely Break a Long Word in HTML (ami)133
Don’t Target 100% Coverage (c9a)132
,
“::backdrop” Doesn’t Inherit From Anywhere (kil)131
Three Attributes for Better Web Forms (ada)130
, ,
Comparing Manual and Free Automated WCAG Reviews (aar)129
, , ,
Optimize Time to First Byte (mal/dev)128
,
Front-End Is So Much More Than Building Designs (bel)127
On-Scroll Typography Animations (crn/cod)126
,
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv)125
, , ,
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui)124
,
Discovering the Capable Web (tom/dev)123
Accessible Writing Is Just Good Writing (get)122
,
Solved With “:has()”: Vertical Spacing in Long-Form Text (css)121
,
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra/bra)120
,
The Storytelling Power of Simple Design Solutions (jfa/uxd)119
,
Intro to Wasp—Fullstack App (far/was)118
, , , ,
Quick Tip: How to Read a Local File With PHP (cla/sit)117
, , ,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages116
, , ,
6 Common SVG Fails (and How to Fix Them) (mar/css)115
,
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That (joh/ris)114
,
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus)113
,
Scalable CSS (chr)112
,
Can a Bridge Be Unethical? (cre)111
,
The Truth About CSS Selector Performance (pat/mse)110
, ,
A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui)109
Greater Styling Control Over Type With “initial-letter” (sea)108
,
Minimal Dark Mode Styling (mey)107
, ,
Optimizing the Image Element LCP (sma)106
, ,
CSS Nesting Is Coming (alv)105
,
Complete Guide to Make You a Regex Guru (per)104
,
User Style Sheets (xpl)103
, ,
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (lir)102
, ,
Interactive SVG Reference (fff)101
,
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)100
, , , ,
The Only Markdown Cheatsheet You Will Ever Need (1uk)99
,
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor98
,
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe)97
,
Foundations: Visible Focus Styles (joe/tet)96
, , ,
Succeed as a Junior Developer (vin)95
React, Vite, and TypeScript: Get Started in Under 2 Minutes (jur/nxd)94
, , ,
CSS Color Functions and Custom Properties (mat)93
, , ,
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch (mar/nod)92
, , ,
Sibling Scopes in CSS, Thanks to “:has()” (bra/bra)91
,
What Can We Really Do About Spam? (mig)90
, ,
Is TypeScript Worth It?89
,
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari/dev)88
, ,
Generics: The Most Intimidating TypeScript Feature (mat)87
, ,
Manual Accessibility Testing (dev)86
,
Fixing a Memory Leak in a Production Node.js App (ken)85
,
Top Front-End Tools of 2022 (lou/sma)84
,
The Main Areas of WAI–ARIA (ia)83
,
11 Excellent WordPress Themes for 2023 (sit)82
, ,
How to Destructure Props in Vue (Composition API) (pan)81
, ,
“:has” Is an Unforgiving Selector (geo/css)80
,
The Gotcha of Unhandled Promise Rejections (jaf)79
,
JavaScript, Community (zac)78
,
The State of JavaScript 2022 [Results] (sac/dev)77
,
The YAML Document From Hell (ruu)76
,
Closed Captions and Subtitles UX (vit/sma)75
, ,
Data URLs and Pool in Your URL (wes)74
,
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)73
, ,
Versioning Design Systems: Best Practices72
, ,
Why Not “document.write()”? (css)71
,
CSS “:empty” Isn’t Applicable on Form Fields (hel)70
, ,
Quick Tip: How to Filter Data With PHP (cla/sit)69
, ,
D̶e̶s̶i̶g̶n̶ Token Clusters (mil/uxd)68
2023 Design Trends From an Accessibility Perspective (acc)67
, ,
Faking Min Width on a Table Column (css)66
, , ,
Data-Driven Design Systems in Practice (pat)65
Set Up a React App With TypeScript in 5 Minutes (vin)64
, ,
CSS “:readonly” Is Not for Select Fields (hel)63
,
Customizing HTML Form Validation (dav)62
, ,
Clever Code Considered Harmful (jos)61
, ,
A Software Developer’s Guide to Writing (the)60
,
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm)59
, ,
Node.js Retro 2022 (mar/nod)58
,
Building a Design System: Lessons Learned (des/uxd)57
,
Good Design Is Intentional (jon)56
Conditional CSS (sha)55
Implementing Microservice Architecture in Node.js (lov)54
, ,
7 Principles of Design Psychology Every UX Designer Should Know (jen/uxm)53
, ,
Styling Buttons in WordPress Block Themes (fkl/css)52
, , ,
OK LCH, I’m Convinced (jim)51
,
3D in CSS (bra)50
Personas Are Living Documents: Design Them to Evolve (mat/nng)49
,
Best Node.js Schedulers48
,
Angular vs. AngularJS: 15 Key Differences to Know (not)47
, ,
Intro to SolidJS: How to Create Fast, Reactive Web Apps (ome)46
, ,
Using GitHub Copilot for Unit Testing (jan)45
, , ,
Stock Photos of People With Disabilities (den/web)44
, ,
Revolutionizing the Web With WebAssembly: A Comprehensive Guide (coc)43
,
A New Accessibility Strategy for the GOV.UK Design System (dav+/gov)42
, ,
Infinite Scrolling: When to Use It, When to Avoid It (tne/nng)41
, ,
Why Web Performance Still Matters in 2023 (sia/sho)40
URI vs. URL: The Main Differences Between URL and URI (sha/god)39
, ,
2022 JavaScript Rising Stars (mic)38
, , , , , , , , , , , ,
When to Use Flexbox and When to Use CSS Grid (leo/log)37
, , ,
Design Systems in Practice (iam)36
,
Using “!important” in Cascade Layers (mat)35
,
Microfeatures I’d Like to See in More Languages (hil)34
When Stakeholders Bypass the Product Owner (reb/scr)33
, ,
Understanding Git Through Images32