Frontend Dogma

“2023” Archive (7)

  1. Naming Components · · , ,
  2. The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (by) · · ,
  3. How to Learn Programming (by) · · , ,
  4. How to Highlight Required and Optional Form Fields (by) · · , , ,
  5. CSS! CSS! CSS! (by) · · ,
  6. Bottom Sheets: Definition and UX Guidelines (by/via) · · , , ,
  7. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (by) · · , , ,
  8. An Introduction to DevOps · · ,
  9. CSS Containers, What Do They Know? (by/via) · · , ,
  10. That’s Not How I Wrote CSS Three Years Ago (by/via) · · , ,
  11. Shining Light on the Shadow DOM (by/via) · · , ,
  12. Modern CSS for Dynamic Component-Based Architecture (by) · · , ,
  13. Liven Up Your Websites With Scroll-Driven Animations and View Transitions (by/via) · · , , , ,
  14. Internet Explorer: The 1st Browser to Support CSS (by+/via) · · , , , , , ,
  15. Design Under Constraints: Challenges, Opportunities, and Practical Strategies (by/via) · · ,
  16. Best Animation Libraries for React (by) · · , , ,
  17. Sticky Content: Focus in View (by/via) · · , , ,
  18. Why Doesn’t CSS Have Scope? (by/via) · · , ,
  19. The Universal Focus State (by) · · , ,
  20. The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (by/via) · · ,
  21. Style Recalculation Secrets They Don’t Want You to Know (by/via) · · , , ,
  22. State of the CSS Community (by/via) · · , ,
  23. No, “AI” Will Not Fix Accessibility (by) · · ,
  24. Must Know JavaScript API—IndexedDB API (by/via) · · , , ,
  25. Chrome DevTools Tips: Styles Pane and Elements Panel (by/via) · · , , , ,
  26. Testing Sites and Apps With Blind Users: A Cheat Sheet (by+/via) · · , , , , , ,
  27. Designing a Scalable Backend in Node.js (by/via) · · , ,
  28. Best Practices for Container Queries (by) · · , ,
  29. Before Your Next Frontend Pull Request, Use This Checklist (by+/via) · · , , , , , ,
  30. Are Simple Websites Better for Business? (via) · · ,
  31. 48 Laws, Rules, and Principles of Web Development (by) · · , ,
  32. Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (by/via) · · , , ,
  33. Assume the Position—a Labelling Story (by/via) · · , ,
  34. Accessible Rich Internet Applications (WAI–ARIA) 1.2 (via) · · , ,
  35. What’s New in CSS (by/via) · · , ,
  36. Tokens Are the Most Valuable Artifact a Design System Can Provide (by/via) · · ,
  37. The Ultimate Guide to Writing Technical Blog Posts (by) · · , ,
  38. Styling Scrollbars (by) · · ,
  39. RSC From Scratch: Server Components (by) · · , ,
  40. Reducing Complexity in Front End Development (by/via) · · , , ,
  41. Modern CSS in Real Life (by) · ·
  42. Be Careful With “ch” Units (by) · · ,
  43. Angular at Google I/O 2023 (by/via) · · , ,
  44. Accessibility and Artificial Intelligence (by) · · ,
  45. Is React Having An AngularJS Moment? (by/via) · · ,
  46. Primitive Objects in JavaScript: When to Use Them (via) · · ,
  47. One More Thing—Apple’s Push on Web Apps on macOS (by) · · ,
  48. An Introduction to Debugging in Node.js (by/via) · · , ,
  49. Accessibility Testing—Pay Attention to the Details (via) · · ,
  50. The Problem With Automatically Focusing the First Input and What to Do Instead (by) · · , , ,
  51. New Job? Negotiate as if Your Life Depends on It (by) · ·
  52. How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (by) · · , , , , ,
  53. Every Design Team Needs Writers (by/via) · · ,
  54. How We Created an Accessible, Scalable Color Palette · · , , , ,
  55. No Single Metric Captures Productivity (by) · · ,
  56. How Chrome Achieved High Scores on Three Browser Benchmarks (by/via) · · , , ,
  57. WCAG 2.2 Misses Mark on Defining Visible Focus (by) · · , , ,
  58. wasmati: You Should Write Your WebAssembly in TypeScript (by/via) · · , ,
  59. The Many Ways to Select the n-th Character From a String (by) · ·
  60. New CSS Color Spaces and Functions in All Major Engines (by/via) · · , , , ,
  61. How AI Can Make Software More Intuitive (by) · · ,
  62. Do Not Drop Sass for CSS · · , ,
  63. An Introduction to “@ scope” in CSS (by) · · , , ,
  64. Presentational Colors (by/via) · · ,
  65. Why We Should Stop Using JavaScript According to Douglas Crockford (by/via) · · ,
  66. Watch Transitions in Slow Motion in Chrome’s DevTools (by) · · , , , ,
  67. The Context Dilemma (by) · · ,
  68. Some Things I Learnt From Working on Big Frontend Codebases (by) · · ,
  69. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · ,
  70. Quick Tip: Shipping Resilient CSS Components (by/via) · · , , , ,
  71. Performance Is Not a Checklist (by) · · , ,
  72. Asynchronous JavaScript for Beginners (by+/via) · ·
  73. Announcing TypeScript 5.1 (by/via) · · ,
  74. Advanced Form Control Styling With “selectmenu” and Anchoring API (by/via) · · , ,
  75. Accessible Components: The Hamburger Menu · · , ,
  76. A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS · · , , , ,
  77. Linting Defensive and Logical CSS With Stylelint Plugins (by/via) · · , , , ,
  78. Watch Out for Layout Shifts With “ch” Units (by/via) · · , ,
  79. Token Operations (by) · ·
  80. security.txt Now Mandatory for Dutch Government Websites · · ,
  81. Release Notes for Safari Technology Preview 171 (by/via) · · , , ,
  82. Re-Evaluating “px” vs. “em” in Media Queries (by) · · , , ,
  83. New to the Web Platform in May (by/via) · · , , , , , , , ,
  84. Is There a Viable Animated GIF Alternative Yet or What? (by/via) · · ,
  85. How Blink Invalidates Styles When “:has()” [Is] in Use (by/via) · · , , , , ,
  86. Design Systems: A Curated List for Today’s UI/UX Designers (via) · · , , ,
  87. Accessibility Audits for All (by) · · , ,
  88. S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity (by) · · , , , , , ,
  89. What Is Personalization? (via) · · ,
  90. The Art of Code Review (by/via) · · , ,
  91. I Think I Finally “Get” JS Objects (by) · · ,
  92. Hands on With the Node.js Test Runner (by/via) · · ,
  93. Cracking the Theme Switcher and Dark Mode (by/via) · · , ,
  94. Announcing the Second Compute Pressure Origin Trial (by/via) · · , , ,
  95. An Introduction to JavaScript Proxies (by/via) · · ,
  96. 21 Awesome Web Features You’re Not Using Yet (by/via) · · , , ,
  97. The Double-Edged Sword of Design Systems (via) · · ,
  98. Simple Things Make Things Simple (by) · · ,
  99. Don’t Meddle With User Input (by) · · ,
  100. 10 Incident Management Best Practices (via) · · , ,
  101. Improving the Quality of the Software With Qodana and GitHub Actions (by) · · , , , , ,
  102. Sass-Like Nesting in Native CSS (by) · · , ,
  103. The Problem With Nested Fieldsets and How to Avoid Them (by) · · , , ,
  104. The Optimization Sinkhole (by) · · ,
  105. Mastering CSS Blend Modes (by) · · ,
  106. How Screen-Reader Users Type on and Control Mobile Devices (by/via) · · , , , , ,
  107. Understanding the Importance of Encoding (by) · ·
  108. WordPress Turns 20 (by/via) · ·
  109. Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (by) · · ,
  110. When to Use Plain Text or Images Instead of MathML (via) · · , ,
  111. Plain Old JavaScript and the DOM (by) · · ,
  112. We Need to Talk About How We Talk About Accessibility (by+/via) · · , ,
  113. Supper Club × Bramus Van Damme on CSS (by+/via) · · , ,
  114. How to Draw Any Regular Shape With Just One JavaScript Function (by/via) · · , ,
  115. Designing a Better Design Handoff File in Figma (by/via) · · , ,
  116. Brief Note on Popovers With Dialogs (by) · · , , , ,
  117. A Practical Overview on Architecture Decision Records (ADR) (by) · · , ,
  118. Two Things That Are Not Great About OKLCH (by) · · ,
  119. Seven Lessons From 7 Years Designing Systems (by) · · ,
  120. Levelling Up Accessibility Skills in Your Organisation (by+/via) · · ,
  121. “display: contents” Considered Harmful (by) · · ,
  122. Responsive CSS Layout Grids Without Media Queries (by/via) · · , , ,
  123. Single Line Comments in CSS (by) · · ,
  124. Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (by/via) · · , ,
  125. WebKit and web-platform-tests (by) · ·
  126. The Yellow Fade Technique With Modern CSS Using “@ starting-style” (by/via) · · , ,
  127. Register Custom Properties in CSS, Get and Update Them With JavaScript (by) · · ,
  128. Querying Parsed HTML in BigQuery (by) · ·
  129. Deploying AVIF for More Responsive Websites (by/via) · · , ,
  130. A Complete Guide to Using IndexedDB (via) · · , ,
  131. 11 HTML Best Practices for Login and Sign-Up Forms (by/via) · · , ,
  132. Two Simple Layouts That Work Better With Grid (by) · · , , ,
  133. File Upload Security and Malware Protection (by) · · , ,
  134. Introducing the Popover API (by/via) · · , , ,
  135. You Don’t Need a Modal Window (by) · · ,
  136. I Created 100+ Unique CSS Patterns (by) · · , ,
  137. Graph Slider (by) · ·
  138. Future of CSS: Popover API (by) · · , ,
  139. Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design (by/via) · · , ,
  140. Building a Modern Design System in Layers (by) · ·
  141. Stop Rewriting Your CSS! Use “:not()” Instead (by/via) · · , , ,
  142. Working With URLs With Vanilla JavaScript (by) · · ,
  143. Why We’re Bad at CSS (by) · ·
  144. Visual-Design Principles and UX Design Best Practices (via) · · , , ,
  145. Be Careful Using “Menu” (by) · · , , ,
  146. 10 Ways to Boost Your Landing Page Conversion Rates (via) · · , ,
  147. Beyond Design Systems for Interfaces: A Mega System of Design Systems · ·
  148. Building Offline-First Web Applications With Service Workers and IndexedDB (by) · · , , , , ,
  149. A Web Component Intro With Example · · , ,
  150. Server-Sent Events With Node.js (via) · · ,
  151. A Beginners Guide to Digital Accessibility (by) · · ,
  152. A New Approach to Measuring Developer Productivity (by) · · , ,
  153. Website Issues: On the Relevance of Audience Size and Impact (by) · · ,
  154. Using “linear()” for Better Animation (by) · · , ,
  155. Measuring Design System “Adoption” (by) · · ,
  156. How to Build Lean Efficient Websites in 2023 (by) · · , , ,
  157. Creating a Shine Effect on a Card With Tailwind CSS (by) · · ,
  158. Getting Started With View Transitions on Multi-Page Apps (by) · · , ,
  159. Write Better Code by Following These JavaScript Best Practices (by) · · ,
  160. What Devs Can Do on Global Accessibility Awareness Day (by) · · ,
  161. How to Create a Custom Range Slider Using CSS (by/via) · · , ,
  162. Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (by/via) · · , ,
  163. Accessible Numbers (by) · · ,
  164. 6 Tips for Improving Language Switchers on Ecommerce Sites (via) · · , , , ,
  165. Thinking on Ways to Solve Color Palettes (by/via) · · , , ,
  166. Release Notes for Safari Technology Preview 170 (by/via) · · , , ,
  167. Jekyll Tutorial: How to Create a Static Website (by/via) · · , ,
  168. ESLint Guide: How to Use It With Confidence (by/via) · · , , , ,
  169. A History of Metaphors for the Internet (by/via) · · , ,
  170. Why Your Design Language System Needs a Product Manager (via) · · ,
  171. Fieldsets, Legends, and Screen Readers Again (by/via) · · , , , , ,
  172. Why Is Web Accessibility Important? (by/via) · · ,
  173. Python Developers Survey 2022 Results (via) · · ,
  174. Vertical Rhythm Using CSS “lh” and “rlh” Units (by) · · ,
  175. State of Node.js Performance 2023 (by) · ·
  176. Semantics and the “popover” Attribute: What to Use When? (by) · · , , ,
  177. It’ll Soon Be (Too) Easy to Develop a Website in A Day (via) · · , , ,
  178. I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (by) · · ,
  179. GitHub Copilot and ChatGPT Alternatives (by) · · , ,
  180. Getting an Item an Array With a Negative Index With Modern JavaScript (by) · · ,
  181. Design Patterns Are a Better Way to Collaborate on Your Design System (by/via) · · , ,
  182. Conditional CSS With “:has” and “:nth-last-child” (by) · · ,
  183. Comparing Version Control Systems: Git, SVN, CVS, and More · · , , , ,
  184. Using HTML Landmark Roles to Improve Accessibility (by/via) · · ,
  185. Solving Media Object Float Issues With CSS Block Formatting Contexts (by/via) · · ,
  186. Let’s Share Our Salaries, Title, Location, XP · · ,
  187. HTML Landmark Roles Screen Reader Demo (by/via) · · , , , , ,
  188. How to Handle Production Support When Using Scrum (by/via) · · , , ,
  189. Get Full Type Support With Plain JavaScript (via) · ·
  190. CSS Art: Drawing a Coffee Stain (by) · · ,
  191. 10 Books to Improve Coding Skill in 2023 (by) · · , ,
  192. The Problem With Disabled Buttons and What to Do Instead (by) · · , ,
  193. Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (by/via) · · , , , , ,
  194. ES2023 Features (by) · ·
  195. Error Message Guidelines (by+/via) · · , , ,
  196. 7 Secret TypeScript Tricks Pros Use (by) · · ,
  197. Building a Frontend Framework—Reactivity and Composability With Zero Dependencies (by) · · , ,
  198. What Is “Fake Door” Testing in UX? (via) · · ,
  199. Respect Your Children (by/via) · · , ,
  200. Keeping Up With an Ever Changing Web (by/via) · · ,
  201. Building a Greener Web (by/via) · · , ,
  202. Add Opacity to an Existing Color (by) · · ,
  203. What’s New in CSS and UI: I/O 2023 Edition (by+/via) · · ,
  204. The JavaScript Ecosystem Is Delightfully Weird (by/via) · ·
  205. Regular Expressions in JavaScript (by/via) · · ,
  206. Introduction to Screen‐Readers: VoiceOver macOS Edition (by) · · , , , , ,
  207. Introduction to Screen‐Readers: NVDA Edition (by) · · , , , ,
  208. Introduction to Screen‐Readers: JAWS Edition (by) · · , , , ,
  209. Best Practices for All Developers (by) · ·
  210. An Introduction to the Bun JavaScript Runtime (by/via) · · , ,
  211. The Difference Between Agile and UX Is Not About Quantity vs. Quality (by/via) · · , , ,
  212. Introducing Baseline (by/via) · · , , ,
  213. Introducing INP to Core Web Vitals (via) · · , , ,
  214. Introducing Baseline: A Unified View of Stable Web Features (by/via) · · , , ,
  215. Why an Engineering Manager Should Not Review Code (by/via) · · ,
  216. What’s New in Web (by/via) · · , , ,
  217. What’s New in Web Animations (by/via) · · ,
  218. The 9 Most Effective Core Web Vitals Opportunities of 2023 (by/via) · · , ,
  219. Slow Design (via) · · ,
  220. Is Data Transfer the Best Proxy for Website Carbon Emissions? (by) · · ,
  221. How to Optimize Web Responsiveness With Interaction to Next Paint (by+/via) · · , , ,
  222. ES2023 Introduces New Array Copying Methods to JavaScript (by/via) · · , , ,
  223. Developer Tools That Shouldn’t Be Secrets (by/via) · · , ,
  224. Crafting a Modern Spotlight Effect With React and CSS (by) · · , ,
  225. Baseline Features You Can Use Today (by/via) · · , ,
  226. Advancing Interaction to Next Paint (by+/via) · · ,
  227. Rearrange/Animate CSS Grid Layouts With the View Transition API (by/via) · · , , , ,
  228. The Ongoing Defence of Frontend as a Full-Time Job (by) · ·
  229. See What’s New in Firefox [113.0] (via) · · , , ,
  230. Script Evaluation and Long Tasks (by/via) · · , ,
  231. Optimize Input Delay (by/via) · · , ,
  232. How to Handle Emojis in Node.js (by) · · , , ,
  233. How Large DOM Sizes Affect Interactivity, and What You Can Do About It (by/via) · · , , ,
  234. Find Slow Interactions in the Field (by/via) · · , ,
  235. Diagnose Slow Interactions in the Lab (by/via) · · ,
  236. Design Systems [Are] a Mindset Not a Library (by/via) · ·
  237. Client-Side Rendering of HTML and Interactivity (by/via) · · , ,
  238. An Introduction to Container Queries in CSS (by/via) · · , ,
  239. Proportional Design Systems With Proportio.app (by/via) · ·
  240. A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications (by/via) · · , , , , ,
  241. Speed Trap (by/via) · · , ,
  242. ShatGPT (by) · · ,
  243. Pay Attention to Web Performance Metrics to Improve the UX (by/via) · · , , , ,
  244. Improving Web-Site Conversion Rates Through Better UX Design (via) · · , , ,
  245. Dithering (by) · · ,
  246. A Complete Guide to Usability Testing (by/via) · · , ,
  247. The Problem With Sticky Menus and What to Do Instead (by) · · , ,
  248. How to Configure Path Aliases in Frontend Projects in the Native Way · · , , ,
  249. How Far Back in Time Can I Take My Website’s Design · · , , , ,
  250. Complete Guide on Playwright Visual Regression Testing (by/via) · · , , , ,