Frontend Dogma

“2023” Archive (11)

Entry (Sources) and Other Related TopicsDate#
My Favourite 3 Lines of CSS (bel/pic)262
Testing Vue Components the Right Way (may)261
, ,
Building a Dev Blog With the Pelican Static Site Generator (djr)260
,
The Difference Between Iteration and Prototyping (cal)259
, ,
Frontend Frameworks for Web-App Development (uxm)258
,
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)257
, ,
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (sou/its)256
, , ,
Supporting CSS Multi Direction Languages in 2023 (ela/app)255
, ,
Qodana Code Quality Platform—Overview (ant/qod)254
, , , , ,
Speeding Up the JavaScript Ecosystem—ESLint (mar)253
, , ,
Discovery in Agile (aka/nng)252
,
How to Pick a Font (That Doesn’t Suck) (kad)251
, , ,
React Anti-Patterns and Best Practices—Dos and Don’ts (per)250
, ,
Rotating Gallery With CSS Scroll-Driven Animations (jhe)249
, , , ,
The Market for Lemons (sli)248
, ,
Multi-Threaded React App Using useWorker (nil)247
, , ,
How to Make a Zoom Effect Using CSS (css/ver)246
, ,
Typography Manual (mik)245
,
High Definition CSS Color Guide (arg/dev)244
, ,
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (jon)243
, ,
How to Build a Static Website (erc/san)242
,
Foundation: The Best Framework for Building Responsive Sites (get)241
The YAML Document From Hell—JavaScript Edition (phi)240
,
What Is Bootstrap: A Beginner’s Guide (ale/car)239
,
Advice for Engineers, From a Manager (pol)238
, , ,
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe)237
, ,
How the CSS “box-sizing” Property Works (bel)236
,
Pushing Interop Forward in 2023 (jon+/web)235
,
Why Is Making a Dark Mode Greyscale So Hard to Get Right? (dan)234
, , ,
Microsoft Edge and Interop 2023 (mse)233
, , , ,
Design for AI: What Should People Who Design AI Know? (hal/uxd)232
,
Understanding App Directory Architecture in Next.js (ati/sma)231
,
Hex Colors Aren’t Great at Anything Except Being Popular (chr)230
,
Announcing Interop 2023 (moz)229
,
Interop 2023 (boc)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
Screen Reader Quick Guide (axe)221
, ,
Gatsby Is Joining Netlify (kyl/gat)220
,
The Guide to Responsive Design in 2023 and Beyond (sha)219
,
Igalia and Interop 2023 (iga)218
, ,
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus)217
,
The Gotcha With Animating Custom Properties (bra/bra)216
, , ,
Caching Data in SvelteKit (ada/css)215
,
3 Notion Templates to Better Manage Your Design System (ven)214
, ,
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco)213
,
Speed for Who? (bel)212
, , ,
6 Approaches for Data Fetching in React (loc)211
,
Should You Start a Web Development YouTube Channel in 2023? (zor/css)210
, ,
External Links: In or Out (art/dig)209
, , ,
Typographic Hierarchy in Print, Web, and App Design (gly)208
, ,
New to the Web Platform in January (rac/dev)207
, , , , , , , ,
Invoking React Components From Your Ember Apps (raj)206
, ,
Understanding Color and Accessibility (kat)205
,
The Ultimate Guide to JavaScript Error Handling (cra/sit)204
, ,
CSS “color-mix()” (arg/dev)203
Using Local Storage in JavaScript and React (vin)202
, ,
Easy SVG Customization and Animation: A Practical Guide (cod/sma)201
, , ,
19 Must-Visit Sites for Product Design Inspiration (dan/uxd)200
,
Léonie Watson on Accessibility (tin+/inf)199
, ,
You’ve Got Options for Removing Event Listeners (mac)198
,
New WCAG 2.2 Features Rated (yat)197
, ,
An Introduction to MIME Types (pan/git)196
,
Is It a Bad Idea to Use “target="_blank"” for Links in an Email? (bad)195
, ,
HTML Input Types (mar)194
,
Accessible Hamburger Buttons Without JavaScript193
, ,
The Pros and Cons of Responsive Web Design in 2023 (web)192
10 GitHub Repositories You Should Know as a JavaScript Developer (gae)191
, , , ,
Git Commit Patterns (h33)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
, , , ,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)184
, , , ,
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra+/sit)183
, , ,
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)182
, , , ,
Use the Dialog Element (Reasonably) (sco)181
, ,
10 Web Development Trends in 2023 (rwi)180
, , , , , , ,
“scrollend”, a New JavaScript Event (arg/dev)179
,
Musing Upon an “[alt]” Text Badge on Images (chr)178
, ,
The Modern Way of Serving Images (kur)177
, ,
Animating CSS Grid (How-To and Examples) (mrd/css)176
, , ,
Release Notes for Safari Technology Preview 162 (jon/web)175
, , ,
Quick Tip: How to Manage Error Reporting in PHP (cla/sit)174
, , ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq)173
, ,
CSS Layers for CSS Resets (ela/app)172
,
A “nth-child” CSS Trick (kev)171
, ,
Introduction to Gulp.js: Beginner’s Guide (tot)170
, ,
CSS Wishlist 2023 (dav)169
,
Locking “body” Scroll for Modals on iOS (jfr)168
, ,
Copying Designs Doesn’t Work, and Here’s Why (pet/sma)167
,
A Simple Custom (ste)166
, , ,
Things to Do and Not to Do During a Wave of Tech Layoffs (cod)165
Creating a Custom Cursor Using CSS (css/ver)164
, , ,
Creating a Community That Values Accessibility (web)163
,
Visual Design Rules You Can Safely Follow Every Time (hob)162
Making Sense of TypeScript Using Set Theory (tho)161
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
, ,
Ship Small, Ship Fast (der)156
CSS Art Tutorial: Create a Cute Cartoon Creature (bat)155
, ,
3 Essential Design Trends, January 2023 (car/web)154
,
Be a Digital Ally: Further Exploration of WCAG 2.2 (kno)153
, ,
How to Review a Web Site (uxm)152
, , ,
Accessibility Tools and Resources for Designers (art/dig)151
, ,
Replace Create React App Recommendation With Vite (t3d/rea)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
, ,
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)74
, ,
Versioning Design Systems: Best Practices73
, ,
Why Not “document.write()”? (css)72
,
CSS “:empty” Isn’t Applicable on Form Fields (hel)71
, ,
Quick Tip: How to Filter Data With PHP (cla/sit)70
, ,
D̶e̶s̶i̶g̶n̶ Token Clusters (mil/uxd)69
2023 Design Trends From an Accessibility Perspective (acc)68
, ,
Faking Min Width on a Table Column (css)67
, , ,
Data-Driven Design Systems in Practice (pat)66
Data URLs and Pool in Your URL (wes)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
,
How to Build Great HTML Form Controls (aus/fre)35
, ,
Progressively-Enhanced Dark Mode (dar)34
,
Every Software Developer Should Write a Blog (nas)33
, ,
HTML With Superpowers: An Introduction to Web Components (dav)32
, , , ,
A Guide to Getting Data Visualization Right (bop/sma)31
,
Using “!important” in Cascade Layers (mat)30
,
Microfeatures I’d Like to See in More Languages (hil)29
When Stakeholders Bypass the Product Owner (reb/scr)28
, ,
Understanding Git Through Images27
Creating Tokens for Your Design System With ChatGPT Assistance (edw/uxd)26
, ,
What Does It Look Like for the Web to Lose? (chr)25
,
Use nvm and .nvmrc for a Better JavaScript Development (lif)24
, ,
JAWS, NVDA, and VoiceOver Braille Viewers (aar)23
, , , , , ,
CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” (bra/bra)22
, ,
5 Web Design Trends to Watch in 2023 (sit)21
,
7 Required Steps to Secure Your Iframes Security (onn/re)20
, , , , ,
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta/col)19
, , , , , ,
How to Increase Your Chances of Getting Interviews and Job Offers in Tech (and)18
, ,
Conditional API Responses for JavaScript vs. HTML Forms (aus)17
, , , ,
WAI–Adapt Explainer (see+/w3c)16
Quick Thoughts on Typeface and Font Accessibility (jon)15
, ,
Cloning Arrays and Objects in Vanilla JavaScript (cfe)14
, ,
Carry On Testing 2023 (ste/tpg)13
,