Frontend Dogma

“2023” Archive (6)

  1. The Importance of Verifying Webhook Signatures · · ,
  2. Introduction to MySQL Data Types · · , ,
  3. Combat Accessibility Decay: How to Maintain Ongoing Accessibility · · , ,
  4. Solved: Tricky Floating Image Alignment · · , ,
  5. How to Build Things People Want to Use · · ,
  6. Form and Search Landmarks · · , , , , ,
  7. JavaScript Console Methods: A Deep Dive · · , ,
  8. Release Notes for Safari Technology Preview 173 · · , , ,
  9. Feature Flags Configuration, Instrumentation, and Use · · , , ,
  10. How to Use CSS “background-size” and “background-position” · · , ,
  11. Why You Must Commit to Grounding Every DEI-Related Effort With Data · · , , ,
  12. Web and App ADA Lawsuits: 6 Trends So Far in 2023 · · , ,
  13. Getting Started With Native Design Tokens in Figma · · , ,
  14. 4 Ways to Improve Mobile Accessibility · · ,
  15. Position-Driven Styles · · ,
  16. Popular DevTools Tips · · , ,
  17. Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams · · , , ,
  18. Amplify Design Values Through Building Design System · · ,
  19. What’s Next for JavaScript: New Features to Look Forward To ·
  20. Demystifying JavaScript Operators: What Does That Symbol Mean? · · ,
  21. Building Sliding Cards With “position: sticky;” ·
  22. The Massive Bug at the Heart of the npm Ecosystem · · , ,
  23. Qwik Introduction—a Framework That Goes Fast · · , ,
  24. What’s Your Type? Try These Tests to Pick the Perfect Font for You · · , ,
  25. Tips for Upgrading Your Techstack for Faster Frontend Development · · , , , ,
  26. Top Tips from a Web Accessibility Evaluator at WebAIM · · , ,
  27. Live Regions in React · · , , ,
  28. Learn How to Use Hue in CSS Colors With HSL · · , ,
  29. What Does the Image “decoding” Attribute Actually Do? · · , ,
  30. AI Is Killing the Old Web, and the New Web Struggles to Be Born · · ,
  31. Transition Between Pages Smoothly With a Single Line of Code · · ,
  32. Going Beyond Constants With Custom Properties · · ,
  33. Mapping Typography · · , ,
  34. Faking a “:snapped” Selector With Scroll-Driven Animations · · , , ,
  35. A Beginner’s Guide to Laravel: Introduction and Key Features · · , ,
  36. Mixing Colors With CSS · · ,
  37. An Introduction to Parser Combinators · · ,
  38. WebSockets 101 · · , ,
  39. XML Is the Future · · ,
  40. All You Need to Know About CORS and CORS Errors · · , ,
  41. Debugging INP · · , , ,
  42. Understanding Authorization Before Authentication: Enhancing Web API Security · · , , , ,
  43. Converting [a] JavaScript Codebase to TypeScript · · , , ,
  44. Choosing a Color Palette · · , , ,
  45. Using BEM for Design System Tokens · · , ,
  46. An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript · · , , ,
  47. Text Wrap Pretty Is Coming to CSS · · ,
  48. Introducing the MDN Playground: Bring Your Code to Life · · , ,
  49. The Unlikely Story of UTF-8: The Text Encoding of the Web · · ,
  50. Component Driven User Interface Testing (CDUIT) · · ,
  51. Future CSS: State Container Queries · · ,
  52. The Cost of JavaScript 2023 · · , ,
  53. Announcing Svelte 4 · · ,
  54. The 5 Pillars of Every HTTP Request ·
  55. CSS in Micro Frontends · · ,
  56. Too Much JavaScript? Why the Frontend Needs to Build Better · · , ,
  57. Cascade Layers Are Useless * · · ,
  58. Using Multiple Selectors With JavaScript Selector Methods · · ,
  59. How Designers Can Beat AI at Design · · ,
  60. Designing for Inclusion · · , ,
  61. Design Systems Directory · · ,
  62. WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted · · , , ,
  63. What Exactly Is [the] “:root” Pseudo-Element in CSS? · · , ,
  64. Continuous Accessibility · · , ,
  65. Style Your RSS Feed · · ,
  66. Authentication vs. Authorization · · , ,
  67. Making Your Design Tokens Future-Proof ·
  68. Thoughts from “Meet Safari for Spatial Computing” · · , , ,
  69. Creating a Flexible Design Token Taxonomy for Intuit’s Design System · · ,
  70. Three Key Principles for an Accessible Website · · ,
  71. W3C Launch Their New Website ·
  72. State of CSS 2023 · · ,
  73. Button Types · · ,
  74. Gatsby Headaches and How to Cure Them: I18N II · · ,
  75. Why UX Testing Is Critical to Your Web Site’s Success · · ,
  76. Packaging and Selling a Node.js App ·
  77. Balancing Users’ Needs and Business Goals in UX Design · · ,
  78. Can Web Developers Be Held Liable? · · ,
  79. Balancing Users’ Data Privacy and the User Experience · · ,
  80. How to Clean Up Your Local Repository With Git Commands · · , , ,
  81. The Problem With Sticky Menus That Appear on Scroll and What to Do Instead · · , ,
  82. The New CSS · · , ,
  83. Import Maps to Natively Import JavaScript Modules Using Bare Names ·
  84. IndexedDB Tutorial for Beginners: A Comprehensive Guide with Coding Examples · · , , , ,
  85. It’s Time for Dimensional Thinking in Design · · ,
  86. Scoping · · ,
  87. Create React UI Lib: Component Library Speedrun · · , , ,
  88. Standardising Design Tokens · · ,
  89. The Five Types of People Who Produce Inaccessible Code · · ,
  90. TypeScript 5.2’s New Keyword: “using” ·
  91. Top 10 Things You Should Add While Coding: Valuable Tips for Programmers · · ,
  92. How to Add a CSS Reveal Animation to Your Images · · , , ,
  93. A Guide to Coding Standards to Improve Code Quality · · , , , ,
  94. An Explosion in Software Engineers Using AI Coding Tools? · · , ,
  95. What Are Deceptive Patterns? · · ,
  96. What’s UnAI-Able ·
  97. The Next Phase of Eleventy: Return of the Side Project ·
  98. 6 Quick Tests You Can Do to Test Your Forms for Accessibility · · , ,
  99. Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions · · , , , , ,
  100. Design vs. Accessibility and the CSS “visually-hidden” Class · · , , ,
  101. Puppeteer in Node.js: More Antipatterns to Avoid · · , , , ,
  102. How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit · · , , , ,
  103. npm Won’t Publish Packages Containing the Word “keygen” · · , ,
  104. How (and Should?) We Stop the Infinite Scroll · · ,
  105. Cyclic Dependency Space Toggles · · ,
  106. Using Color Wheel Combinations in Your Designs · · ,
  107. Tuesday June 20 2023 Security Releases · · , ,
  108. Nuxt in 100 Seconds · · , ,
  109. When and Why to Use a Click Test · · ,
  110. The Gotchas of CSS Nesting · · ,
  111. Rebuilding a Comment Component With Modern CSS · · , ,
  112. “margin-trim” as a Best Practice? ·
  113. Naming Components · · , ,
  114. Blur Vignette Effect in CSS · · ,
  115. Gatsby Headaches and How to Cure Them: I18N · · ,
  116. Positioning Anchored Popovers · · ,
  117. Chrome for Testing: Reliable Downloads for Browser Automation · · , , ,
  118. Bottom Sheets: Definition and UX Guidelines · · , , ,
  119. How to Highlight Required and Optional Form Fields · · , , ,
  120. The Continuing Tragedy of CSS: Thoughts from CSS Day 2023 · · ,
  121. CSS! CSS! CSS! · · ,
  122. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now · · , , ,
  123. Internet Explorer: The 1st Browser to Support CSS · · , , , , , ,
  124. CSS Containers, What Do They Know? · · , ,
  125. Best Animation Libraries for React · · , , ,
  126. Liven Up Your Websites With Scroll-Driven Animations and View Transitions · · , , , ,
  127. Shining Light on the Shadow DOM · · , ,
  128. That’s Not How I Wrote CSS Three Years Ago · · , ,
  129. Modern CSS for Dynamic Component-Based Architecture · · , ,
  130. Design Under Constraints: Challenges, Opportunities, and Practical Strategies · · ,
  131. Must Know JavaScript API—IndexedDB API · · , , ,
  132. Why Doesn’t CSS Have Scope? · · , ,
  133. The Universal Focus State · · , ,
  134. Style Recalculation Secrets They Don’t Want You to Know · · , , ,
  135. No, “AI” Will Not Fix Accessibility · · ,
  136. The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures · · ,
  137. Sticky Content: Focus in View · · , , ,
  138. State of the CSS Community · · , ,
  139. Testing Sites and Apps With Blind Users: A Cheat Sheet · · , , , , , ,
  140. Best Practices for Container Queries · · , ,
  141. Before Your Next Frontend Pull Request, Use This Checklist · · , , , , , ,
  142. Designing a Scalable Backend in Node.js · · , ,
  143. Chrome DevTools Tips: Styles Pane and Elements Panel · · , , , ,
  144. 48 Laws, Rules, and Principles of Web Development · · , ,
  145. Are Simple Websites Better for Business? · · ,
  146. Accessible Rich Internet Applications (WAI-ARIA) 1.2 · · , ,
  147. Accessibility and Artificial Intelligence · · ,
  148. The Ultimate Guide to Writing Technical Blog Posts · · , ,
  149. Angular at Google I/O 2023 · · , ,
  150. Tokens Are the Most Valuable Artifact a Design System Can Provide · · ,
  151. What’s New in CSS · · , ,
  152. RSC from Scratch: Server Components · · , ,
  153. Styling Scrollbars · · ,
  154. Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids · · ,
  155. Reducing Complexity in Front End Development · · , , ,
  156. Modern CSS in Real Life ·
  157. Be Careful With “ch” Units · · ,
  158. Assume the Position—a Labelling Story · · , ,
  159. One More Thing—Apple’s Push on Web Apps on macOS · · ,
  160. Is React Having An Angular.js Moment? · · ,
  161. Primitive Objects in JavaScript: When to Use Them · · ,
  162. An Introduction to Debugging in Node.js · · , ,
  163. Accessibility Testing—Pay Attention to the Details · · ,
  164. How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance · · , , , , ,
  165. New Job? Negotiate as If Your Life Depends on It ·
  166. The Problem With Automatically Focusing the First Input and What to Do Instead · · , , ,
  167. How We Created an Accessible, Scalable Color Palette · · , , , ,
  168. New CSS Color Spaces and Functions in All Major Engines · · , , , ,
  169. An Introduction to “@ scope” in CSS · · , ,
  170. Do Not Drop Sass for CSS · · , ,
  171. How AI Can Make Software More Intuitive · · ,
  172. The Many Ways to Select the n-th Character from a String ·
  173. WCAG 2.2 Misses Mark on Defining Visible Focus · · , , ,
  174. How Chrome Achieved High Scores on Three Browser Benchmarks · · , , ,
  175. Every Design Team Needs Writers · · ,
  176. wasmati: You Should Write Your WebAssembly in TypeScript · · , ,
  177. No Single Metric Captures Productivity · · ,
  178. Quick Tip: Shipping Resilient CSS Components · · , , ,
  179. Advanced Form Control Styling With “selectmenu” and Anchoring API · · , ,
  180. Some Things I Learnt from Working on Big Frontend Codebases ·
  181. A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS · · , , , ,
  182. Presentational Colors · · ,
  183. Performance Is Not a Checklist · · , ,
  184. Why We Should Stop Using JavaScript According to Douglas Crockford · · ,
  185. Semantic Code in HTML: What Is It and Does It Still Matter? · · ,
  186. Accessible Components: The Hamburger Menu · · , ,
  187. The Context Dilemma · · ,
  188. Watch Transitions in Slow Motion in Chrome’s DevTools · · , , , ,
  189. Asynchronous JavaScript for Beginners ·
  190. Announcing TypeScript 5.1 · · ,
  191. Release Notes for Safari Technology Preview 171 · · , , ,
  192. How Blink Invalidates Styles When “:has()” [Is] in Use · · , , ,
  193. Linting Defensive and Logical CSS With Stylelint Plugins · · , , , ,
  194. Watch Out for Layout Shifts With “ch” Units · · , ,
  195. Is There a Viable Animated GIF Alternative Yet or What? · · ,
  196. New to the Web Platform in May · · , , , , , , , ,
  197. Token Operations ·
  198. Re-Evaluating “px” vs. “em” in Media Queries · · , , ,
  199. security.txt Now Mandatory for Dutch Government Websites · · ,
  200. Accessibility Audits for All · · , ,
  201. Design Systems: A Curated List for Today’s UI/UX Designers · · , , ,
  202. What Is Personalization? · · ,
  203. I Think I Finally “Get” JS Objects · · ,
  204. The Art of Code Review · · , ,
  205. Hands on With the Node.js Test Runner · · ,
  206. An Introduction to JavaScript Proxies · · ,
  207. Cracking the Theme Switcher and Dark Mode · · , ,
  208. 21 Awesome Web Features You’re Not Using Yet · · , , ,
  209. Announcing the Second Compute Pressure Origin Trial · · , , ,
  210. 10 Incident Management Best Practices · · , ,
  211. Don’t Meddle With User Input · · ,
  212. The Double-Edged Sword of Design Systems · · ,
  213. The Problem With Nested Fieldsets and How to Avoid Them · · , , ,
  214. How Screen-Reader Users Type on and Control Mobile Devices · · , , , , ,
  215. The Optimization Sinkhole · · ,
  216. Mastering CSS Blend Modes · · ,
  217. Sass-Like Nesting in Native CSS · · , , ,
  218. Understanding the Importance of Encoding ·
  219. When to Use Plain Text or Images Instead of MathML · · , ,
  220. WordPress Turns 20 ·
  221. Plain Old JavaScript and the DOM · · ,
  222. Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? · · ,
  223. Brief Note on Popovers With Dialogs · · , , , ,
  224. A Practical Overview on Architecture Decision Records (ADR) · · , ,
  225. How to Draw Any Regular Shape With Just One JavaScript Function · · , ,
  226. Supper Club × Bramus Van Damme on CSS · · , ,
  227. Designing a Better Design Handoff File in Figma · · , ,
  228. We Need to Talk About How We Talk About Accessibility · · , ,
  229. Seven Lessons from 7 Years Designing Systems · · ,
  230. Two Things That Are Not Great About OKLCH · · ,
  231. Levelling Up Accessibility Skills in Your Organisation · · ,
  232. “display: contents” Considered Harmful · · ,
  233. A Complete Guide to Using IndexedDB · · , ,
  234. 11 HTML Best Practices for Login and Sign-Up Forms · · , ,
  235. Register Custom Properties in CSS, Get and Update Them With JavaScript · · ,
  236. Single Line Comments in CSS · · ,
  237. Querying Parsed HTML in BigQuery ·
  238. Responsive CSS Layout Grids Without Media Queries · · , ,
  239. Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) · · ,
  240. The Yellow Fade Technique With Modern CSS Using “@ starting-style” · · ,
  241. Deploying AVIF for More Responsive Websites · · , ,
  242. File Upload Security and Malware Protection · · , ,
  243. Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design · · , ,
  244. I Created 100+ Unique CSS Patterns · · , ,
  245. Future of CSS: Popover API · · , ,
  246. You Don’t Need a Modal Window · · ,
  247. Two Simple Layouts That Work Better With Grid · · , ,
  248. Graph Slider ·
  249. Introducing the “popover” API · · , ,
  250. Visual-Design Principles and UX Design Best Practices · · , , ,