Frontend Dogma

News and Tools for Frontend Development (14)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

  1. How to Build, Test, and Publish a TypeScript npm Package in 2022 · · , ,
  2. How to Create Advanced Animations With CSS · · , ,
  3. All Designers Start as Copycats (and That’s OK) · · ,
  4. Motion Controls in the Browser · · , ,
  5. Practical CSS Guide for Busy Developers · · ,
  6. React Concurrency, Explained · · , ,
  7. Using HSL Colors in CSS · · ,
  8. What Is a Realm in JavaScript? · ·
  9. Why You Should Never Use “px” to Set “font-size” in CSS · · ,
  10. How Flaky Tests Impact Developers · · ,
  11. How to Communicate Effectively as a Developer · · , , ,
  12. Type-Safe TypeScript With Type Narrowing · · ,
  13. CSS Runtime Performance · · , ,
  14. Getting WCAG Color Contrast Right · · , , ,
  15. Masked Gradient Dashed Lines · · , ,
  16. Accessibility Beyond the “Obvious” · ·
  17. Design Principles for the Web · · , ,
  18. Typographic Hierarchies · · ,
  19. Web Accessibility: ARIA 101 · · , ,
  20. A Beginner’s Guide to Chrome Tracing · · , , , ,
  21. Code Coverage With Storybook Test Runner · · , ,
  22. The Math Behind Nesting Rounded Corners · · , ,
  23. Guide to the Best JavaScript Books for Beginners · · , , ,
  24. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance · · , ,
  25. Performance · · , ,
  26. Structured Data · · , ,
  27. CSS Animated Grid Layouts · · , ,
  28. Animated Border Gradient · · , , , ,
  29. Building a Tooltip Component · · , ,
  30. OKLCH in CSS: Why We Moved from RGB and HSL · · , ,
  31. Detect System Theme Preference Change Using JavaScript · · ,
  32. Do You Really Understand CSS Radial Gradients? · · ,
  33. Don’t Be Afraid of Reverting Code in Git · ·
  34. Is There Too Much CSS Now? · ·
  35. What? How? Why? “@ layer” · · ,
  36. Disruptive Design Patterns—an Uncharted Territory · ·
  37. Evolution of Manuals: UX Inspiration from History · · , ,
  38. How We Improved React Loading Times by 70% With Next.js · · , , ,
  39. Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning · · ,
  40. Twitter Reminds Us About Alt Text, but How Good Are We at It? · · , , ,
  41. Things Strong Developers Do That Drive Their Team Crazy · · ,
  42. Javascript Shallow Copy—What Is a Shallow Copy? · ·
  43. New Git Guidelines: We Have Switched to Conventional Commits · · , ,
  44. 53 UX Statistics to Know for 2023 · · ,
  45. Let’s Talk About Web Components · ·
  46. How to Set Up the New Google Auth in a React and Express App · · , , , ,
  47. CSS Is Awesome · · ,
  48. Responsive Animations for Every Screen Size and Device · · , ,
  49. Usable, Useful, and Valuable · · , , ,
  50. Which Serverless Edge Platform Has the Fastest Git Deployments? · · , , , ,
  51. Why I Never Understood CSS-in-JS · · , ,
  52. A Dashing Navbar Solution · ·
  53. Ethical Design Is a Risk Management Strategy · · , ,
  54. SEO and Accessibility Are Symbiotic · · ,
  55. Digital Accessibility—Ask Me Anything · · ,
  56. GitHub Copilot Investigation · · , , ,
  57. Redo Websites Less Often (to Become a Better Developer) · · ,
  58. State of CSS Frameworks · · , ,
  59. The True Type in PHP 8.2 · ·
  60. What If the Team Hates My Functional Code? · ·
  61. Why We Need CSS Speech · · ,
  62. How to Build the Foundation for Digital Accessibility · · , , ,
  63. Highly Customizable Background Gradients · · , ,
  64. I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack · · , , ,
  65. Applying the 8 Golden Rules of User-Interface Design · · , ,
  66. CSS Specificity for Beginners · · ,
  67. Edit Someone Else’s Website: “contenteditable” and “designMode” · ·
  68. Hands-On Guide to Color Fonts and “@ font-palette-values” · · , , ,
  69. The Proprietary Syndication Formats · ·
  70. Designing for Users With Disabilities: 10 Factors to Consider · · , ,
  71. Forging Successful Partnerships With Software Developers · · ,
  72. Common ARIA Mistakes and How to Avoid Them · · , , ,
  73. Google on Alt Text SEO and Accessibility · · , , , ,
  74. Secure JavaScript URL Validation · · , , ,
  75. Next.js Crash Course · · ,
  76. The Wasted Potential of CSS Attribute Selectors · · , ,
  77. Why We’re Breaking Up With CSS-in-JS · · , ,
  78. Don’t Be Arrogantly Ignorant: Don’t Flame · · ,
  79. Moving from React to htmx · · , ,
  80. How to Rebase Stacked Git Branches · · ,
  81. Accessibility Checkers—a Good Start, Not a Solution · · , ,
  82. Design for Them Not for You · · , ,
  83. New Brutalism and Web Accessibility: What You Need to Know · · ,
  84. Scoop: Meta Ending Support for Instant Articles · · ,
  85. Container Queries: Style Queries · · ,
  86. Microfrontends: Microservices for the Frontend · · ,
  87. CDN · · , , ,
  88. Intro to Why Accessibility Is Important for Good SEO · · , ,
  89. Two JavaScripts · ·
  90. What I Learned About SVG Accessibility (Among Other Things) from NBC News’ Senate “What If” Project · · ,
  91. Upgrading Colors to HD on the Web · · ,
  92. A Pure CSS Gallery Focus Effect With “:not” · · ,
  93. Augmenting Node.js With WebAssembly · · , ,
  94. Some Things I Took Away from an Event Apart 2022 in Denver · · , ,
  95. Representation in “alt” Text · · , ,
  96. Speeding Up Async Snippets · · ,
  97. The Web’s Next Transition · ·
  98. Create a Passkey for Passwordless Logins · · , ,
  99. Early Days of Container Style Queries · · ,
  100. How to Animate CSS Box Shadows and Optimize Performance · · , , , ,
  101. Design Specifications Template · · ,
  102. The Border Property You Never Knew You Needed · · ,
  103. Tree Views in CSS · ·
  104. Sustainable Web Development Strategies Within an Organization · · , ,
  105. Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More · · , , ,
  106. Quick Tip: How to Use the Ternary Operator in JavaScript · · , , ,
  107. Challenges of Multi-Brand Design Systems · · , ,
  108. HTML 2022: 20 Additional Observations from Analyzing the Web Almanac Data · · ,
  109. SVG Sprites: Old-School, Modern, Unknown, and Forgotten · · ,
  110. When New CSS Features Collide: Possibility and Complexity at the Intersections · · , , ,
  111. Delightful UI Animations With Shared Element Transitions API II · · , , ,
  112. Landing the Second Click: A Guide to Designing Better Landing Pages · · , , ,
  113. WCAG 2.2 Success Criteria · · ,
  114. :where :is CSS? · · ,
  115. How to Write Good Alt Text · · , , ,
  116. New Patterns for Amazing Apps · ·
  117. A Little Semantic HTML Trick for React Components · · , , , ,
  118. Usability Heuristic Frameworks: Which One Is Right for You? · · ,
  119. Personas: Study Guide · · , , , ,
  120. Turn Around Your Git Mistakes in 17 Ways · · , ,
  121. 4 Required Tests Before Shipping New Features · · ,
  122. Layout Breakouts With CSS Grid · · ,
  123. 2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data · · , ,
  124. Understanding “async” and “await” · ·
  125. Debugging CSS, No Extensions Required · · , ,
  126. Five Months Worth of Takes on the Digital Accessibility Space · · , ,
  127. The Future of Rendering in React · · , ,
  128. The Future of the Web Is on the Edge · · ,
  129. Unless You’re in the Mafia, Your Company Isn’t Your Family · ·
  130. Adding Components to Eleventy With WebC · · ,
  131. Awesome Tools for Open Source Contributions · · , ,
  132. How to Safely Share Your Email Address on a Website · · , ,
  133. WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data · · , ,
  134. How to Safely Pass Data to JavaScript in a Django Template · · , ,
  135. AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams · · , , ,
  136. Foundations: HTML Semantics · · ,
  137. Patching the Open Web · ·
  138. Use “npm query” and jq to Dig into Your Dependencies · · , , ,
  139. Front-End Development Is Like… · ·
  140. Using Web Components With Next (or Any SSR Framework) · · , ,
  141. Easy Fluid Typography With “clamp()” Using Sass Functions · · , , , ,
  142. Quick Tip: How to Use the Spread Operator in JavaScript · · , , ,
  143. 3 Things to Consider Before You Implement CAPTCHA for Accessibility · · ,
  144. Can Consistency Harm Your Product? · · ,
  145. Component-Level Design Tokens: Are They Worth It? · · ,
  146. Four Ways to Pick the Right UX Method · · ,
  147. One Formula to Rule Them All: The ROI of a Design System · ·
  148. The Missing Math Methods in JavaScript · · ,
  149. Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise · ·
  150. CSS Halftone Patterns · · ,
  151. Designing a Secure API · · , ,
  152. When Going Somewhere Does a Thing: On Links and Buttons · · , , , ,
  153. A CSS Class-Naming Convention Might Still Be Your Best Choice · · , ,
  154. A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors · · , ,
  155. Busting the Myths About Agile Development and User Research · · , ,
  156. CSS-Only Type Grinding: Casting Tokens into Useful Values · · ,
  157. I Changed My Mind About Writing New JavaScript Frameworks · · ,
  158. Minimalism as Narcissism · ·
  159. The Difference Between “undefined” and “not defined” in JavaScript · ·
  160. Delightful UI Animations With Shared Element Transitions API · · , , ,
  161. Mobile UX Design in 2022 · · , ,
  162. I Turned JS into a Compiled Language (for Fun and Wasm) · · , ,
  163. Phylum Detects Active Typosquatting Campaign Targeting npm Developers · · , ,
  164. Ten Years of TypeScript · ·
  165. What Is Website Minimalism? · · ,
  166. Building Delight in Your Design System · · ,
  167. Templating in HTML · · ,
  168. Why UX? · · ,
  169. depngn · · , , ,
  170. Optimize Long Tasks · · ,
  171. Learn Accessibility · · ,
  172. Getting Started With WordPress Block Development · · ,
  173. A Web Component Story · · ,
  174. Choosing the Best Node.js Docker Image · · ,
  175. Intersectionality, Accessibility, and Inclusion · · , ,
  176. Why You Should Care About Design in Uncertain Times · ·
  177. Yes, Accessibility Is Also a Backend Concern · ·
  178. “:has()” Opens Up New Possibilities With CSS · · , ,
  179. State of CSS 2022 · · ,
  180. How to Center a Div Using CSS Grid · · ,
  181. GIFs Without the .gif: The Most Performant Image and Video Options Right Now · · , , , ,
  182. Performance Budgets: The Easiest Way to a Faster Site · ·
  183. This Site’s Type Is Now Variable · · , ,
  184. Websites Need to Be Accessible to Be Inclusive · · ,
  185. Let Me Understand How JavaScript Works Under the Hood · ·
  186. How to Make Your Designs Scannable (and Why You Should) · · , ,
  187. How to Return Multiple Values from a Function in JavaScript · · , ,
  188. Closing a 30 Pixel Gap Between Native and Web · · , ,
  189. Five Data-Loading Patterns to Boost Web Performance · ·
  190. Named Element IDs Can Be Referenced as JavaScript Globals · · ,
  191. A Deep Dive into WCAG 2.2—and Beyond · · , ,
  192. 7 Things to Consider When Working On a Personal Project · · ,
  193. Learn HTML · · ,
  194. Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno · · , ,
  195. Useful JavaScript Math Functions and How to Use Them · · , ,
  196. Dear Console… · · , ,
  197. 100 Days of More or Less Modern CSS · ·
  198. 6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong · · ,
  199. Accessibility · · ,
  200. CMS · · ,
  201. Fonts · · ,
  202. HTTP · · , ,
  203. I Am Not That Excited About New CSS Features · ·
  204. JavaScript · · ,
  205. Markup · · ,
  206. Media · · , ,
  207. Page Weight · · ,
  208. SEO · · ,
  209. Sustainability · · ,
  210. The New Wave of JavaScript Web Frameworks · · ,
  211. CSS · · ,
  212. Security · · ,
  213. How to Create Wavy Shapes and Patterns in CSS · · , ,
  214. Interoperability · · ,
  215. How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript · · , , ,
  216. The 2022 Web Almanac · · , ,
  217. Continue Using .env Files as Usual · · ,
  218. Two Things I Learned by Validating My HTML Again · · ,
  219. Streamable HTML Fragments · · ,
  220. Audience-Based Website Navigation · · , ,
  221. Writing Composable SQL Using JavaScript · · , ,
  222. Attitudes to Digital Accessibility Survey 2022 · · , ,
  223. Blind People Need to Be Considered More When Making Data Visualizations · · ,
  224. Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature · · , ,
  225. The Indisputable Truth About Accessibility · · ,
  226. Things I Wish I Had Known About Angular When I Started · ·
  227. Top Task Analysis: Make It Fast and Efficient · ·
  228. A Designer’s Guide to Documenting Accessibility · · , , ,
  229. Randomness in CSS · · ,
  230. Use Cases for CSS Comparison Functions · · ,
  231. Testing Web Design Color Contrast · · , ,
  232. Speedy CSS Tip! Animated Loader · · ,
  233. 5 Ways That UX Developers Influence SEO · · ,
  234. Creative Section Breaks Using CSS “clip-path” · · ,
  235. Element Timing: One True Metric to Rule Them All? · · , ,
  236. Rest vs. Spread Syntax in JavaScript · · ,
  237. Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! · · , ,
  238. Designing Better Inline Validation UX · · , ,
  239. Accessibility Is Systemic · ·
  240. Clarifying Color Contrast and Font Size Guidelines · · , , ,
  241. React I Love You, but You’re Bringing Me Down · ·
  242. The Web Is Good Now · · ,
  243. Type-Level TypeScript · · ,
  244. Why Designers Quit · · ,
  245. Shell Scripting With Node.js · · , ,
  246. Making Your Web Pages Printer-Friendly With CSS · · ,
  247. It’s Good to Make Mistakes · · , ,
  248. How to Generate Random Numbers in JavaScript With “Math.random()” · · , , ,
  249. CSS Rules vs. CSS Rulesets · · ,
  250. Prototyping to Learn · · ,