Frontend Dogma

“2023” Archive (7)

Entry (Sources) and Other Related TopicsDate#
Creating a Flexible Design Token Taxonomy for Intuit’s Design System1,287
,
Why UX Testing Is Critical to Your Web Site’s Success (uxm)1,286
,
Balancing Users’ Data Privacy and the User Experience (uxm)1,285
,
Radix UI Component With Next.js and Tailwind CSS1,284
, , , ,
Packaging and Selling a Node.js App1,283
Can Web Developers Be Held Liable?1,282
,
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)1,281
,
Button Types (ada)1,280
,
Balancing Users’ Needs and Business Goals in UX Design (uxm)1,279
,
How to Clean Up Your Local Repository With Git Commands (thi)1,278
, , ,
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)1,277
, ,
The New CSS (mat)1,276
, ,
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)1,275
,
It’s Time for Dimensional Thinking in Design (uxd)1,274
,
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples1,273
, , , ,
Git Concepts Everyone Should Know (fra)1,272
,
Create React UI Lib: Component Library Speedrun1,271
, , ,
Wolvic 1.4 Released (wol)1,270
, , ,
TypeScript 5.2’s New Keyword: “using” (mat)1,269
The Five Types of People Who Produce Inaccessible Code (eri)1,268
,
Standardising Design Tokens (oll)1,267
,
Scoping (mat)1,266
,
What’s UnAI-Able1,265
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers1,264
,
A Guide to Coding Standards to Improve Code Quality1,263
, , , ,
HTML Imports (w3c)1,262
How to Add a CSS Reveal Animation to Your Images (css)1,261
, , ,
What Are Deceptive Patterns?1,260
,
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)1,259
, , , , ,
The Next Phase of Eleventy: Return of the Side Project (zac)1,258
Django: A Security Improvement Coming to “format_html()” (ada)1,257
, ,
An Explosion in Software Engineers Using AI Coding Tools? (ger)1,256
, ,
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)1,255
, ,
End-to-End Tracing1,254
, ,
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)1,253
, , , ,
Using Color Wheel Combinations in Your Designs (web)1,252
,
Simplify Email Development With MJML: A Beginner’s Guide1,251
, ,
Puppeteer in Node.js: More Antipatterns to Avoid (app)1,250
, , , ,
npm Won’t Publish Packages Containing the Word “keygen”1,249
, ,
How (and Should?) We Stop the Infinite Scroll (uxd)1,248
,
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)1,247
, , ,
Cyclic Dependency Space Toggles (kiz)1,246
, ,
When and Why to Use a Click Test1,245
,
Nuxt in 100 Seconds (fir)1,244
, ,
Tuesday, June 20, 2023 Security Releases (raf/nod)1,243
, ,
The Gotchas of CSS Nesting (kil)1,242
,
Rebuilding a Comment Component With Modern CSS (sha)1,241
, ,
Blur Vignette Effect in CSS1,240
,
Positioning Anchored Popovers (hdv)1,239
, ,
Naming Components1,238
, ,
“margin-trim” as a Best Practice? (chr)1,237
Gatsby Headaches and How to Cure Them: I18N (mon/sma)1,236
,
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)1,235
, , ,
Bottom Sheets: Definition and UX Guidelines1,234
, , ,
How to Learn Programming1,233
, ,
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)1,232
,
How to Highlight Required and Optional Form Fields (ada)1,231
, , ,
CSS! CSS! CSS! (mat)1,230
,
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1,229
, , , ,
Best Animation Libraries for React1,228
, , ,
That’s Not How I Wrote CSS Three Years Ago (mat/css)1,227
, ,
Shining Light on the Shadow DOM (cas/css)1,226
, ,
Modern CSS for Dynamic Component-Based Architecture (5t3)1,225
, ,
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)1,224
, , , ,
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)1,223
, , , , , ,
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)1,222
,
CSS Containers, What Do They Know? (mia/css)1,221
, ,
An Introduction to DevOps1,220
,
Must Know JavaScript API—IndexedDB API1,219
, , ,
Sticky Content: Focus in View (tet)1,218
, , ,
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)1,217
,
Why Doesn’t CSS Have Scope? (hey/css)1,216
, ,
The Universal Focus State (eri)1,215
, ,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)1,214
, , ,
State of the CSS Community (una/css)1,213
, ,
No, “AI” Will Not Fix Accessibility (aar)1,212
,
Designing a Scalable Backend in Node.js (app)1,211
, ,
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)1,210
, , , ,
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)1,209
, , , , ,
Before Your Next Frontend Pull Request, Use This Checklist (evi)1,208
, , , , , ,
Best Practices for Container Queries (zel)1,207
, ,
Are Simple Websites Better for Business? (web)1,206
,
48 Laws, Rules, and Principles of Web Development (j9t)1,205
, ,
What’s New in CSS (jen)1,204
, ,
Reducing Complexity in Front End Development (mic)1,203
, , ,
Tokens Are the Most Valuable Artifact a Design System Can Provide1,202
,
Angular at Google I/O 2023 (ang)1,201
, ,
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)1,200
, , ,
RSC From Scratch: Server Components1,199
, ,
The Ultimate Guide to Writing Technical Blog Posts (bla)1,198
, ,
Styling Scrollbars (oll)1,197
,
Modern CSS in Real Life (chr)1,196
Be Careful With “ch” Units (cit)1,195
,
Assume the Position—a Labeling Story (llo/tpg)1,194
, , ,
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)1,193
, ,
Accessibility and Artificial Intelligence (joe)1,192
,
An Introduction to Debugging in Node.js (cra)1,191
, ,
Accessibility Testing—Pay Attention to the Details1,190
,
One More Thing—Apple’s Push on Web Apps on macOS1,189
,
Is React Having An AngularJS Moment?1,188
,
What Is Open Graph? How to Use It for Your WordPress Website?1,187
, , , ,
Primitive Objects in JavaScript: When to Use Them (sma)1,186
,
New Job? Negotiate as if Your Life Depends on It1,185
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance1,184
, , , , ,
test262.fyi1,183
, , , , ,
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)1,182
, , ,
How We Created an Accessible, Scalable Color Palette1,181
, , , ,
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)1,180
, , ,
How AI Can Make Software More Intuitive1,179
,
No Single Metric Captures Productivity1,178
,
wasmati: You Should Write Your WebAssembly in TypeScript1,177
, ,
Every Design Team Needs Writers (uxd)1,176
,
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)1,175
, , ,
The Many Ways to Select the n-th Character From a String (cod)1,174
,
New CSS Color Spaces and Functions in All Major Engines (rac/dev)1,173
, , , ,
Do Not Drop Sass for CSS1,172
, ,
An Introduction to “@ scope” in CSS (oll)1,171
, ,
Announcing TypeScript 5.11,170
,
The Context Dilemma1,169
,
Some Things I Learnt From Working on Big Frontend Codebases1,168
,
Quick Tip: Shipping Resilient CSS Components (5t3)1,167
, , , ,
Asynchronous JavaScript for Beginners1,166
,
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)1,165
,
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)1,164
, , , ,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1,163
,
Presentational Colors (luk/uxd)1,162
,
Performance Is Not a Checklist (tka)1,161
,
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)1,160
, ,
Accessible Components: The Hamburger Menu1,159
, ,
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS1,158
, , , ,
How to Add Custom Meta Boxes in WordPress Without a Plugin1,157
, ,
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)1,156
, , , , ,
Linting Defensive and Logical CSS With Stylelint Plugins (log)1,155
, , , ,
Watch Out for Layout Shifts With “ch” Units (pau/clo)1,154
, ,
Token Operations (don)1,153
security.txt Now Mandatory for Dutch Government Websites1,152
,
Release Notes for Safari Technology Preview 171 (jon/web)1,151
, , ,
Re-Evaluating “px” vs. “em” in Media Queries (kei)1,150
, , ,
New to the Web Platform in May (rac/dev)1,149
, , , , , , , ,
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)1,148
,
Design Systems: A Curated List for Today’s UI/UX Designers (sta)1,147
, , ,
Accessibility Audits for All (ada)1,146
, ,
Cracking the Theme Switcher and Dark Mode1,145
, ,
Hands on With the Node.js Test Runner (phi)1,144
,
21 Awesome Web Features You’re Not Using Yet (fir)1,143
, , ,
Announcing the Second Compute Pressure Origin Trial (dev)1,142
, , ,
What Is Personalization?1,141
,
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity1,140
, , , , , ,
An Introduction to JavaScript Proxies (cra)1,139
,
I Think I Finally “Get” JS Objects1,138
,
The Art of Code Review1,137
, ,
10 Incident Management Best Practices1,136
, ,
The Double-Edged Sword of Design Systems (uxd)1,135
,
Simple Things Make Things Simple (pjo)1,134
,
Don’t Meddle With User Input (tem)1,133
,
The Optimization Sinkhole1,132
,
Mastering CSS Blend Modes1,131
,
How Screen-Reader Users Type on and Control Mobile Devices1,130
, , ,
Improving the Quality of the Software With Qodana and GitHub Actions1,129
, , , , ,
The Problem With Nested Fieldsets and How to Avoid Them (ada)1,128
, , ,
Sass-Like Nesting in Native CSS (ami)1,127
, ,
WordPress Turns 20 (sar)1,126
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?1,125
,
When to Use Plain Text or Images Instead of MathML1,124
, ,
Understanding the Importance of Encoding1,123
Plain Old JavaScript and the DOM (dou)1,122
,
We Need to Talk About How We Talk About Accessibility1,121
, ,
A Practical Overview on Architecture Decision Records (ADR)1,120
, ,
Designing a Better Design Handoff File in Figma (sma)1,119
, ,
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)1,118
, ,
Supper Club × Bramus Van Damme on CSS (bra+)1,117
, ,
Brief Note on Popovers With Dialogs (aar)1,116
, , , ,
Levelling Up Accessibility Skills in Your Organisation (int)1,115
,
Seven Lessons From 7 Years Designing Systems1,114
,
Two Things That Are Not Great About OKLCH (chr)1,113
,
“display: contents” Considered Harmful (eri)1,112
,
Responsive CSS Layout Grids Without Media Queries (5t3)1,111
, , ,
Deploying AVIF for More Responsive Websites (dev)1,110
, ,
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)1,109
,
WebKit and web-platform-tests (ann)1,108
Single Line Comments in CSS (jim)1,107
,
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)1,106
,
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)1,105
, ,
Querying Parsed HTML in BigQuery (rvi)1,104
A Complete Guide to Using IndexedDB (log)1,103
, ,
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1,102
, ,
Graph Slider1,101
,
Future of CSS: Popover API1,100
, ,
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design1,099
, ,
You Don’t Need a Modal Window (dz4)1,098
,
Where to Put Your Types in Application Code (mat)1,097
Two Simple Layouts That Work Better With Grid (kev)1,096
, , ,
Introducing the Popover API (una/dev)1,095
, , ,
I Created 100+ Unique CSS Patterns (css)1,094
, ,
File Upload Security and Malware Protection (aus)1,093
, ,
Why We’re Bad at CSS (per)1,092
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)1,091
, , ,
Building a Modern Design System in Layers1,090
Working With URLs With Vanilla JavaScript (cfe)1,089
,
Visual-Design Principles and UX Design Best Practices (uxm)1,088
, , ,
Be Careful Using “Menu” (aar)1,087
, , ,
10 Ways to Boost Your Landing Page Conversion Rates (uxm)1,086
, ,
Building Offline-First Web Applications With Service Workers and IndexedDB1,085
, , , , ,
Beyond Design Systems for Interfaces: A Mega System of Design Systems1,084
A Web Component Intro With Example1,083
, ,
Server-Sent Events With Node.js1,082
,
A Beginners Guide to Digital Accessibility (fra)1,081
,
A New Approach to Measuring Developer Productivity1,080
, ,
Creating a Shine Effect on a Card With Tailwind CSS1,079
,
Website Issues: On the Relevance of Audience Size and Impact (j9t)1,078
,
Using “linear()” for Better Animation (oll)1,077
, ,
Measuring Design System “Adoption” (pjo)1,076
,
How to Build Lean Efficient Websites in 2023 (cfe)1,075
, , ,
How to Create a Custom Range Slider Using CSS (css)1,074
, , ,
What Devs Can Do on Global Accessibility Awareness Day1,073
,
Accessible Numbers1,072
,
Write Better Code by Following These JavaScript Best Practices1,071
,
Getting Started With View Transitions on Multi-Page Apps (dav)1,070
, , ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)1,069
, ,
ESLint Guide: How to Use It With Confidence1,068
, , , ,
6 Tips for Improving Language Switchers on Ecommerce Sites1,067
, , , , ,
A History of Metaphors for the Internet (ver)1,066
, ,
Jekyll Tutorial: How to Create a Static Website (kin)1,065
, ,
Thinking on Ways to Solve Color Palettes (arg/dev)1,064
, , ,
Release Notes for Safari Technology Preview 170 (jon/web)1,063
, , ,
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)1,062
, ,
Why Your Design Language System Needs a Product Manager1,061
,
It’ll Soon Be (Too) Easy to Develop a Website in A Day1,060
, , ,
Why Is Web Accessibility Important? (tpg)1,059
,
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)1,058
,
State of Node.js Performance 2023 (raf)1,057
Semantics and the “popover” Attribute: What to Use When? (hdv)1,056
, , , ,
Python Developers Survey 2022 Results (jet)1,055
,
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)1,054
,
GitHub Copilot and ChatGPT Alternatives (ger)1,053
, , , ,
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)1,052
,
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1,051
, , ,
Conditional CSS With “:has” and “:nth-last-child” (sha)1,050
,
Comparing Version Control Systems: Git, SVN, CVS, and More1,049
, , , ,
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)1,048
,
Get Full Type Support With Plain JavaScript1,047
How to Handle Production Support When Using Scrum1,046
, , ,
10 Books to Improve Coding Skill in 20231,045
, ,
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1,044
,
Let’s Share Our Salaries, Title, Location, XP1,043
,
HTML Landmark Roles Screen Reader Demo (sch/mdn)1,042
, , , , ,
CSS Art: Drawing a Coffee Stain (alv)1,041
,
7 Secret TypeScript Tricks Pros Use1,040
,
ES2023 Features1,039
The Problem With Disabled Buttons and What to Do Instead (ada)1,038
, ,