Frontend Dogma

News and Tools for Frontend Development (5)

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

  1. Introducing the New npm Dependency Selector Syntax (toot or tweet) · ·
  2. Migration from jQuery to Next.js: A Guide (toot or tweet) · · , , ,
  3. One Year of Coding—Recommendations for Beginners from a Beginner (toot or tweet) · · , ,
  4. A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran) (toot or tweet) · · ,
  5. Finer Grained Control over CSS Transforms with Individual Transform Properties (toot or tweet) · ·
  6. Making a Website Under 1 kB (toot or tweet) · · , ,
  7. Popular Node.js Patterns and Tools to Re-Consider (toot or tweet) · · ,
  8. CSS Border Animations (toot or tweet) · · ,
  9. Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (toot or tweet) · · ,
  10. Fluid Sizing Instead of Multiple Media Queries? (toot or tweet) · · ,
  11. IE: RIP or BRB? (toot or tweet) · · , ,
  12. Ruby Styling (toot or tweet) · · , ,
  13. Fitts’s Law and Its Applications in UX (toot or tweet) · · ,
  14. The Importance of Clean Code in Your Startup’s Success (toot or tweet) · ·
  15. Checking If a JavaScript Native Function Is Monkey Patched (toot or tweet) · ·
  16. Firefox (and Other Browsers), Forgotten? (toot or tweet) · · ,
  17. How to Add a Subtle Gradient on Top of an Image Using CSS (toot or tweet) · · ,
  18. 10+ Things I Always Set Up in Git When I Prepare a New Environment (toot or tweet) · · , ,
  19. The Horizontal Overflow Problem (toot or tweet) · ·
  20. Use the Active Voice to Transform Your Design System Documentation (toot or tweet) · · , ,
  21. Which Generator Builds Markdown the Fastest? (toot or tweet) · · , , ,
  22. 500 ms to 1.7 ms in React: A Journey and a Checklist (toot or tweet) · · ,
  23. 8 Simple Steps to Complete a Technical SEO Audit (toot or tweet) · · ,
  24. Adding Observability to Your Jest Tests (toot or tweet) · · , ,
  25. Detecting CSS Selector Support with JavaScript (toot or tweet) · · , , ,
  26. Quick Tip: Negative Animation Delay (toot or tweet) · · , ,
  27. Recreating MDN’s Truncated Text Effect (toot or tweet) · · ,
  28. Testable Frontend: The Good, the Bad, and the Flaky (toot or tweet) · ·
  29. The Advanced Guide to the CSS “:has()” Selector (toot or tweet) · · , ,
  30. Underengineer Your Websites (toot or tweet) · · , ,
  31. When Will Scrum Die? (toot or tweet) · · , , ,
  32. 3 Simple Ways to Center an Element Using CSS (toot or tweet) · ·
  33. Abbreviations Suck (toot or tweet) · · ,
  34. Adventures in Text Rendering: Kerning and Glyph Atlases (toot or tweet) · · ,
  35. CSS Minimal Dark Mode Toggle Button (toot or tweet) · · , ,
  36. Design Systems for Humans (toot or tweet) · · ,
  37. Why I’m Learning Typescript (toot or tweet) · ·
  38. You Don’t Need Microservices (toot or tweet) · ·
  39. A Good Reset (toot or tweet) · · ,
  40. #ADA32: The ADA Has Applied to Digital for Decades (toot or tweet) · · ,
  41. Introducing Even More Security Enhancements to npm (toot or tweet) · · ,
  42. Maintenance Matters (toot or tweet) · · , , , , ,
  43. Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (toot or tweet) · · , ,
  44. Speaking Up and Speaking Out: Tactical Communication in Accessibility (toot or tweet) · · ,
  45. The 10 Affirmations of Good Digital Accessibility (toot or tweet) · ·
  46. UX Principles That Include Cognitive Accessibility (toot or tweet) · · , ,
  47. 5 Best UX Careers to Pursue in 2022 (toot or tweet) · · ,
  48. “<article>” vs. “<section>”: How to Choose the Right One (toot or tweet) · · , ,
  49. Everything You Need to Know About JavaScript Import Maps (toot or tweet) · ·
  50. Priority Hints—What Your Browser Doesn’t Know (Yet) (toot or tweet) · ·
  51. Solving the “Dangler” Conundrum with Container Queries and “:has()” (toot or tweet) · · ,
  52. Typography in Web Design (toot or tweet) · · ,
  53. Your Code Doesn’t Have to Be a Mess (toot or tweet) · ·
  54. Clean Architecture: Applying with React (toot or tweet) · · ,
  55. Mobile UX: Study Guide (toot or tweet) · · , , ,
  56. Ancient Web Browsers (toot or tweet) · · ,
  57. The History of JavaScript (toot or tweet) · · ,
  58. Definitive Guide to CAPTCHA Accessibility (toot or tweet) · · , ,
  59. Say No to Tailwind, Embrace Plain CSS (toot or tweet) · · , ,
  60. Type Annotations in JavaScript (toot or tweet) · · ,
  61. Understanding CSS “:has()” (toot or tweet) · · , ,
  62. 20 Git Commands Every Developer Should Know (toot or tweet) · · ,
  63. Escaping the sRGB Prison (toot or tweet) · · ,
  64. Front-End Internationalisation Tips (toot or tweet) · · , , ,
  65. Introduction to SvelteKit (toot or tweet) · · , ,
  66. RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks (toot or tweet) · · , ,
  67. Research Insight: Accessibility of Images (toot or tweet) · · , , ,
  68. Roundup of Recent Document Outline Chatter (toot or tweet) · · , ,
  69. Top Layer Support in Chrome DevTools (toot or tweet) · · ,
  70. Vector Animations with Figma and SVG Animate (toot or tweet) · · , ,
  71. Where’s the Fun in Accessibility? (toot or tweet) · · ,
  72. With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (toot or tweet) · · , ,
  73. An Introduction to Multithreading in Node.js (toot or tweet) · · , ,
  74. Create Complex Transitions with Individual CSS Transform Properties (toot or tweet) · · , ,
  75. Creating an App Using Drag and Drop with React without Libraries (toot or tweet) · ·
  76. Powerful Image Optimization Tools (toot or tweet) · · , , , ,
  77. Rethinking Device Emulation in Browsers (toot or tweet) · · , ,
  78. 15 Common Beginner JavaScript Mistakes (toot or tweet) · ·
  79. Expert Tips for Color Accessibility on the Web (toot or tweet) · · , ,
  80. JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (toot or tweet) · · , ,
  81. Logical Properties for Useful Shorthands (toot or tweet) · · ,
  82. Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (toot or tweet) · · , ,
  83. The 10 Most Common JavaScript Issues Developers Face (toot or tweet) · ·
  84. Abbreviations Can Be Problematic (toot or tweet) · · ,
  85. Hacking Javascript Objects (toot or tweet) · · ,
  86. How Scrum with Kanban Works (toot or tweet) · · , , ,
  87. JSON Creator Douglas Crockford Interview (toot or tweet) · · ,
  88. Useful Tips and Tricks in JavaScript (toot or tweet) · · , ,
  89. What Is Passwordless Authentication and How to Implement It (toot or tweet) · · , ,
  90. What Is WAI? The Web Accessibility Initiative (toot or tweet) · ·
  91. Why I No Longer Care What People “Like” or “Don’t Like” (toot or tweet) · ·
  92. 7 Tips for Clean React TypeScript Code You Must Know (toot or tweet) · · , ,
  93. An Approach to Continuous Learning (toot or tweet) · · ,
  94. Can SVG Symbols Affect Web Performance? (toot or tweet) · · ,
  95. CSS Gradient Background from Figma to Codepen (toot or tweet) · · , , ,
  96. Use Firefox for Accessibility Testing (toot or tweet) · · , ,
  97. Using Grids in Interface Designs (toot or tweet) · · ,
  98. 7 Quick Facts About WCAG 2.2 (toot or tweet) · · , ,
  99. Welcome to the Dark Side (toot or tweet) · · , ,
  100. What Does x% of Issues Mean? (toot or tweet) · · ,
  101. Could Sustainable Websites Increase Energy Consumption? (toot or tweet) · ·
  102. Working with File System Paths on Node.js (toot or tweet) · ·
  103. Minimal Social Markup (toot or tweet) · · , ,
  104. Perceived Affordances and the Functionality Mismatch (toot or tweet) · · , ,
  105. The Hidden History of Screen Readers (toot or tweet) · · , , ,
  106. What Is the Best Way to Mark Up an Exclusive Button Group? (toot or tweet) · · , , ,
  107. Bag Some AAA Wins Where You Can (toot or tweet) · · ,
  108. Custom ESM Loaders: Who, What, When, Where, Why, How (toot or tweet) · ·
  109. My War on Animation (toot or tweet) · · ,
  110. Optimizing Node.js Dependencies in AWS Lambda (toot or tweet) · · , , ,
  111. The “Array.prototype.at()” Method in Vanilla JavaScript (toot or tweet) · ·
  112. Applying SOLID Principles in React (toot or tweet) · · , , ,
  113. The Cost of Consistency in UI Frameworks (toot or tweet) · · ,
  114. The Methods UX Professionals Use (toot or tweet) · · ,
  115. What You Need to Know About ARIA and How to Fix Common Mistakes (toot or tweet) · · , ,
  116. 37 Easy Ways to Spice Up Your UI Designs (toot or tweet) · · ,
  117. A Look at Remix and the Differences with Next.js (toot or tweet) · · , , ,
  118. Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (toot or tweet) · · , , , ,
  119. Building (or Rebuilding) a Website with Accessibility in Mind (toot or tweet) · ·
  120. Forms in Modals: UX Case (toot or tweet) · · ,
  121. Fundamentals Matter (toot or tweet) · ·
  122. Generating Accessibility Test Results for a Whole Website with Pa11y CI (toot or tweet) · · , ,
  123. Guide to Trending Front-End Frameworks in 2022 (toot or tweet) · · , , , , , ,
  124. Integer Math in JavaScript (toot or tweet) · · ,
  125. Statements vs. Expressions (toot or tweet) · · ,
  126. Technical Writing for Developers (toot or tweet) · · ,
  127. The Many Faces of Themeable Design Systems (toot or tweet) · · ,
  128. JavaScript Obfuscation Techniques by Example (toot or tweet) · · , ,
  129. The Ultimate Guide to Debugging Accessibility Issues (toot or tweet) · · , ,
  130. Choosing the Right Mindset to Design Complex Applications (toot or tweet) · · , ,
  131. Figma Auto Layout = “display: flex” (toot or tweet) · · ,
  132. Working on a New Feature as a Senior Frontend Developer (toot or tweet) · ·
  133. CSS Complexity: It’s Complicated (toot or tweet) · · ,
  134. Data Structure and Algorithms 102 (toot or tweet) · · ,
  135. Set JAWS Free! (toot or tweet) · · , ,
  136. The Future of CSS: Variable Units, Powered by Custom Properties (toot or tweet) · · , ,
  137. An Accessibility-First Approach to Chart Visual Design (toot or tweet) · · ,
  138. Holograms, Light-Leaks, and How to Build CSS-Only Shaders (toot or tweet) · · ,
  139. It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility Via Display Properties (toot or tweet) · · , ,
  140. The CSS Cascade, a Deep Dive (toot or tweet) · · , ,
  141. Why the HTML Outlining Algorithm Was Removed from the Spec—The Truth Will Shock You! (toot or tweet) · · , ,
  142. Captions: Humans vs. Artificial Intelligence: Who Wins? (toot or tweet) · · , , , ,
  143. The Hard Parts of Developer Advocacy (for Me) (toot or tweet) · · ,
  144. The Joy of Variable Fonts: Getting Started on the Frontend (toot or tweet) · · ,
  145. Truly Portable Design Patterns (toot or tweet) · · ,
  146. What Are Color Gamuts (toot or tweet) · ·
  147. Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (toot or tweet) · · , , ,
  148. Executing Shell Commands from Node.js (toot or tweet) · · ,
  149. Inverted Media Queries and Breakpoints (toot or tweet) · · ,
  150. Masonry? In CSS?! (toot or tweet) · · ,
  151. Style with Stateful, Semantic Selectors (toot or tweet) · · ,
  152. The Ballad of Text Overflow (toot or tweet) · · ,
  153. The Case for Null in Design Systems (toot or tweet) · ·
  154. The Off by Default Web (toot or tweet) · · ,
  155. Body Margin 8px (toot or tweet) · · ,
  156. How to Make Text Improve User Experience: Insights into UX Writing (toot or tweet) · · ,
  157. Super-Helpful Tips When Working with Figma Component Properties (toot or tweet) · · , ,
  158. The Unlocked Possibilities of the “:has()” Selector (toot or tweet) · · ,
  159. Two Levels of Customising “<selectmenu>” (toot or tweet) · · ,
  160. css-browser-support (toot or tweet) · · , , , ,
  161. Frontend Web Performance: The Essentials (toot or tweet) · · ,
  162. Faster WordPress Rendering with 3 Lines of Configuration (toot or tweet) · · , , , ,
  163. Imagemin Guard (toot or tweet) · · , , , ,
  164. Best Practices for Images (toot or tweet) · · , ,
  165. Breaking Out of a Central Wrapper (toot or tweet) · ·
  166. Reimagining Front-End Web Development with htmx and Hyperscript (toot or tweet) · · ,
  167. Web Development Is Like Assembling IKEA Furniture (toot or tweet) · ·
  168. Write Git Commit Messages That Your Colleagues Will Love (toot or tweet) · ·
  169. 404 vs. 410—The Technical SEO Experiment (toot or tweet) · · , , ,
  170. CSS Variable Secrets (toot or tweet) · · ,
  171. “That’s Not Accessible!” and Other Statements About Accessibility (toot or tweet) · ·
  172. The New Wave of React State Management (toot or tweet) · · , ,
  173. Building Tabs in Web Components (toot or tweet) · ·
  174. Farewell to HTML5Rocks (toot or tweet) · · , ,
  175. Thoughts on an Accessibility “Get Well” Plan (toot or tweet) · · , ,
  176. What Every Newbie Developer Should Know (toot or tweet) · ·
  177. What the Hell is “<!DOCTYPE html>”? (toot or tweet) · ·
  178. Are You Sure That’s a Number Input? (toot or tweet) · ·
  179. Googlebot and the 15 MB Thing (toot or tweet) · · ,
  180. Working with the File System on Node.js (toot or tweet) · · ,
  181. A CLS Punishment for Progressive Enhancement? (toot or tweet) · · , ,
  182. Demystifying the New Gatsby Framework (toot or tweet) · · ,
  183. SPAs: Theory Versus Practice (toot or tweet) · · ,
  184. Style Queries (toot or tweet) · ·
  185. What Do the Developers Do in the Last Week of the Sprint? (toot or tweet) · · , ,
  186. A Previous Sibling Selector (toot or tweet) · · ,
  187. Using JavaScript to Fill localStorage to Its Maximum Capacity (toot or tweet) · · ,
  188. UX Writing: Study Guide (toot or tweet) · · , ,
  189. GA4 Is Being Blocked by Content Security Policy (toot or tweet) · · , ,
  190. Why Use Sass? (toot or tweet) · · , ,
  191. 4+ Years of Cracking Technical Interviews (toot or tweet) · · ,
  192. Accessible Design Systems (toot or tweet) · · ,
  193. Introduction to Defensive CSS (toot or tweet) · · ,
  194. Missing Introduction to React (toot or tweet) · · ,
  195. Single Element Loaders: The Bars (toot or tweet) · ·
  196. WCAG 2.1 AA Web Accessibility Checklist (toot or tweet) · · , ,
  197. 5 Useful CSS Properties That Get No Love (toot or tweet) · · ,
  198. 7 UX Laws You’re Probably Getting Wrong (toot or tweet) · · , ,
  199. Apple Is Not Defending Browser Engine Choice (toot or tweet) · · , , ,
  200. Can We Enterprise CSS Grid? (toot or tweet) · · , ,
  201. Everything You Need to Know About Web Performance (in 5 Minutes) (toot or tweet) · · , ,
  202. Getting Started with Vue Composables (toot or tweet) · ·
  203. How We Designed an Accessible Color Palette from Scratch (toot or tweet) · · ,
  204. Managing Specificity with CSS Cascade Layers (toot or tweet) · · , ,
  205. Mastering “z-index” in CSS (toot or tweet) · ·
  206. Stop the Screen Going to Sleep with JavaScript (toot or tweet) · ·
  207. Different Ways to Write CSS in React (toot or tweet) · · ,
  208. In Defense of Blocks for Local Scopes II (toot or tweet) · ·
  209. In Defense of Blocks for Local Scopes (toot or tweet) · ·
  210. Introducing Keyboard Navigation (toot or tweet) · · ,
  211. Looking Ahead—Insights from Jeffrey Zeldman and Eric Meyer (toot or tweet) · · , ,
  212. Please Remove That .git Folder (toot or tweet) · · ,
  213. Style Scoping Versus Shadow DOM: Which Is Fastest? (toot or tweet) · · , , , ,
  214. “text-overflow: ellipsis” Considered Harmful (toot or tweet) · · ,
  215. User Vulnerabilities in the Data Cycle (toot or tweet) · · , ,
  216. What Would a Chromium-Only Web Look Like? (toot or tweet) · · , ,
  217. Be the Browser’s Mentor, Not Its Micromanager (toot or tweet) · · ,
  218. How and When to Use the CSS “:has” Selector (toot or tweet) · · ,
  219. Svelte Origins: A JavaScript Documentary (toot or tweet) · · , ,
  220. The Right Space Around Headings in Web Typography (toot or tweet) · · ,
  221. What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (toot or tweet) · · , , ,
  222. A Beginner’s Guide to Inclusive UX Design (toot or tweet) · · , , ,
  223. Best Practices for Overlays II (toot or tweet) · · , ,
  224. Future Features of JS (toot or tweet) · · ,
  225. How I Built a Dark Mode Toggle (toot or tweet) · ·
  226. Icon-Only Links Fail WCAG (toot or tweet) · · , , ,
  227. One Line of CSS to Add Basic Dark/Light Mode (toot or tweet) · · ,
  228. The Dos and Don’ts of Pairing Typefaces (toot or tweet) · · , , , ,
  229. Alternatives to Installing npm Packages Globally (toot or tweet) · · ,
  230. The Case for Using Sass in 2022 (toot or tweet) · · , ,
  231. Is It Expensive to Build an Eco-Friendly Website? (toot or tweet) · · ,
  232. Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement (toot or tweet) · · , , ,
  233. The Cost of Convenience (toot or tweet) · · ,
  234. Using Web Streams on Node.js (toot or tweet) · ·
  235. Why Do We Call It Breadcrumbs? Diving into the History of UI Components (toot or tweet) · · , ,
  236. 3 Useful CSS Hacks (toot or tweet) · · ,
  237. How to Use ESLint and Prettier for Code Analysis and Formatting (toot or tweet) · · , , ,
  238. In and Out of Style (toot or tweet) · · ,
  239. Naming Conventions for Design Systems (toot or tweet) · · , ,
  240. Notes on Maintaining an Internal React Component Library (toot or tweet) · · , , ,
  241. 5 Very Simple Steps You Can Take for Accessibility Improvement (toot or tweet) · · ,
  242. Communication Accessibility: It’s Time to Change How We Communicate (toot or tweet) · · ,
  243. Complex vs. Compound Selectors (toot or tweet) · · , ,
  244. Conditionally Styling Selected Elements in a Grid Container (toot or tweet) · · ,
  245. Do Dyslexia Fonts Improve Accessibility? (toot or tweet) · · ,
  246. Fun CSS-Only Scrolling Effects for Matterday (toot or tweet) · · ,
  247. How to Prevent Merge Conflicts (or at Least Have Less of Them) (toot or tweet) · · ,
  248. How to Remove 99% of JavaScript from Main Thread (toot or tweet) · · , ,
  249. The Guide to Windows High Contrast Mode (toot or tweet) · · ,
  250. You Don’t Need a JavaScript Library for Your Components (toot or tweet) · · , ,