Frontend Dogma

News and Tools for Frontend Developers (8)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

  1. Be a Better Developer With These Git Good Practices (by) · · , , , ,
  2. Top 20 JavaScript One-Liners That Don’t Actually Work (by) · ·
  3. React Labs: What We’ve Been Working On—February 2024 (by+/via) · ·
  4. Playing With Infinity in CSS (by) · · ,
  5. Making the Most of Ligatures (by) · · ,
  6. How I Developed the 10 Usability Heuristics · · , ,
  7. Getting to an Accessibility Strategy (by) · · , ,
  8. Future of CSS: Functions and Mixins (by) · · , ,
  9. Full Guide on How to Hire Front-End Developers Effectively (via) · · , , ,
  10. ARIA “note” (by) · · , , , , ,
  11. A Dozen Thoughts About AI (by) · ·
  12. When It Says “Name From Author” It Means From You, Not Boll or Bukowski (by) · · , ,
  13. What Is the Difference Between ASP and ASP.NET? (via) · · , ,
  14. What Is Lighthouse Speed Index (SI) and How to Reduce It · · , , ,
  15. Wednesday, February 14, 2024 Security Releases (by+/via) · · , ,
  16. The Text File That Runs the Internet (by/via) · · , , ,
  17. Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (by/via) · · , ,
  18. Reasonable WCAG Additions (by) · · ,
  19. Input Type “date”: The Accessibility of HTML Date Picker (by/via) · · ,
  20. How Accessibility Standards Can Empower Better Chart Visual Design (by/via) · · , , ,
  21. The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (via) · · , , , , , , ,
  22. Advanced Architecture for AI Application (aka AAAA) (by) · · , , ,
  23. How to Center a Div (by) · · , ,
  24. Selenium Automation Testing: A Step-by-Step Beginners Guide (via) · · , , ,
  25. Why I Like Scrumban (by) · · , , ,
  26. The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (by) · · , ,
  27. How to Fix the Invisible Scrollbar Issue in iOS Browsers (by/via) · · , , , ,
  28. CSS Color Module Level 4 (by+/via) · · ,
  29. Building htmx and Go Web Apps With Gemini Advanced (by) · · , , , ,
  30. Be Aware of Arrays—V8 Engine Advice · · , , ,
  31. An Introduction to Node.js Multithreading (by/via) · · , ,
  32. A Practical Guide to Designing for Children (by/via) · · , ,
  33. Can Generative AI Help Write Accessible Code? (by/via) · · , ,
  34. You Want to Make It Easy to Feature Your Content (via) · · , ,
  35. The Anatomy of Addictive Content (by/via) · · , ,
  36. React, Solid, htmx (by) · · , , ,
  37. Learn TypeScript (by) · · , ,
  38. How to Choose the Best Static Site Generator in 2024 (via) · · , , , , , , , ,
  39. How to Boost WordPress Security and Protect Your SEO Ranking (via) · · , , ,
  40. A CSS Project Boilerplate (by/via) · · , ,
  41. Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (by) · · , , , ,
  42. Using Recursive CSS to Change Styles Based on Depth (by) · · ,
  43. Names Are Complex: Displaying Initials for an Avatar Component in a Design System (by) · · , ,
  44. CSS Mixins and Functions Explainer (by/via) · · , ,
  45. Navigating Prioritization: Four Approaches (by) · · , ,
  46. Don’t Disable Form Controls (by) · · , , ,
  47. The Front-End Development We’re Used to Is Dying · · , ,
  48. HTML as the Baseline (by) · · ,
  49. Have We Forgotten How to Build Ethical Things for the Web? (by) · · ,
  50. Everything You Need to Know About Image Formats in 2024 (via) · · , , , , , , ,
  51. Accelerating Code Reviews With Nudges (by) · · , , , ,
  52. Is [“* { min-width: 0; }”] a Good Idea? (by) · · ,
  53. What Is a Descriptive Transcript? (via) · · ,
  54. The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (via) · · ,
  55. So You Think You Know Git (by/via) · · ,
  56. Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (by/via) · · , , , ,
  57. In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (by/via) · · , , ,
  58. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (by/via) · · ,
  59. Git Tips: Really Large Repositories (by/via) · · , ,
  60. Frequently Heard in My Beginning Front-End Web Development Class (by/via) · · ,
  61. Web Development Is Getting Too Complex, and It May Be Our Fault (by/via) · · , , ,
  62. Release Notes for Safari Technology Preview 188 (by/via) · · , , ,
  63. Opportunities for AI in Accessibility (by/via) · · ,
  64. Offloading JavaScript With Custom Properties (by) · · , ,
  65. CSS Is Logical (by) · ·
  66. 10 Best Automated AI Code Review Tools 2024 (via) · · , , , , ,
  67. Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (by/via) · · , , ,
  68. Designing User Onboarding: Lessons From Figma, Duolingo, and More (via) · · , , , ,
  69. UI Elements Are Not So Elementary (by/via) · · ,
  70. When to Use the “min()” or “max()” Function (by) · · ,
  71. Remix Takes on Next.js in Battle of the React Frameworks (by/via) · · , , ,
  72. Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (by/via) · · , ,
  73. Lines of Code—How to Not Measure Code Quality and Developer Efficiency (by) · · , , ,
  74. Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (by/via) · · , , , , ,
  75. jQuery 4.0.0 Beta (by/via) · · ,
  76. JavaScript vs. Python: Which One Should You Learn First? (by/via) · · , ,
  77. JavaScript Promises Demystified (by+/via) · · ,
  78. In Praise of the “switch” Statement (by) · ·
  79. Immutable Array Updates With “Array.prototype.with” (by/via) · · , , ,
  80. Detect Caps Lock With JavaScript (by) · ·
  81. A Guide to Designing for Older Adults (by/via) · · , ,
  82. A Beginner’s Guide to Seamless Open-Source Contributions (by/via) · · ,
  83. You Won’t Scale (by) · · ,
  84. Visual Hierarchy: Making User Experiences Easier to Understand (by/via) · · ,
  85. Thoughts on a Global Design System (by) · ·
  86. The Most Demanded Frontend Frameworks in 2023 (by) · · , , , ,
  87. The Decision to Leave Tech (by) · · ,
  88. Revolutionizing Usability Testing With Machine Learning (via) · · , ,
  89. It’s the Hope That Kills You (by) · · , ,
  90. How to Create Rounded Gradient Borders With Any Background in CSS (by) · · , , , ,
  91. Getting Into Web Components—an Intro (by) · · ,
  92. Exciting New Tools for Designers, February 2024 (by/via) · · , ,
  93. Everything You Need to Know About Git (by) · · ,
  94. Bookmarklet: Load All GitHub Comments (by) · · , ,
  95. 13 Best Books, Courses, and Communities for Learning React (via) · · , , ,
  96. “X” Marks the Spot: Landmark Elements (by) · · , , , ,
  97. Why Disabled People’s Needs Aren’t “Special” (by) · ·
  98. The Importance of Web Performance to Information Equity (by/via) · · , ,
  99. htmx Deep Dive With Carson Gross (via) · · ,
  100. What Is WAP? (by/via) · · ,
  101. SOLID Principles: They’re Rock-Solid for Good Reason (by) · · , ,
  102. Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (by/via) · · , , , ,
  103. From Many to One: Moving Our JavaScript Code Into a Monorepo (via) · · , , ,
  104. All Art Is a Copy of Something (by) · ·
  105. 5 Hidden Risks of Your Inaccessible Website (by/via) · ·
  106. A Look at the New WAI–ARIA 1.3 Draft (by) · · , ,
  107. Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code? · · , ,
  108. Tracking Your Interviews Is Extremely Important (by) · · ,
  109. The Web Just Gets Better With Interop 2024 (by/via) · · , , ,
  110. Interop 2024 (by/via) · · , , ,
  111. How to Make a Great Framework Better?—Svelte 5 With Rich Harris (by/via) · · , ,
  112. Everyone’s a Sellout Now (by/via) · · ,
  113. Dynamically Adding Text Alternatives to Images With AI (by/via) · · , , ,
  114. Drupal Creator: Websites Needed More Than Ever in the AI Era (by/via) · · , ,
  115. Career Retrospective (by) · · ,
  116. A Complete Guide to Open Source—100× Simpler (by) · · ,
  117. GitLab vs. GitHub: Which Is Better in 2024? (by/via) · · , , ,
  118. Why Not htmx? (by) · ·
  119. The Good, the Bad, the Web Components (by) · · , ,
  120. The Art and Science of Annotations in Dev Mode (by/via) · ·
  121. Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization (by/via) · · , , ,
  122. PurePWA—a Radical U-Turn in Web Development · · , ,
  123. Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (by/via) · · , , , ,
  124. Making VPATs and ACRs More Effective in Procurement (via) · · , ,
  125. Interaction to Next Paint Becomes a Core Web Vital on March 12 (by+/via) · · , ,
  126. Implementing User Authentication in React Apps With Appwrite (via) · · , ,
  127. How to Stream Files From Next.js Route Handlers (by) · · , , ,
  128. Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (via) · · , , , ,
  129. Be Purposeful About Your Content (via) · · , ,
  130. 5 Essential DevTools Console Hacks for Every Web Developer (by) · · , ,
  131. Why Do Rubber Ducks Work? (by/via) · · , ,
  132. Web Platform Design Principles (by+/via) · · , , ,
  133. Use CSS “accent-color” to Style Your Inputs (by) · · ,
  134. Understanding Signals in Django (by/via) · · ,
  135. Tuesday, February 6, 2024 Security Releases (by/via) · · , ,
  136. The Psychology of Site Speed and Human Happiness (by/via) · · ,
  137. Stop Burning Out Maintainers: An Empathetic Guide for Contributors (by/via) · · , ,
  138. Onboarding (by/via) · · , , ,
  139. New to the Web Platform in January (by/via) · · , , , , , , , ,
  140. Learn Testing (by/via) · · ,
  141. Is Generated Code Harder to Maintain? (by) · · , , ,
  142. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (by/via) · · , ,
  143. “field-sizing” Just Works! (by/via) · · , ,
  144. Celebrate a More Interoperable Web With Interop 2023 (by/via) · · , , ,
  145. A Highly Configurable Switch Component Using Modern CSS Techniques (by/via) · · ,
  146. The Loss of the Process in the Name of Progress (via) · · , , ,
  147. The Web Component Success Story (by) · ·
  148. The EU Forces Open Apple’s Walled Garden (by/via) · · , , ,
  149. Practical Guide to Destructuring: TypeScript vs. Dart (by) · · , , ,
  150. Next.js App Router Migration: The Good, Bad, and Ugly (by/via) · · , ,
  151. How to Favicon in 2024: Six Files That Fit Most Needs (by/via) · · , ,
  152. Git: The Basics of “git bisect” (by) · · ,
  153. Express Forward (by/via) · · , ,
  154. ESG and DEI Policies Were Always Luxury Goods (by/via) · · , ,
  155. Dynamic README Image Based on GitHub Activity (by) · · ,
  156. Debunking 10 Common Objections to Incremental Delivery for Software Teams (by/via) · · ,
  157. At Last, Browser Choice * (by) · · , , ,
  158. Nicer Text Wrapping With CSS “text-wrap” (by) · · ,
  159. Design Systems Burnout (by) · ·
  160. A Guide to Styling Tables (by) · · , ,
  161. Futuring With Design (via) · · , ,
  162. Please, Don’t Force Me to Log In (by) · · , ,
  163. Gold Text Effect With CSS (by) · · ,
  164. Big, Beautiful, Beefy Focus States With “:focus-visible” (by) · · , ,
  165. Apple, the DMA, and Malicious Compliance (by) · · , , ,
  166. Apple Redecorates Its iPhone Prison to Appease Europe (by/via) · · , , ,
  167. Introducing Our Updated [Green Web Hosting] Directory (by/via) · · , , ,
  168. The Impact of Developer Experience (by) · · , , ,
  169. Overlays and Ethics: A Conference Panel That Hurt My Heart (by) · · , , ,
  170. Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (by/via) · · , , , ,
  171. Inside .git (by) · ·
  172. HTML Web Components on the Server Are Great (by) · · ,
  173. 7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (by/via) · · , ,
  174. 5 Web Design Disasters That Will Ruin Your 2024 (via) · · , ,
  175. Using Alternative Browser Engines in the European Union (via) · · , , ,
  176. This Web Page Is Best Viewed in the EU (by/via) · · , , , ,
  177. The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments (by+/via) · · , , ,
  178. Should Links Open in a New Tab? (by) · · , ,
  179. One World, One Web, One Love (by) · ·
  180. JWT vs. Session Authentication (by/via) · · , , ,
  181. Deno 1.40: Temporal API (by+/via) · · ,
  182. CSS Blurry Shimmer Effect (by/via) · · ,
  183. Animating Font Palette (by) · · , , ,
  184. A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js (by) · · , , , , ,
  185. The Structure of User Experience (by/via) · · ,
  186. An Introduction to the Liquid Template Language (via) · · , ,
  187. What Happened With the Web Monetization API? (by) · ·
  188. What Can a Website Do? (by) · · , ,
  189. Web Components in Earnest (by) · · ,
  190. User Styles (by) · · , ,
  191. The New CSS Color Format You Didn’t Know You Needed; “oklch()” (by) · · , , , ,
  192. Take a Qwik Break From React With Astro (by/via) · · , , , ,
  193. Release Notes for Safari Technology Preview 187 (by/via) · · , , ,
  194. On Web Components (by) · ·
  195. GitHub, npm Registry Abused to Host SSH Key-Stealing Malware (via) · · , , ,
  196. Getting Started With Content Collections in Astro (by/via) · · ,
  197. Five Future Roles for Designers (by) · · , ,
  198. Are Design Systems a Zero-Interest Rate Phenomenon? (by) · · ,
  199. 14 Best SEO Tools in 2024 (via) · · , ,
  200. New Study on Coding Behavior Raises Questions About Impact of AI on Software Development (by/via) · · , , , ,
  201. What Is JSDoc and Why You May Not Need TypeScript for Your Next Project (by) · · , , ,
  202. What Has a Ceiling but No Floor? (by) · · , ,
  203. Unlocking the Power of HTML’s Native Browser “dialog” Element (by/via) · · ,
  204. Unit Testing With Jest and Integration With GitHub Actions (by) · · , , ,
  205. The Web Is Unversioned (by+/via) · · ,
  206. The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (by+/via) · · , ,
  207. Modern JavaScript Library Starter (by) · · , ,
  208. LCP and FCP on Single Page Application on Soft Navigations (by) · · , , ,
  209. In Praise of Buttons (by/via) · ·
  210. Highlight Text When a User Scrolls Down to That Piece of Text (by/via) · · , ,
  211. Google Is Using AI to Organize and Customize Your Chrome Browser (by/via) · · , , ,
  212. Exploring the Bounds of Jamstack With Zach Leatherman (by+/via) · · , , ,
  213. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (by) · · , , , ,
  214. Better Form UX With the CSS Property “field-sizing” (by) · · , ,
  215. Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build (by) · · , , ,
  216. Use Tailwind CSS Prefixes for Shared Design System Components (by) · · , ,
  217. WebKit Features in Safari 17.3 (by/via) · · , , , ,
  218. Repetition Avoidance (by) · · , , ,
  219. Layouts in Astro (by/via) · ·
  220. How End-to-End Testing Moves Us Closer to Continuous Accessibility (by/via) · · , ,
  221. How a Web-Site Redesign Can Impact the Customer Journey (by/via) · · ,
  222. Handling Environment Variables in Node.js (by/via) · · ,
  223. Could Local SEO Transform Your User Experience? (by/via) · · ,
  224. Continuous Accessibility: What, Why, How (by/via) · · , , ,
  225. 7 Mobile UX Design Tools to Supercharge Your Design Process (via) · · , ,
  226. What Is Our Design Intention? (via) · · ,
  227. Why I Don’t Care About Website/Blog Stats (by) · · , ,
  228. What Is CSS Motion Path? (by) · · , ,
  229. The World’s Smallest PNG (by) · · , ,
  230. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (by) · · , , ,
  231. The Bun Shell (by/via) · · , ,
  232. Mastering Node CSV (via) · · ,
  233. A Call for Consensus on HTML Semantics (by) · · ,
  234. Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (by+) · · , , , , , ,
  235. Why Do Reflows Negatively Affect Performance? (by/via) · · ,
  236. Under-Supported and Underpaid (by) · · , , ,
  237. My Take on Fading Content Using Transparent Gradients in CSS (by/via) · · , ,
  238. Making CSS View Transitions Easy With Velvette (by/via) · · , ,
  239. How Core Web Vitals Affect SEO (by+/via) · · , , , ,
  240. 12 Modern CSS One-Line Upgrades (by) · ·
  241. The Color Input and the Color Picker (by/via) · · , ,
  242. Deceptive Deprecation: The Truth About npm Deprecated Packages (by+/via) · · , , ,
  243. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript (by/via) · · , , ,
  244. Astro 4.2 (by+/via) · · ,
  245. The Designer’s Guide to Social Computing (via) · · , ,
  246. Which Programming Language Should I Learn First in 2024? (by/via) · · , ,
  247. Safely Accessing the DOM With Angular SSR (by/via) · · , , , ,
  248. JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) (by) · · , , , ,
  249. Indicators, Validations, and Notifications: Pick the Correct Communication Option (by/via) · · , , ,
  250. Fading Content Using Transparent Gradient in CSS (by) · · , , ,