Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, cut all ties. Hide

Frontend Dogma

“2023” News Archive (7)

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