Frontend Dogma

News and Tools for Frontend Development (3)

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

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