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 🇵🇸 Hide

Frontend Dogma

“2023” News Archive (7)

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