Frontend Dogma

News and Tools for Frontend Development (2)

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

  1. The Bun Shell · · , ,
  2. A Call for Consensus on HTML Semantics · · ,
  3. Mastering Node CSV · · ,
  4. Under-Supported and Underpaid · · , , ,
  5. How Core Web Vitals Affect SEO · · , , ,
  6. 12 Modern CSS One-Line Upgrades · ·
  7. Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons · · , , , , , ,
  8. Making CSS View Transitions Easy With Velvette · · , ,
  9. My Take on Fading Content Using Transparent Gradients in CSS · · ,
  10. Why Do Reflows Negatively Affect Performance? · · ,
  11. Astro 4.2 · · ,
  12. Deceptive Deprecation: The Truth About npm Deprecated Packages · · , , ,
  13. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript · · , , ,
  14. The Color Input and the Color Picker · · , ,
  15. A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” · · , , , ,
  16. Fading Content Using Transparent Gradient in CSS · · , ,
  17. Dispatching an Event · · ,
  18. AI Art Is the New Stock Image · · , ,
  19. The Designer’s Guide to Social Computing · · , ,
  20. Indicators, Validations, and Notifications: Pick the Correct Communication Option · · , , ,
  21. Which Programming Language Should I Learn First in 2024? · · , ,
  22. Basic Accessibility Mistakes I Often See in Audits · · , , , , , ,
  23. JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) · · , , , ,
  24. Safely Accessing the DOM With Angular SSR · · , , , ,
  25. The Complex but Awesome CSS “border-image” Property · · , ,
  26. Measuring Developer Productivity: Real-World Examples · · , , , ,
  27. The Golden Rule of Assertions · · ,
  28. APA-Style Titles in Laravel · · , ,
  29. Disillusioned With Deno · ·
  30. 14 Things to Check Before Deploying a Website · · , ,
  31. Stop Trying to Recruit Unicorns With Acorns · · ,
  32. Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community · · ,
  33. Are You Boring Your Interviewer by Over-Explaining Context? · · , ,
  34. Practical Guide to Usability Testing · · , ,
  35. Is It Time to Switch from Docker to Podman? · · , , ,
  36. Difference Between “getElementByID” and “querySelector” · · , ,
  37. Git Lesson: How to Use .gitignore and .gitkeep? · ·
  38. Guide to Fast Next.js · · , , , , ,
  39. Performance and Stay Questions in 1:1s · · , ,
  40. Accessible Notifications With ARIA Live Regions · · , , ,
  41. React Libraries for 2024 · · , ,
  42. Optimizing SQL Queries by 23× · · , , ,
  43. Design Is Not Really a Thing · · ,
  44. The Evolution of Page Speed · · , , , ,
  45. Accessible Notifications With ARIA Live Regions II · · , , ,
  46. The Building Blocks of a Greenfield Vue Application in 2024 · · , ,
  47. Combining “:has” and “:only-child” to Change Tab Containers · · ,
  48. Igalia Chats: Browser Politics and You · · ,
  49. Hover Contrast Bookmarklet · · , , , ,
  50. Disable Browser Caching With “meta” HTML Tags · · , ,
  51. I Hate CORS · · , ,
  52. Web Component Gotcha: “constructor” vs. “connectedCallback” · · , ,
  53. Using AI for Accessibility: Breaking Down Barriers in Content Creation?! · · , ,
  54. Kind of Annoyed at React · ·
  55. Applying the SPACE Framework · · ,
  56. JS Perf Wins and New Node.js Features With Yagiz Nizipli · · , , , ,
  57. Eliminating Cookie Banners Is Hard · · , ,
  58. How to Get Started With Progressive Web Apps · · , ,
  59. How to Use “data-nosnippet” to Block Specific Content from Being Used in a Google Search Snippet (Experiment) · · , ,
  60. Options for “optgroup” Labeling of “options” · · , , , , , ,
  61. Top Front-End Tools of 2023 · · , ,
  62. What I Have Learned from Conducting over 100 Website Migrations · · , ,
  63. Creating a Color Ramp Using Color Modifiers in Tokens Studio · · , , ,
  64. Bringing Down the Digital Divide · · ,
  65. 5 CSS Snippets Every Front-End Developer Should Know in 2024 · ·
  66. The Stack I Used to Build My Blog in 2024 · · ,
  67. If It’s Not Usable, It’s Not Accessible · · , , ,
  68. Using “abbr” Element With “title” Attribute · · , , , ,
  69. console.delight · · , , ,
  70. Using CSS Houdini to Extend Styling and Layout Capabilities · · , ,
  71. Designing Better Target Sizes · · , ,
  72. The Best Web Framework Doesn’t Exist · ·
  73. Is htmx Just Another JavaScript Framework? · · ,
  74. Introducing fsx: A Modern Filesystem API for JavaScript · · , ,
  75. Release Notes for Safari Technology Preview 186 · · , , ,
  76. Node v20.11.0 (LTS) · · ,
  77. Dynamic Accessible Descriptions Reference · · ,
  78. Understanding WCAG SC 3.2.6 Consistent Help (Level A) · · , ,
  79. npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts · · ,
  80. Buttons and Links—Common Misconceptions · · , , , ,
  81. We Removed Advertising Cookies, Here’s What Happened · · ,
  82. AI for Web Devs: Deploying Your AI App to Production · · ,
  83. Accounting for Internationalization With CSS and HTML · · , ,
  84. A Global Design System · ·
  85. The Change You Wish to See · ·
  86. The Best PHP Frameworks for 2024 · · , , ,
  87. An Alphabetized List of MIME Types · ·
  88. A 2024 Wishlist for Node’s Test Runner · · , ,
  89. Definition of Done (DoD) Explanation and Example · · , , ,
  90. Understanding Immutability in JavaScript · · ,
  91. Let’s Make the IndieWeb Easier · · ,
  92. SolidStart: A Different Breed of Meta-Framework · · ,
  93. Taking a Closer Look at “@ property” in CSS · ·
  94. What’s New in PHP 8.4 · ·
  95. Top Pens of 2023 on CodePen · · , ,
  96. 2024 Resolution: Be More Open-Source Centric · · , ,
  97. CRUD and SQL—the Basics · · ,
  98. Declaring Globals Isn’t That Hard · · , ,
  99. Where Have All the Websites Gone? · · ,
  100. htmx for React Developers in 10 Minutes · · , ,
  101. Introduction to Data Engineering: A Complete Beginner’s Guide · · , ,
  102. How Google Perfected the Web · · , ,
  103. Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator · · , ,
  104. Notes on Using Logical Properties and Values · · ,
  105. My Web Development Wishlist 2024 · · , , , , ,
  106. Embracing the Absurd in Your Design Practices · · ,
  107. How I’m Writing CSS in 2024 · · , ,
  108. Nested Dark Mode Via CSS Proximity · · ,
  109. Weird Things Engineers Believe About Web Development · · , , , ,
  110. Your MVP Must Be Accessible · ·
  111. Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? · · , ,
  112. Software Quality · · ,
  113. 20+ Tools for Node.js Development in 2024 · · , ,
  114. CSS in 2024, Am I Right? · · ,
  115. When “Everything” Becomes Too Much: The npm Package Chaos of 2024 · · ,
  116. A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript · · , ,
  117. 7 Front-End Web Development Trends for 2024 · · , , , ,
  118. Under the Radar CSS Features for Your CSS Reset · · , ,
  119. Building Multiple Progressive Web Apps on the Same Domain · · , , ,
  120. The Two Reacts · · , ,
  121. Notes on MathML · ·
  122. 16 Lesser Known Accessibility Issues · ·
  123. AI Vertigo: Where Do We Go from Here as Designers? · · , ,
  124. My CSS Resets · · ,
  125. The Popular Vote of Interop 2024 · · ,
  126. 2024 Predictions by JavaScript Frontend Framework Maintainers · · , , , , , ,
  127. Accessibility Options for Floating Action Buttons · · ,
  128. European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying · · , ,
  129. The AHA Stack · · , , ,
  130. Tyler’s CSS Wish List for 2024 · · ,
  131. Oh Shit Banners · · ,
  132. Stop Closing Void Elements · ·
  133. The Website vs. Web App Dichotomy Doesn’t Exist · · , ,
  134. Design Better Pagination · · , ,
  135. Are You Ignoring These 8 DevTools Features? · · , , , , , ,
  136. The View Transitions API and Delightful UI Animations II · · , , ,
  137. Agile Anti-Patterns That Can Harm UX · · , , ,
  138. How to Make External Links Accessible · · ,
  139. Not All Automated Testing Tools Support Shadow DOM in Web Components · · , , , , , ,
  140. The Best React Chart Libraries for Data Visualization in 2024 · · , , , ,
  141. Understanding the Most Important HTTP Status Codes · · ,
  142. 7 Predictions for Web Design in 2024 · · ,
  143. Mastering TypeScript: Looping With Types · ·
  144. 3 Terminal Commands to Increase Your Productivity · · ,
  145. My Perspective: Digital Accessibility and Overlays · · ,
  146. 10 Interview Questions Every JavaScript Developer Should Know in 2024 · · , , , ,
  147. Installing Google Fonts as npm Packages · · , , ,
  148. React Is Slow, What to Do Now? · · ,
  149. The Internet Is About to Get Weird Again · · ,
  150. Make Your Linux Terminal Enjoyable to Use · ·
  151. Shadow DOM and the Problem of Encapsulation · · , , ,
  152. 2.5.8: Adversarial Conformance · · , ,
  153. Tools to Make Your Developer Experience Better in PHP · · , , ,
  154. WCAG 2: Guidelines and Guardrails · · , ,
  155. React Server Components: The Good, the Bad, and the Ugly · · ,
  156. Let’s Bring Back JavaScript’s “with()” Statement · ·
  157. Making Sense of “Senseless” JavaScript Features · ·
  158. Privacy Sandbox: Preparing for the End of 3rd-Party Cookies · · , , ,
  159. Announcing Vue 3.4 · · ,
  160. Incident, Mitigate, Learn · · , , ,
  161. Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds · · , ,
  162. What the Heck Is a Homomorphic Mapped Type? · ·
  163. Inspecting WCAG 2.2: Accessible Authentication · · , , , ,
  164. Everything You Need to Know About Responsive Logo Design · · , , ,
  165. HTML Validation—Pros and Cons · · ,
  166. Every Container Queries Demo Is a Card · · ,
  167. Future of Storybook in 2024 · · ,
  168. Frontend Predictions for 2024 · · ,
  169. I Made JSX for Lua (Because I Hate Static Sites) · ·
  170. Coding Challenges 2024: What’s Your New Year’s Resolution? · · ,
  171. CSS Wishlist · · ,
  172. JS Design Patterns: A Comprehensive Guide · · , ,
  173. I Built the Same App 7 Times: Which JS Framework Is Best? · · , ,
  174. Container Style Queries · · ,
  175. Never Underestimate HTML · · , ,
  176. Measuring, Monitoring, and Optimizing TTFB With Server Timing · · , , ,
  177. Responsive SVGs · · ,
  178. The Devil Is in the Details: A Look into a Disclosure Widget Markup · · , ,
  179. Why AI Is a Disaster for the Climate · · ,
  180. CSS-Based State Management · · ,
  181. Session-Based vs. Token-Based Authentication: Which Is Better? · · , , ,
  182. The View Transitions API And Delightful UI Animations · · , , ,
  183. FileReader API · · ,
  184. ARIA Live Regions · · , ,
  185. WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name · · , , ,
  186. GitHub Copilot: Tips and Tricks for Flutter Devs · · , , , ,
  187. The Implied Web · · , ,
  188. Cool Wiggly Hover Animation With CSS · · , ,
  189. 2023 Digital Accessibility Year in Review · · ,
  190. Scroll-Driven Animations · · , ,
  191. JavaScript Frameworks—Heading into 2024 · · , ,
  192. The Top Accessibility Errors Found in 2023 · · , , , ,
  193. “HTML First” Is Not HTML First · · , , ,
  194. Container Queries and Units · · , ,
  195. Turn Your Vue App into an Offline-Ready Progressive Web App · · , ,
  196. Screen Reader Users and the Tab Key · · , , , , ,
  197. The State of Benchmarking in Node.js · · , ,
  198. The Complete Playwright Cheatsheet · · , ,
  199. Recapturing Early-Internet Whimsy With HTML · · , , , ,
  200. Debugging Fetch Priority · · , , , ,
  201. New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem · · , ,
  202. Clean Architecture: Theming With Tailwind and CSS Variables · · , , ,
  203. 10 Best Practices for Secure Code Review of Node.js Code · · , , ,
  204. CSS Nesting · · ,
  205. Locking Scroll With “:has()” · · , ,
  206. The Golden Rule of Web Performance and Different Performance Engineering Specializations · · ,
  207. Classes vs. Prototypes in JavaScript · · ,
  208. Release Notes for Safari Technology Preview 185 · · , , ,
  209. See What’s New in Firefox [121.0] · · , , ,
  210. New to the Web Platform in December · · , , , , , , , ,
  211. “align-content” in Block Layout · · , , ,
  212. View Transitions · · , ,
  213. Eigensolutions: Composability as the Antidote to Overfit · · ,
  214. Practical “img” Element Defaults · · , ,
  215. Reflow Red Flags · · , ,
  216. We Can :has It All · · , , ,
  217. Border Images in CSS: A Key Focus Area for Interop 2023 · · , , , , ,
  218. AI for Web Devs: AI Image Generation · · , , ,
  219. Making Data Visualizations Accessible · · ,
  220. RLI (Recently Logged-In) Browser Cache Bypassing · · , ,
  221. The Road to HTMHell Is Paved With Semantics · · , ,
  222. New JS Array Methods · · ,
  223. The Goldilocks Principle for Prototyping · · , , ,
  224. Good Design Is Subjective, Contextual, and Intentional · · ,
  225. Building Components for Consumption, Not Complexity II · · , ,
  226. Think About Your Future Self · ·
  227. Thank You to Those Who Helped Me to Be the CSS Developer I Am Today · · ,
  228. How to Center an Element in CSS Without Adding a Wrapper in HTML · · , ,
  229. A Checklist for CLS Scenarios · · , ,
  230. Revisiting Fundamentals—Semantic Lists for Improved Accessibility · · , , ,
  231. CSS “animation-composition” · · ,
  232. Baseline Does Not Really Cover Baseline Support · · , , , ,
  233. HTML Can Do This? · ·
  234. Sharing a State Between Windows Without a Server · · , , ,
  235. Swallowing Camels · ·
  236. Naming Design Tokens: The Art of Clarity and Consistency · · , ,
  237. Web Components · · , , ,
  238. Stop Normalizing Unprofessional Behaviour in the Name of Agility · · , , ,
  239. The Ghosts of Markup Past · · , ,
  240. Crafting Effective Documentation · ·
  241. Who Stole My Largest Contentful Paint? · · , ,
  242. Introducing JavaScript Support in MySQL · · , , ,
  243. CSS “@ scope” · · ,
  244. How We Reduced CSS Size and Improved Performance Across GOV.UK · · , , ,
  245. Christmas Tree Animations Made With CSS and JS · · , , , ,
  246. The WordPress Showcase and Accessibility · · ,
  247. Announcing SvelteKit 2 · · ,
  248. V8 Is Faster and Safer Than Ever · · , , ,
  249. Getting Started With Web Performance · · , , ,
  250. The Unspoken Struggle of Aging in a Tech-Driven World · · , ,