Frontend Dogma

News and Tools for Frontend Development (7)

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

  1. Build a Lightweight Web Component with Lit.js (toot or tweet) · · ,
  2. Deep Dive into Top Web Developer Pain Points (toot or tweet) · ·
  3. Four Eras of JavaScript Frameworks (toot or tweet) · · , ,
  4. How Web Browsers Work: Parsing the HTML (toot or tweet) · · , ,
  5. Mobile App Versus Web Site: Which Is Better for Your Business? (toot or tweet) · · ,
  6. Supercharge Your Design System with Design Tokens (toot or tweet) · · ,
  7. Testing Figma Components (toot or tweet) · · , ,
  8. The “Dark Yellow Problem” in Design System Color Palettes (toot or tweet) · · , ,
  9. Atomic Design 2022: What We Can Learn from Eames and Other Design Giants (toot or tweet) · ·
  10. Best Font for Online Reading: No Single Answer (toot or tweet) · · , , ,
  11. How Web Browsers Work: Navigation (toot or tweet) · · ,
  12. Progressive Enhancement and HTML Forms: Use “FormData” (toot or tweet) · · , ,
  13. Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity (toot or tweet) · · ,
  14. Writing Strong Front-End Test Element Locators (toot or tweet) · ·
  15. Building a Combined CSS Aspect Ratio Grid (toot or tweet) · · ,
  16. Mastering CSS Transitions with React 18 (toot or tweet) · · , ,
  17. TypeScript Tips and Tricks (toot or tweet) · · , , ,
  18. Web Color Is Still Broken (toot or tweet) · · , ,
  19. 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (toot or tweet) · · , , ,
  20. Beyond WCAG: Losing Spoons Online (toot or tweet) · · , ,
  21. Brief Note on Buttons, Enter, and Space (toot or tweet) · ·
  22. Debugging Node Serverless Functions on AWS Lambda (toot or tweet) · · , , ,
  23. Faster Initialization of Instances with New Class Features (toot or tweet) · · , ,
  24. Productivity Tips and Tools for a More Efficient Workflow (toot or tweet) · · , , ,
  25. The Future of CSS: CSS Toggles (toot or tweet) · ·
  26. Why Learn to Code? 17 Benefits of Learning to Code (toot or tweet) · · ,
  27. Forced Colors Explained: A Practical Guide (toot or tweet) · · ,
  28. How to Start Testing Your Website with a Screen Reader (toot or tweet) · · , ,
  29. Ordering CSS Declarations (toot or tweet) · · ,
  30. Routing: I’m Not Smart Enough for an SPA (toot or tweet) · · ,
  31. The Front-End Developer’s Guide to the Terminal (toot or tweet) · · ,
  32. The Role of Policy in Creating a Culture of Accessibility (toot or tweet) · · , , ,
  33. 20 Easy Ways to Be More Productive as a Developer (toot or tweet) · ·
  34. 4 Reasons to Avoid Using “npm link” (toot or tweet) · ·
  35. A Practical Guide to Centering in CSS (toot or tweet) · · , ,
  36. Does Valid and Semantic HTML Still Matter? (toot or tweet) · · , , ,
  37. Ensure Third Party Content Is Accessible (toot or tweet) · · , ,
  38. React 18—New Features and Improvement Strategies (toot or tweet) · ·
  39. The Ultimate Guide to Push Notifications for Developers (toot or tweet) · · ,
  40. Web Scraping Is Legal, U.S. Appeals Court Reaffirms (toot or tweet) · · ,
  41. When UX Goes Bad (and How to Fix It) (toot or tweet) · ·
  42. Test-Driven Development with React and Redux: Thunk, Slices, and Requests Mocking (toot or tweet) · · , ,
  43. Node.js 18 Introduces Prefix-Only Core Modules (toot or tweet) · ·
  44. Is Agile an Anti-Design Pattern? (toot or tweet) · · , ,
  45. The Most Popular Node.js Frameworks in 2022 (toot or tweet) · · ,
  46. 7 Web Component Tricks (toot or tweet) · · ,
  47. Accessibility Why You Need to Work Toward Progress Not Perfection (toot or tweet) · ·
  48. Evaluating Design System Adoption Using Custom CSS (toot or tweet) · · , , ,
  49. Fonts for the Web: Rationale, 1996 (toot or tweet) · · ,
  50. Implementing Micro-Frontends: A Path to Evolve Legacy Codebases (toot or tweet) · · , ,
  51. Intro to CSS Parent Selector—“:has()” (toot or tweet) · · , , ,
  52. A Web Renaissance (toot or tweet) · ·
  53. Building a Dialog Component (toot or tweet) · · , , ,
  54. CSS Parent Selector (toot or tweet) · · ,
  55. Designers Are Spending Too Much Time Designing UI Variations Manually (toot or tweet) · · , ,
  56. Drastically Improve Your UI Designs with This Technique (toot or tweet) · · , ,
  57. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (toot or tweet) · · ,
  58. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (toot or tweet) · · , , ,
  59. Title Rewrites: 3 Patterns to Avoid (toot or tweet) · · , , ,
  60. Common Accessibility Issues That You Can Fix Today (toot or tweet) · ·
  61. Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (toot or tweet) · ·
  62. Naming Colors in Design Systems (toot or tweet) · · , ,
  63. One Million Broken Web Sites—and a Way to Prevent That (toot or tweet) · · , ,
  64. Why Accessibility Bugs Are a Good Thing and How to Handle Them (toot or tweet) · · ,
  65. 7 Collaborative Coding Tools for Remote Pair Programming (toot or tweet) · · ,
  66. Childish Font Sizes (toot or tweet) · · , ,
  67. Common App Design Challenges and Their Solutions (toot or tweet) · · ,
  68. CSS Toggles Explainer and Proposal (toot or tweet) · ·
  69. How to Develop Your UX Design Philosophy (toot or tweet) · · ,
  70. How to Improve UX Design Through A/B Testing (toot or tweet) · · , , ,
  71. Image Borders in CSS (toot or tweet) · · ,
  72. Mobile-First Ecommerce Site Design Is the Future (toot or tweet) · · ,
  73. Takeaways from The Internet is Unusable: The Disabled View (toot or tweet) · ·
  74. Those HTML Elements You Never Use (toot or tweet) · · ,
  75. CSS “:has()” a Parent Selector Now (toot or tweet) · · ,
  76. CSS Tips and Tricks You May Need to Know (toot or tweet) · · , ,
  77. How to Fix Your Low-Contrast Text (toot or tweet) · · , ,
  78. Information Architecture: Study Guide (toot or tweet) · · , ,
  79. JavaScript Function Composition: What’s the Big Deal? (toot or tweet) · ·
  80. Open Accessibility Standards (toot or tweet) · · , , ,
  81. 33 JavaScript Concepts Every Developer Should Know (toot or tweet) · · ,
  82. April 9 is CSS Naked Day (toot or tweet) · · ,
  83. Incremental Static Regeneration for Angular (toot or tweet) · · ,
  84. There’s No Such Thing as a “Design System Designer” (toot or tweet) · · , ,
  85. Dynamic Data-Fetching in an Authenticated Next.js App (toot or tweet) · · , ,
  86. Nailing Your Engineering Interviews: Tips from a Technical Recruiter (toot or tweet) · · ,
  87. Use Unicode Characters for Bullet Points in CSS Using “::marker” (toot or tweet) · · ,
  88. Why Your Design System Needs Content Design (toot or tweet) · · ,
  89. Your Website Is a Pollution Machine (toot or tweet) · ·
  90. Designing Better Breadcrumbs (toot or tweet) · · , ,
  91. How to Create Animated Anchor Links Using CSS (toot or tweet) · · , ,
  92. JavaScript and Node.js Testing Best Practices (toot or tweet) · · , , ,
  93. Principles of Object-Oriented Programming in TypeScript (toot or tweet) · · ,
  94. 12 Years Beyond a HTML Joke (toot or tweet) · · ,
  95. A New Statistical Approach for Predicting Usability Problems (toot or tweet) · · , ,
  96. Alternative Text (Alt Text) (toot or tweet) · · ,
  97. Animated Grid Tracks with “:has()” (toot or tweet) · · , ,
  98. Core Web Vitals: Finding Common Ground Between SEOs and Developers (toot or tweet) · · , , ,
  99. Fonts in Use: Variable Fonts (toot or tweet) · · ,
  100. HTML Is All You Need to Make a Website (toot or tweet) · ·
  101. The Business Case for Accessibility (toot or tweet) · · ,
  102. A Simple Way to Create a Slideshow Using Pure CSS (toot or tweet) · · , ,
  103. Accessible Description Exposure (toot or tweet) · · ,
  104. Thoughts on Exerting Control with Media Queries (toot or tweet) · · , ,
  105. What If… One Day Everything Got Better? (toot or tweet) · ·
  106. “aria-labelledby” Usage Notes (toot or tweet) · · , ,
  107. How to Respond to Growing Supply Chain Security Risks? (toot or tweet) · · , , ,
  108. Tweaking in the Browser (toot or tweet) · · ,
  109. Accessible Cards (toot or tweet) · · , ,
  110. Top 3 Informational Interview Questions in UX (toot or tweet) · · , , ,
  111. Why We Don’t Use a Staging Environment (toot or tweet) · · , ,
  112. Exciting Times for Browsers (and CSS) (toot or tweet) · · ,
  113. How to Match HTML Elements with an Indeterminate State (toot or tweet) · · , ,
  114. The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (toot or tweet) · · ,
  115. Accessibility Policy Implementation: What You Need to Know (toot or tweet) · · , ,
  116. Designing a Better Infinite Scroll (toot or tweet) · · ,
  117. How to Optimize Your LCP (with Visuals) (toot or tweet) · · , ,
  118. HTML-Only Keyboard Shortcuts (toot or tweet) · · ,
  119. If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone (toot or tweet) · · ,
  120. Make Beautifully Resilient Apps with Progressive Enhancement (toot or tweet) · ·
  121. Neubrutalism Is Taking Over the Web (toot or tweet) · · ,
  122. 7 Learning Habits for Developers: Reach Skill Goals in Less Time (toot or tweet) · ·
  123. A Guide to Hover and Pointer Media Queries (toot or tweet) · · , ,
  124. An Opinionated Guide to Unit Testing (toot or tweet) · · , ,
  125. Case: Accessibility in Software Development (toot or tweet) · ·
  126. CSS “:has” (toot or tweet) · · ,
  127. How to Document Accessibility Issues (toot or tweet) · · ,
  128. Locale Aware Sorting in JavaScript (toot or tweet) · · , , ,
  129. Optimising Largest Contentful Paint (toot or tweet) · · ,
  130. Picture Perfect Images with the Modern “<img>” Element (toot or tweet) · · , , ,
  131. Secret Mechanisms of CSS (toot or tweet) · · ,
  132. Understanding Layout Algorithms (toot or tweet) · · ,
  133. The Art of CSS Art (toot or tweet) · · ,
  134. Why Every Programmer Must Blog (toot or tweet) · · ,
  135. 14 Linting Rules to Help You Write Asynchronous Code in JavaScript (toot or tweet) · · ,
  136. Building a Headless Design System (toot or tweet) · · , ,
  137. How to Use Props in React (toot or tweet) · · ,
  138. Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (toot or tweet) · · , , ,
  139. Remix Routes Demystified (toot or tweet) · · ,
  140. You ≠ User (toot or tweet) · · , ,
  141. You’re Unselectable (toot or tweet) · · ,
  142. Designing “Above the Fold”? Try the Reciprocity Principle (toot or tweet) · · ,
  143. How Should You Name Your Colors in a Design System? (toot or tweet) · · , ,
  144. Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (toot or tweet) · · , ,
  145. Variable Fonts in Real Life: How to Use and Love Them (toot or tweet) · · ,
  146. How Do Design Systems Improve Developer Efficiency? (toot or tweet) · · ,
  147. Resetting Inherited CSS with “Revert” (toot or tweet) · · ,
  148. Spotlight: What Happens When a Project Team Shifts Accessibility Left? (toot or tweet) · ·
  149. The 5 Riders of Accessible Media (toot or tweet) · · ,
  150. The Web Is for Everyone: Our Vision for the Evolution of the Web (toot or tweet) · · , , , , , ,
  151. There Are No Bad Questions in Accessibility (toot or tweet) · ·
  152. Those HTML Attributes You Never Use (toot or tweet) · ·
  153. ADA Web Site Compliance Still Not a Thing (toot or tweet) · · , ,
  154. Deep Dive into the CSS “:where()” Function (toot or tweet) · · ,
  155. Dynamically Generated Content and Accessibility: 3 Quick Tips (toot or tweet) · · ,
  156. Optimising Core Web Vitals on SPAs (toot or tweet) · · , , ,
  157. The Book on Accessibility (toot or tweet) · · , ,
  158. When to Use a Function Expression vs. Function Declaration (toot or tweet) · · ,
  159. 4 Xs That Aren’t UX (toot or tweet) · ·
  160. Conquering JavaScript Hydration (toot or tweet) · · ,
  161. Design Mistakes That Hurt Your Web Site’s Conversion Rates (toot or tweet) · · , ,
  162. Design System—Principles of Success (toot or tweet) · · ,
  163. Design Systems Aren’t Cheap (toot or tweet) · · , ,
  164. Do’s and Don’ts of Mobile UX Design (toot or tweet) · · , , ,
  165. HTML Semantics (toot or tweet) · · ,
  166. “!important” Was Added for One Reason Only (toot or tweet) · · ,
  167. Improving Your User Experience to Reduce Bounce Rates (toot or tweet) · · , , ,
  168. Should “Cancel” Be a Button or a Link? (toot or tweet) · · ,
  169. Usability Testing: Driving the Best User Experience for Business Success (toot or tweet) · · , ,
  170. Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (toot or tweet) · · , , ,
  171. Write HTML, the HTML Way (Not the XHTML Way) (toot or tweet) · · ,
  172. Authorization in a Microservices World (toot or tweet) · · ,
  173. How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (toot or tweet) · · ,
  174. Typography in Design Tokens for Figma and Code (toot or tweet) · · , , ,
  175. UX Strategy: Definition and Components (toot or tweet) · · ,
  176. Performance Tests on Common JavaScript Array Methods (toot or tweet) · · , , ,
  177. The Web Doesn’t Have Version Numbers (toot or tweet) · · ,
  178. Why Is Dark Mode So Captivating? (toot or tweet) · ·
  179. 4 Accessibility Mistakes Plaguing Most Government Websites (toot or tweet) · ·
  180. Google Calendar Webhooks with Node.js (toot or tweet) · · , ,
  181. Guidance on Web Accessibility and the ADA (toot or tweet) · · ,
  182. How Do I Resolve Merge Conflicts? (toot or tweet) · · , ,
  183. How to Make a Drag-and-Drop File Uploader with Vue.js 3 (toot or tweet) · · ,
  184. Identifying Fonts: The Complete Guide (toot or tweet) · · , ,
  185. Migrating Our Monorepo to Yarn 2 (toot or tweet) · · , ,
  186. Optimizing SVG Patterns to Their Smallest Size (toot or tweet) · · ,
  187. The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (toot or tweet) · · , , , ,
  188. The Future of the Web and Accessibility (toot or tweet) · · , ,
  189. A Designer’s Guide to Documenting Accessibility and User Interactions (toot or tweet) · · , , ,
  190. A Quick Guide to Closures (toot or tweet) · · ,
  191. Accessibility, Assistive Technology, and JavaScript (toot or tweet) · · , ,
  192. Building a Loading Bar Component (toot or tweet) · · , , ,
  193. How to Empathize with Your Users (toot or tweet) · · , ,
  194. How to Prep Your SEO Strategy for a New Website (toot or tweet) · · ,
  195. What Every Good README Should Contain (toot or tweet) · ·
  196. What Makes You a Professional Web Developer (toot or tweet) · ·
  197. Don’t Believe the Type! (toot or tweet) · · , , , ,
  198. How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (toot or tweet) · · ,
  199. Implementing JavaScript Delay for Cookie Consent Banner (toot or tweet) · · , ,
  200. Making the World’s Fastest Website, and Other Mistakes (toot or tweet) · ·
  201. Prevent Technical Debt with These 3 Strategies (toot or tweet) · ·
  202. React Best Practices and Patterns to Reduce Code (toot or tweet) · · , ,
  203. The Weirdly Obscure Art of Streamed HTML (toot or tweet) · · ,
  204. Aligning Content in Different Wrappers (toot or tweet) · · ,
  205. Explaining Micro Frontends As Simply As Possible (toot or tweet) · ·
  206. In Defense of Sass (toot or tweet) · · , ,
  207. It Needs to Map Back to a Role (toot or tweet) · · , , ,
  208. Tao of Node—Design, Architecture, and Best Practices (toot or tweet) · · , ,
  209. Update Node Dependencies Automatically, Selectively, or Incrementally (toot or tweet) · · , , ,
  210. When or If (toot or tweet) · ·
  211. 20 Productivity Tips from Developers to Developers (toot or tweet) · · ,
  212. Giving New Meanings to the Color Functions in CSS (toot or tweet) · · ,
  213. The Future of Web Accessibility: WCAG 3.0 (toot or tweet) · · , ,
  214. 42 Tips for Getting Good at DevOps and Life (toot or tweet) · · , ,
  215. Horizontal Scrolling Nav (toot or tweet) · · ,
  216. Where TypeScript Excels (toot or tweet) · · ,
  217. Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (toot or tweet) · ·
  218. A Look at the Dialog Element’s Super Powers (toot or tweet) · · ,
  219. Accumulation of Tech Debt (toot or tweet) · ·
  220. An Introduction to User Journey Maps (toot or tweet) · · , , ,
  221. Carousels: No One Likes You (toot or tweet) · · , ,
  222. Digging into CSS Media Queries (toot or tweet) · · , ,
  223. Don’t Alienate Your User: A Primer for Internationalisation and Localisation (toot or tweet) · · , ,
  224. Ten Years of Page Bloat: What Have We Learned? (toot or tweet) · · , ,
  225. WebGPU—All of the Cores, None of the Canvas (toot or tweet) · · ,
  226. You Don’t Always Need a CMS (toot or tweet) · ·
  227. 10 Amazing Games to Learn CSS (toot or tweet) · · ,
  228. 7 Ways to Achieve a Faster Core Web Vitals Score (toot or tweet) · · ,
  229. A New Speed Milestone for Chrome (toot or tweet) · · , ,
  230. An Introduction to AWS CloudFront Functions (toot or tweet) · · , ,
  231. Designing the User Experience of a Rating System (toot or tweet) · · ,
  232. JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (toot or tweet) · · , ,
  233. Moderated Versus Unmoderated Usability Testing (toot or tweet) · · , ,
  234. Optimizing a Web Site for Google’s New UX Criteria (toot or tweet) · · , , ,
  235. Performance Signals for Customizing Website UX (toot or tweet) · · , , ,
  236. Session Timeouts (toot or tweet) · · ,
  237. Using HTTPS in Your Development Environment (toot or tweet) · · , ,
  238. Alternatives to Pagination on Product-Listing Pages (toot or tweet) · · , ,
  239. Why I Avoid “async”/“await” (toot or tweet) · ·
  240. Creating Native Web Components (toot or tweet) · · , ,
  241. The Basics—Generics in PHP (toot or tweet) · · ,
  242. Accessibility and Limited Fine Motor Skills (toot or tweet) · ·
  243. Building Web Layouts for Dual-Screen and Foldable Devices (toot or tweet) · · , ,
  244. Dive into Node.js Streams (toot or tweet) · ·
  245. How to Design Better APIs (toot or tweet) · ·
  246. How to Prevent SQL Injection Attacks in Node.js (toot or tweet) · · , , ,
  247. Interop 2022: Browsers Working Together to Improve the Web for Developers (toot or tweet) · · , ,
  248. It’s Always Been You, Canvas2D (toot or tweet) · · , ,
  249. Remix vs. Next.js (toot or tweet) · · , ,
  250. The Best Design System Is No System (toot or tweet) · ·