Frontend Dogma

“2023” Archive (7)

Entry (Sources) and Other Related TopicsDate#
The New CSS (mat)1262
, ,
How to Clean Up Your Local Repository With Git Commands (kas/thi)1261
, , ,
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples1260
, , , ,
It’s Time for Dimensional Thinking in Design (uxd)1259
,
Git Concepts Everyone Should Know (fra)1258
,
The Five Types of People Who Produce Inaccessible Code (eri)1257
,
Scoping (mat)1256
,
TypeScript 5.2’s New Keyword: “using” (mat)1255
Wolvic 1.4 Released (wol)1254
, , ,
Create React UI Lib: Component Library Speedrun (mis)1253
, , ,
Standardising Design Tokens (oll)1252
,
What’s UnAI-Able (csd/uxm)1251
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)1250
, ,
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers (dhr)1249
,
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra/bra)1248
, , , , ,
Django: A Security Improvement Coming to “format_html()” (ada)1247
, ,
HTML Imports (dgl+/w3c)1246
What Are Deceptive Patterns? (we)1245
,
How to Add a CSS Reveal Animation to Your Images (css/sit)1244
, , ,
An Explosion in Software Engineers Using AI Coding Tools? (ger)1243
, ,
A Guide to Coding Standards to Improve Code Quality (sur/doc)1242
, , , ,
The Next Phase of Eleventy: Return of the Side Project (zac)1241
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sri/sma)1240
, , , ,
Simplify Email Development With MJML: A Beginner’s Guide1239
, ,
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)1238
, , ,
npm Won’t Publish Packages Containing the Word “keygen”1237
, ,
How (and Should?) We Stop the Infinite Scroll (uxd)1236
,
Puppeteer in Node.js: More Antipatterns to Avoid (app)1235
, , , ,
Using Color Wheel Combinations in Your Designs (web)1234
,
Cyclic Dependency Space Toggles (kiz)1233
, ,
Rebuilding a Comment Component With Modern CSS (sha)1232
, ,
The Gotchas of CSS Nesting (kil)1231
,
Nuxt in 100 Seconds (jef/fir)1230
, ,
Tuesday, June 20, 2023 Security Releases (raf/nod)1229
, ,
When and Why to Use a Click Test (mea)1228
,
Positioning Anchored Popovers (hdv)1227
, ,
Blur Vignette Effect in CSS (art)1226
,
Naming Components1225
, ,
Gatsby Headaches and How to Cure Them: I18N (mon/sma)1224
,
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)1223
, , ,
“margin-trim” as a Best Practice? (chr)1222
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)1221
,
CSS! CSS! CSS! (mat)1220
,
How to Highlight Required and Optional Form Fields (ada)1219
, , ,
How to Learn Programming (asa)1218
, ,
Bottom Sheets: Definition and UX Guidelines (pag/nng)1217
, , ,
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (spo)1216
, , , ,
Modern CSS for Dynamic Component-Based Architecture (5t3)1215
, ,
That’s Not How I Wrote CSS Three Years Ago (mat/css)1214
, ,
Best Animation Libraries for React (sun)1213
, , ,
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)1212
, , , ,
An Introduction to DevOps1211
,
Shining Light on the Shadow DOM (cas/css)1210
, ,
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)1209
,
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)1208
, , , , , ,
CSS Containers, What Do They Know? (mia/css)1207
, ,
State of the CSS Community (una/css)1206
, ,
No, “AI” Will Not Fix Accessibility (aar)1205
,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)1204
, , ,
Must Know JavaScript API—IndexedDB API (chr/js)1203
, , ,
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim/web)1202
,
The Universal Focus State (eri)1201
, ,
Why Doesn’t CSS Have Scope? (hey/css)1200
, ,
Sticky Content: Focus in View (joe/tet)1199
, , ,
Testing Sites and Apps With Blind Users: A Cheat Sheet (she+/sma)1198
, , , , ,
Best Practices for Container Queries (zel)1197
, ,
Are Simple Websites Better for Business? (web)1196
,
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)1195
, , , ,
48 Laws, Rules, and Principles of Web Development (j9t)1194
, ,
Designing a Scalable Backend in Node.js (nat/app)1193
, ,
Before Your Next Frontend Pull Request, Use This Checklist (nin+/evi)1192
, , , , , ,
The Ultimate Guide to Writing Technical Blog Posts (bla)1191
, ,
Assume the Position—a Labeling Story (llo/tpg)1190
, , ,
Be Careful With “ch” Units (cit)1189
,
Angular at Google I/O 2023 (twe/ang)1188
, ,
Styling Scrollbars (oll)1187
,
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (jul/sma)1186
, , ,
Modern CSS in Real Life (chr)1185
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)1184
, ,
Accessibility and Artificial Intelligence (joe)1183
,
Tokens Are the Most Valuable Artifact a Design System Can Provide (ill/kna)1182
,
RSC From Scratch: Server Components (jes)1181
, ,
What’s New in CSS (jen/app)1180
, ,
Reducing Complexity in Front End Development (mic/css)1179
, , ,
Primitive Objects in JavaScript: When to Use Them (sma)1178
,
Accessibility Testing—Pay Attention to the Details (con)1177
,
An Introduction to Debugging in Node.js (cra/ope)1176
, ,
One More Thing—Apple’s Push on Web Apps on macOS (pur)1175
,
Is React Having An AngularJS Moment? (fra/mar)1174
,
test262.fyi (can)1173
, , , , ,
New Job? Negotiate as if Your Life Depends on It (med)1172
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)1171
, , ,
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (max)1170
, , , , ,
No Single Metric Captures Productivity (abi)1169
,
How We Created an Accessible, Scalable Color Palette1168
, , , ,
The Many Ways to Select the n-th Character From a String (cod)1167
Do Not Drop Sass for CSS1166
, ,
Every Design Team Needs Writers (nic/uxd)1165
,
An Introduction to “@ scope” in CSS (oll)1164
, ,
How Chrome Achieved High Scores on Three Browser Benchmarks (fra/dev)1163
, , ,
wasmati: You Should Write Your WebAssembly in TypeScript (mit/zks)1162
, ,
New CSS Color Spaces and Functions in All Major Engines (rac/dev)1161
, , , ,
How AI Can Make Software More Intuitive (amr)1160
,
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)1159
, , ,
Performance Is Not a Checklist (tka)1158
,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1157
,
Some Things I Learnt From Working on Big Frontend Codebases (nor)1156
,
Accessible Components: The Hamburger Menu1155
, ,
Announcing TypeScript 5.1 (dro/typ)1154
,
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)1153
, , , ,
Quick Tip: Shipping Resilient CSS Components (5t3/sit)1152
, , , ,
Why We Should Stop Using JavaScript According to Douglas Crockford (dou/hon)1151
,
Asynchronous JavaScript for Beginners (cod+/sem)1150
,
The Context Dilemma (zet)1149
,
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)1148
, ,
Presentational Colors (luk/uxd)1147
,
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS1146
, , , ,
Design Systems: A Curated List for Today’s UI/UX Designers (sta)1145
, , ,
How Blink Invalidates Styles When “:has()” [Is] in Use (byu/iga)1144
, , , , ,
Re-Evaluating “px” vs. “em” in Media Queries (kei)1143
, , ,
Watch Out for Layout Shifts With “ch” Units (pau/clo)1142
, ,
Token Operations (don)1141
security.txt Now Mandatory for Dutch Government Websites1140
,
New to the Web Platform in May (rac/dev)1139
, , , , , , , ,
Release Notes for Safari Technology Preview 171 (jon/web)1138
, , ,
Linting Defensive and Logical CSS With Stylelint Plugins (dan/log)1137
, , , ,
Accessibility Audits for All (ada)1136
, ,
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)1135
,
I Think I Finally “Get” JS Objects (tig)1134
,
21 Awesome Web Features You’re Not Using Yet (jef/fir)1133
, , ,
What Is Personalization? (mck)1132
,
Hands on With the Node.js Test Runner (phi/son)1131
,
An Introduction to JavaScript Proxies (cra/ope)1130
,
Announcing the Second Compute Pressure Origin Trial (ken/dev)1129
, , ,
Cracking the Theme Switcher and Dark Mode (ia/con)1128
, ,
The Art of Code Review (j47/doc)1127
, ,
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity (pio)1126
, , , , , ,
Simple Things Make Things Simple (pjo)1125
,
Don’t Meddle With User Input (tem)1124
,
10 Incident Management Best Practices (upt)1123
, ,
The Double-Edged Sword of Design Systems (uxd)1122
,
Mastering CSS Blend Modes (kod)1121
,
How Screen-Reader Users Type on and Control Mobile Devices (tbk/nng)1120
, , , ,
Sass-Like Nesting in Native CSS (ami)1119
, ,
Improving the Quality of the Software With Qodana and GitHub Actions (ar)1118
, , , , ,
The Optimization Sinkhole (ann)1117
,
The Problem With Nested Fieldsets and How to Avoid Them (ada)1116
, , ,
Plain Old JavaScript and the DOM (dou)1115
,
WordPress Turns 20 (sar/wpt)1114
Understanding the Importance of Encoding (dha)1113
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (eva)1112
,
When to Use Plain Text or Images Instead of MathML (acc)1111
, ,
Designing a Better Design Handoff File in Figma (hbs/sma)1110
, ,
Supper Club × Bramus Van Damme on CSS (bra+/syn)1109
, ,
How to Draw Any Regular Shape With Just One JavaScript Function (rum/mdn)1108
, ,
A Practical Overview on Architecture Decision Records (ADR) (cla)1107
, ,
We Need to Talk About How We Talk About Accessibility (gra+/uxp)1106
, ,
Brief Note on Popovers With Dialogs (aar)1105
, , , ,
Levelling Up Accessibility Skills in Your Organisation (sar+/int)1104
,
“display: contents” Considered Harmful (eri)1103
,
Seven Lessons From 7 Years Designing Systems (nes)1102
,
Two Things That Are Not Great About OKLCH (chr)1101
,
Querying Parsed HTML in BigQuery (rvi)1100
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)1099
, ,
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)1098
,
Responsive CSS Layout Grids Without Media Queries (5t3/sit)1097
, , ,
Deploying AVIF for More Responsive Websites (jhu/dev)1096
, ,
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1095
, ,
WebKit and web-platform-tests (ann)1094
Single Line Comments in CSS (jim)1093
,
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra/bra)1092
,
A Complete Guide to Using IndexedDB (log)1091
, ,
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design (art/dig)1090
, ,
Two Simple Layouts That Work Better With Grid (kev)1089
, , ,
Where to Put Your Types in Application Code (mat)1088
Graph Slider (rau)1087
File Upload Security and Malware Protection (aus)1086
, ,
Future of CSS: Popover API (lin)1085
, ,
I Created 100+ Unique CSS Patterns (css)1084
, ,
You Don’t Need a Modal Window (dz4)1083
,
Introducing the Popover API (una/dev)1082
, , ,
Be Careful Using “Menu” (aar)1081
, , ,
Building a Modern Design System in Layers (dal)1080
Why We’re Bad at CSS (per)1079
Visual-Design Principles and UX Design Best Practices (uxm)1078
, , ,
Working With URLs With Vanilla JavaScript (cfe)1077
,
10 Ways to Boost Your Landing Page Conversion Rates (uxm)1076
, ,
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)1075
, , ,
A Web Component Intro With Example1074
, ,
Building Offline-First Web Applications With Service Workers and IndexedDB (tec)1073
, , , , ,
Beyond Design Systems for Interfaces: A Mega System of Design Systems1072
Server-Sent Events With Node.js (end)1071
,
A Beginners Guide to Digital Accessibility (fra)1070
,
A New Approach to Measuring Developer Productivity (abi)1069
, ,
Website Issues: On the Relevance of Audience Size and Impact (j9t)1068
,
Measuring Design System “Adoption” (pjo)1067
,
Creating a Shine Effect on a Card With Tailwind CSS (ibe)1066
,
Using “linear()” for Better Animation (oll)1065
, ,
How to Build Lean Efficient Websites in 2023 (cfe)1064
, , ,
Write Better Code by Following These JavaScript Best Practices (daw)1063
,
Accessible Numbers (lau)1062
,
What Devs Can Do on Global Accessibility Awareness Day (ste)1061
,
How to Create a Custom Range Slider Using CSS (css/sit)1060
, ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)1059
, ,
Getting Started With View Transitions on Multi-Page Apps (dav)1058
, , ,
A History of Metaphors for the Internet (jos/ver)1057
, ,
Thinking on Ways to Solve Color Palettes (arg/dev)1056
, , ,
ESLint Guide: How to Use It With Confidence (mar/z1d)1055
, , , ,
Jekyll Tutorial: How to Create a Static Website (ola/kin)1054
, ,
Release Notes for Safari Technology Preview 170 (jon/web)1053
, , ,
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)1052
, , , , ,
GitHub Copilot and ChatGPT Alternatives (ger)1051
, ,
Python Developers Survey 2022 Results (jet)1050
,
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)1049
,
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)1048
,
Why Is Web Accessibility Important? (ant/tpg)1047
,
Semantics and the “popover” Attribute: What to Use When? (hdv)1046
, , , ,
Comparing Version Control Systems: Git, SVN, CVS, and More1045
, , , ,
Conditional CSS With “:has” and “:nth-last-child” (sha)1044
,
Why Your Design Language System Needs a Product Manager (get)1043
,
Design Patterns Are a Better Way to Collaborate on Your Design System (ben/sma)1042
, ,
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1041
, , , ,
It’ll Soon Be (Too) Easy to Develop a Website in A Day (tra)1040
, , ,
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)1039
,
State of Node.js Performance 2023 (raf)1038
How to Handle Production Support When Using Scrum (reb/scr)1037
, , ,
Get Full Type Support With Plain JavaScript (pau)1036
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1035
,
HTML Landmark Roles Screen Reader Demo (sch/mdn)1034
, , , ,
Solving Media Object Float Issues With CSS Block Formatting Contexts (the/sma)1033
,
10 Books to Improve Coding Skill in 2023 (jav)1032
, ,
CSS Art: Drawing a Coffee Stain (alv)1031
,
Let’s Share Our Salaries, Title, Location, XP1030
,
Error Message Guidelines (tne+/nng)1029
, , ,
7 Secret TypeScript Tricks Pros Use (tap)1028
,
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim/web)1027
, , , ,
ES2023 Features (gnu)1026
The Problem With Disabled Buttons and What to Do Instead (ada)1025
, ,
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies (18a)1024
, ,
Keeping Up With an Ever Changing Web (joh/web)1023
,
Respect Your Children (ste/tpg)1022
, ,
Add Opacity to an Existing Color (chr)1021
,
Building a Greener Web (mic/hey)1020
, ,
What Is “Fake Door” Testing in UX? (uxd)1019
,
Introduction to Screen‐Readers: VoiceOver macOS Edition (ada)1018
, , , ,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia/sho)1017
, ,
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)1016
,
Introduction to Screen‐Readers: NVDA Edition (ada)1015
, , ,
Introduction to Screen‐Readers: JAWS Edition (ada)1014
, , ,
Regular Expressions in JavaScript (olo/hon)1013
,