Frontend Dogma

News and Tools for Frontend Development (6)

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

  1. Tools to Make Your Developer Experience Better in PHP (by) · · , , ,
  2. WCAG 2: Guidelines and Guardrails (by) · · , ,
  3. React Server Components: The Good, the Bad, and the Ugly (by) · · ,
  4. Let’s Bring Back JavaScript’s “with()” Statement (by) · ·
  5. Making Sense of “Senseless” JavaScript Features (by) · ·
  6. Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (by/via) · · , , ,
  7. Announcing Vue 3.4 (by/via) · · ,
  8. Incident, Mitigate, Learn (by) · · , , ,
  9. Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds (by/via) · · , ,
  10. What the Heck Is a Homomorphic Mapped Type? (by) · ·
  11. Inspecting WCAG 2.2: Accessible Authentication (via) · · , , , ,
  12. Everything You Need to Know About Responsive Logo Design (via) · · , , ,
  13. HTML Validation—Pros and Cons · · ,
  14. Every Container Queries Demo Is a Card (by) · · ,
  15. Future of Storybook in 2024 (by/via) · · ,
  16. Frontend Predictions for 2024 (by) · · ,
  17. I Made JSX for Lua (Because I Hate Static Sites) (by) · ·
  18. The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (by) · · , ,
  19. Coding Challenges 2024: What’s Your New Year’s Resolution? (via) · · ,
  20. CSS Wishlist (by) · · ,
  21. JS Design Patterns: A Comprehensive Guide (by) · · , ,
  22. I Built the Same App 7 Times: Which JS Framework Is Best? (by) · · , ,
  23. Container Style Queries (by/via) · · ,
  24. Measuring, Monitoring, and Optimizing TTFB With Server Timing (by/via) · · , , ,
  25. Never Underestimate HTML (by) · · , ,
  26. Responsive SVGs (by/via) · · ,
  27. Why AI Is a Disaster for the Climate (by/via) · · ,
  28. CSS-Based State Management (by) · · ,
  29. Session-Based vs. Token-Based Authentication: Which Is Better? (by) · · , , ,
  30. The Devil Is in the Details: A Look Into a Disclosure Widget Markup (by) · · , ,
  31. The View Transitions API And Delightful UI Animations (by/via) · · , , ,
  32. FileReader API (by/via) · · ,
  33. WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (by/via) · · , , ,
  34. GitHub Copilot: Tips and Tricks for Flutter Devs (by) · · , , , ,
  35. ARIA Live Regions · · , ,
  36. Cool Wiggly Hover Animation With CSS (by) · · , ,
  37. 2023 Digital Accessibility Year in Review (via) · · ,
  38. Scroll-Driven Animations (by/via) · · , ,
  39. The Top Accessibility Errors Found in 2023 (via) · · , , , ,
  40. “HTML First” Is Not HTML First (by) · · , , ,
  41. Container Queries and Units (by/via) · · , ,
  42. Screen Reader Users and the Tab Key (by) · · , , , , ,
  43. The State of Benchmarking in Node.js (by) · · , ,
  44. The Complete Playwright Cheatsheet (by) · · , ,
  45. Recapturing Early-Internet Whimsy With HTML (by/via) · · , , , ,
  46. Debugging Fetch Priority (by+/via) · · , , , ,
  47. The Implied Web (by) · · , ,
  48. Turn Your Vue App Into an Offline-Ready Progressive Web App (via) · · , ,
  49. JavaScript Frameworks—Heading Into 2024 (by/via) · · , ,
  50. New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (by/via) · · , ,
  51. Clean Architecture: Theming With Tailwind and CSS Variables (via) · · , , ,
  52. 10 Best Practices for Secure Code Review of Node.js Code (by) · · , , ,
  53. CSS Nesting (by/via) · · ,
  54. Locking Scroll With “:has()” (by) · · , ,
  55. The Golden Rule of Web Performance and Different Performance Engineering Specializations (by/via) · · ,
  56. Classes vs. Prototypes in JavaScript (by) · · ,
  57. Release Notes for Safari Technology Preview 185 (by/via) · · , , ,
  58. Are We Too Pedantic With Semantic (by) · · , ,
  59. See What’s New in Firefox [121.0] (via) · · , , ,
  60. New to the Web Platform in December (by/via) · · , , , , , , , ,
  61. “align-content” in Block Layout (by) · · , , ,
  62. View Transitions (by/via) · · , ,
  63. Eigensolutions: Composability as the Antidote to Overfit (by) · · ,
  64. Practical “img” Element Defaults (by/via) · · , ,
  65. Reflow Red Flags (via) · · , ,
  66. We Can :has It All (by) · · , , ,
  67. Border Images in CSS: A Key Focus Area for Interop 2023 (by/via) · · , , , , ,
  68. AI for Web Devs: AI Image Generation (by) · · , , ,
  69. Making Data Visualizations Accessible (by/via) · · ,
  70. RLI (Recently Logged-In) Browser Cache Bypassing (by/via) · · , ,
  71. New JS Array Methods (by/via) · · ,
  72. The Goldilocks Principle for Prototyping (via) · · , , ,
  73. Good Design Is Subjective, Contextual, and Intentional (by/via) · · ,
  74. Building Components for Consumption, Not Complexity II (by/via) · · , ,
  75. Think About Your Future Self (by/via) · ·
  76. Thank You to Those Who Helped Me to Be the CSS Developer I Am Today (by) · · ,
  77. React Props Explained With Examples (by/via) · · , ,
  78. How to Center an Element in CSS Without Adding a Wrapper in HTML (by/via) · · , , ,
  79. The Road to HTMHell Is Paved With Semantics (by) · · , ,
  80. A Checklist for CLS Scenarios (by/via) · · , ,
  81. CSS “animation-composition” (by/via) · · ,
  82. Revisiting Fundamentals—Semantic Lists for Improved Accessibility (by) · · , , ,
  83. Baseline Does Not Really Cover Baseline Support (by) · · , , , ,
  84. HTML Can Do This? (by) · ·
  85. Naming Design Tokens: The Art of Clarity and Consistency (via) · · , ,
  86. Web Components (by/via) · · , , ,
  87. Swallowing Camels (by) · ·
  88. Sharing a State Between Windows Without a Server (by) · · , , , ,
  89. Stop Normalizing Unprofessional Behaviour in the Name of Agility (by/via) · · , , ,
  90. Crafting Effective Documentation (by) · ·
  91. Who Stole My Largest Contentful Paint? (by/via) · · , ,
  92. Introducing JavaScript Support in MySQL (by+/via) · · , , ,
  93. CSS “@ scope” (by/via) · · ,
  94. How We Reduced CSS Size and Improved Performance Across GOV.UK (via) · · , , ,
  95. Christmas Tree Animations Made With CSS and JS · · , , , ,
  96. The WordPress Showcase and Accessibility (by) · · ,
  97. Managing Node.js Processes (by) · · ,
  98. The Ghosts of Markup Past (by) · · , ,
  99. Announcing SvelteKit 2 (via) · · ,
  100. V8 Is Faster and Safer Than Ever (by/via) · · , , ,
  101. The Unspoken Struggle of Aging in a Tech-Driven World (by/via) · · , ,
  102. Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences (by/via) · · , , ,
  103. Design Systems Teams: Understand Your Users So They Can Serve Theirs (via) · · , , ,
  104. The Financial Argument for Using an Outside Firm for Accessibility Remediation (by) · · ,
  105. Ten Optimisation Tips for an Initial Web Performance Audit (by/via) · · , , ,
  106. Getting Started With Web Performance (by) · · , , ,
  107. Anchor Positioning (by/via) · · ,
  108. 6 Techniques for Conditional Rendering in React, With Examples (via) · · ,
  109. What Really Is Technical Debt? (via) · · , ,
  110. How to Get Good at Competitive Programming (by) · · ,
  111. CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (by/via) · · , , ,
  112. My Accessibility Journey (by) · · ,
  113. Popover API (by/via) · · , ,
  114. What Vue’s Creator Learned the Hard Way With Vue 3 (by/via) · · ,
  115. The Best Go Tools to Use for Your Frontend Projects (by/via) · · , ,
  116. HTML: The Bad Parts (by) · ·
  117. Baseline 2023 (by/via) · · , , ,
  118. Engineering Progression for Humans (by) · · ,
  119. Extending Responsive Video With HTML Web Components (by/via) · · , , ,
  120. Three Modern CSS Properties Your Website Must Have (by/via) · ·
  121. Can UX Design Actually Be Ethical? (via) · · , ,
  122. Using Nodemon and Watch in Node.js for Live Restarts (by/via) · · ,
  123. Using Date-Based CSS to Make Old Web Pages Look Old (by) · · ,
  124. Accessibility Overlays (via) · · , ,
  125. Test-Driven HTML and Accessibility (by) · · , , ,
  126. Embrace the Platform (by/via) · · , , , , , ,
  127. Why Designers Quit (2023 Report) (by/via) · · ,
  128. Chrome Enables Desktop Mode by Default on Premium Tablets (by/via) · · , , ,
  129. Developer Relations Is an All-Company Effort (by) · · , ,
  130. Behavior Belongs in the HTML (by) · · , ,
  131. Building Components for Consumption, Not Complexity (by/via) · · , ,
  132. Improve App Performance With Angular 17 “defer” (by) · · , , ,
  133. Video Subtitles, Captions, Audio Descriptions, and Transcripts (by) · · , ,
  134. The “await” Event Horizon in JavaScript (by/via) · · ,
  135. Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful (by) · · , ,
  136. Quantity Queries Are Very Easy With CSS “:has()” (by/via) · · ,
  137. WebKit Features in Safari 17.2 (by+/via) · · , , , ,
  138. ARIA, the Good Parts (by/via) · · , ,
  139. Screen Reader User Survey #10 (via) · · , , , ,
  140. Decoding Compound Tokens (by) · · ,
  141. How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (by/via) · · , , , , , , , , ,
  142. The “hidden” Attribute in HTML (by) · ·
  143. A List of JavaScript Engines, Runtimes, Interpreters · · , , ,
  144. Task Automation and Debugging With AI-Powered Tools (by/via) · · , , ,
  145. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (by) · · , , ,
  146. Signals of Interface Quality (by) · · ,
  147. Potential Problems With Accessibility Audits and What to Do About Them (by) · · , ,
  148. Template for Accessibility Guidelines (by) · · , ,
  149. Media Queries in HTML Video (by) · · , , , ,
  150. What the Slot? (by) · · , , ,
  151. Audit Your Site for Third-Party Cookies (by/via) · · , , ,
  152. All Technical Debt Is a Risk to the Product and to Your Business (by/via) · · , , ,
  153. Oh No! My JSON! (by) · ·
  154. Scroll Fading 101 (via) · · , ,
  155. Incorporating “Skip to Main Content” Links for Better Website Accessibility (by/via) · · ,
  156. Preparing for Interaction to Next Paint, a New Web Core Vital (by/via) · · , ,
  157. CSS Wrapped: 2023! (by+/via) · · , , , ,
  158. CSS Snapshot 2023 (by+/via) · ·
  159. A Beginner’s Guide to Accessible Text (via) · · , , , ,
  160. Is PHP Still a Viable Choice in 2023? · · ,
  161. Insights: Mobile Accessibility (via) · · , , ,
  162. Accessibility-Specific Tech Requirements? It Depends! (by) · · ,
  163. The Most Accessible Font (by) · · , , ,
  164. The Shrinkwrap Problem: Possible Future Solutions (by) · ·
  165. React Performance Optimization (by/via) · · , ,
  166. Release Notes for Safari Technology Preview 184 (by/via) · · , , ,
  167. The Last 5 Years of V8’s Garbage Collector (by) · · , , ,
  168. Stop Nesting Ternaries in JavaScript (by/via) · · ,
  169. Security Headers Using “<meta>” (by) · · , ,
  170. HTML5 Boilerplate v9.0.0 Released · · , ,
  171. Understanding the New WCAG 2.2 Criteria (via) · · ,
  172. TypeScript’s Hidden Feature: Subtypes · ·
  173. Custom Events in Web Components (by) · · , ,
  174. Fine, I’ll Use a Super Basic CSS Processing Setup (by/via) · · , ,
  175. The Complete Puppeteer Cheatsheet (by) · · , ,
  176. Overview of Drupal (via) · · ,
  177. Dark Design Patterns Catalog · · , ,
  178. “sizes="auto"” Pretty Much Requires “width” and “height” Attributes (by) · · , ,
  179. Astro 4.0 (by+/via) · · ,
  180. Maglev—V8’s Fastest Optimizing JIT (by+/via) · · , , , ,
  181. A Definition Update for Baseline (by+/via) · · , , ,
  182. Baseline’s Evolution on MDN (by/via) · · , , , ,
  183. Web Chat Accessibility Considerations (by) · · , , ,
  184. Scale Your React App With Storybook and Chromatic (by/via) · · , ,
  185. My 3 Rules for Documenting Code (by) · · , ,
  186. Blind CSS Exfiltration: Exfiltrate Unknown Web Pages (by/via) · · ,
  187. Better Vue.js Inputs With Generics: The Select (by) · · ,
  188. 4 Dead Simple Ways of Customizing Bootstrap (by) · · , ,
  189. The Hellish History of HTML: An Incomplete and Personal Account (by) · · ,
  190. Testing the Performance of Social Media Embeds (by/via) · · , , ,
  191. 12 Important User-Interface Design Guidelines (by/via) · · , ,
  192. 100 Bucket List Ideas for Programmers (by) · · ,
  193. An Informed Pre-Caching Strategy for Large Sites (by/via) · · , ,
  194. Of Time and the Web (by/via) · · , , ,
  195. The State of UX in 2024: Enter Late-Stage UX (by/via) · ·
  196. Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (by+/via) · · , , ,
  197. The Importance of User Feedback and Data in UX Design (by/via) · · ,
  198. How Marketing Changed OOP in JavaScript (by/via) · · , ,
  199. Why Carousels Don’t Work (by) · · , ,
  200. CSS Media Query for Scripting Support (by) · · , , ,
  201. Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (via) · · , , ,
  202. The Pros and Cons of Using React Today (by/via) · · ,
  203. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (by) · · , , ,
  204. Is the Flat Design Trend Finally Over? (by/via) · · ,
  205. The “form” Attribute—Enhancing Form Layout Flexibility · · ,
  206. Let’s Learn How Modern JavaScript Frameworks Work by Building One (by) · · , , , ,
  207. A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (by/via) · · , ,
  208. Fastest Way of Passing State to JavaScript, Re-Visited (by/via) · · , ,
  209. You Don’t Need JavaScript for That (by) · ·
  210. Deceptive Patterns in UX: How to Recognize and Avoid Them (by/via) · · ,
  211. Web Development Advent Calendars for 2023 (by) · · ,
  212. Create Dynamic Web Experiences With Interactive SVG Animations (via) · · , ,
  213. Does Web Design Matter? (by) · · ,
  214. I Replaced npm, Yarn, and nvm With pnpm (by) · · , , , ,
  215. CSS Relative Colors (by/via) · · ,
  216. Search vs. Browse · · , , ,
  217. How to Use a Color Font (by) · · , ,
  218. Debugging BFCache, Make Your Page Load Instantly (by+/via) · · , , , , , , ,
  219. The UX of HTML (by) · · , ,
  220. Recovering Deleted Files From Your Git Working Tree (by/via) · · ,
  221. How to Use Chrome’s Accessibility Tree (via) · · , , , ,
  222. Firefox on the Brink? (by) · · , ,
  223. Preparing for a Live Demo (by) · ·
  224. Creating a Marquee Effect With CSS Animations (by) · · , ,
  225. Not All Screen Reader Users Are Blind (by) · · , , , ,
  226. New to the Web Platform in November (by/via) · · , , , , , ,
  227. Is 2024 the Year of CSS Nesting? (by/via) · · ,
  228. Node v21.3.0 (by/via) · · ,
  229. Hide and Debug Empty Elements With CSS (by/via) · ·
  230. Fetch API, Do You Really Know How to Handle Errors? (by) · · , ,
  231. Measure LCP Sub-Parts to Improve Largest Contentful Paint (via) · · , ,
  232. Testing in Production With Canary Deployments: A How-To Guide (by) · · , ,
  233. Design That Scales (by) · · , , , ,
  234. CSS: BEM or Atomic Design (by) · · , , ,
  235. Oh No, Overflow! (by/via) · · ,
  236. Care Beyond Code: 7 Best Design Practices for Frontend Developers (by+/via) · · ,
  237. The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query (by) · · , , , ,
  238. How to Use the File System in Node.js (by/via) · · , , ,
  239. Accessing .env Files Natively With Node.js (by) · · ,
  240. Checking the Type of a String in PHP (by) · ·
  241. Accessibility: A Practical Perspective (by) · ·
  242. Kicking the Excessive JavaScript Habit (by/via) · · , , ,
  243. Resource Loading at the Cutting Edge (by/via) · · ,
  244. The “hanging-punctuation” Property in CSS (by) · · ,
  245. Web Components Eliminate JavaScript Framework Lock-In (by) · · , , ,
  246. 10 JavaScript Changes You Missed in 2023 (by/via) · · , ,
  247. “An Accessible Website Won’t Be Beautiful”… Really?! · · ,
  248. Burnout in the Digital Accessibility Field (by) · · ,
  249. A Complete Guide to pnpm (via) · · , ,
  250. Keyboard Accessibility Myths and WCAG (by/via) · · , , ,