Frontend Dogma

News and Tools for Frontend Development (8)

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

  1. 2 Approaches to Accessibility on the Web (toot or tweet) · · ,
  2. Cron Jobs: A Comprehensive Guide (toot or tweet) · · , ,
  3. Magical SVG Techniques (toot or tweet) · · , ,
  4. The Complete Modern React Developer 2022 (toot or tweet) · ·
  5. Under the Hood: React vs. Vue vs. Svelte (toot or tweet) · · , , , ,
  6. You Don’t Need “void 0” (toot or tweet) · ·
  7. A Different View into Accessibility Overlays (toot or tweet) · · , , , ,
  8. A Management Maturity Model for Performance (toot or tweet) · ·
  9. Frontend Versus Backend Web Development (toot or tweet) · ·
  10. Learn HTML [and] CSS (toot or tweet) · · , ,
  11. Performance Game Changer: Browser Back/Forward Cache (toot or tweet) · · , , ,
  12. Reinventing W3C Governance (toot or tweet) · · ,
  13. “Someone Should Build X for the Web”—Why Not You? (toot or tweet) · ·
  14. The Road to Universal JavaScript (toot or tweet) · ·
  15. Understanding User Behaviors Across Surfaces (toot or tweet) · ·
  16. Why SEO Is a Great Investment, Not Just a Cost (toot or tweet) · · ,
  17. My Opinion on What Makes a Good Code Review (toot or tweet) · · ,
  18. What’s Your Heading? (toot or tweet) · · , ,
  19. Scaling CSS Layout Beyond Pixels (toot or tweet) · · , ,
  20. How to Use the GitHub Pulls API to Manage Pull Requests (toot or tweet) · · ,
  21. Learn CSS Subgrid (toot or tweet) · · ,
  22. Top 2021 CSS Frameworks Report: Validation (toot or tweet) · · , , , ,
  23. 12 Modern CSS Techniques for Older CSS Problems (toot or tweet) · · , ,
  24. A Guide to Writing About Digital Accessibility (toot or tweet) · · , ,
  25. Fetch API Is [the] New Old Version of AJAX (toot or tweet) · · ,
  26. Get to Know Your Browser’s Performance Profiler (toot or tweet) · · , ,
  27. How to Use Videos with Alpha Transparency on the Web (toot or tweet) · · ,
  28. Master Higher-Order Functions in JavaScript (toot or tweet) · ·
  29. Please, Stop Disabling Zoom (toot or tweet) · · ,
  30. Practical Use Cases for “:has()” Pseudo-Class (toot or tweet) · · , ,
  31. Resilience, Flexibility, and Immediacy: Working with Headless Systems (toot or tweet) · · ,
  32. Design Patterns: How to Create Simple Interfaces (toot or tweet) · · ,
  33. Developing a Low-Touch Adoption Strategy for a New Design System (toot or tweet) · · ,
  34. How Not to Do Accessible Design (toot or tweet) · · , ,
  35. JavaScript Containers (toot or tweet) · · ,
  36. The Evolution of WCAG: A Postcard from the Front Lines (toot or tweet) · · , , ,
  37. Designing a Better Language Selector (toot or tweet) · · , , ,
  38. 5 Simple Productivity Tips for Developers (toot or tweet) · · ,
  39. Contextual Spacing for Intrinsic Web Design (toot or tweet) · · , ,
  40. How to Create a Color Palette for Your Design System (toot or tweet) · · ,
  41. In Defence of the Single Page Application (toot or tweet) · ·
  42. It’s Time We Fix the Unethical Design of Cookie Consent Windows (toot or tweet) · · , , ,
  43. Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (toot or tweet) · · , , ,
  44. Why I Don’t Miss React: A Story About Using the Platform (toot or tweet) · ·
  45. You Don’t Need a UI Framework (toot or tweet) · · , ,
  46. Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (toot or tweet) · · , , , , , ,
  47. 8 JavaScript Quiz [Questions] That May Confuse You (toot or tweet) · · ,
  48. Creating Realistic Reflections with CSS (toot or tweet) · · ,
  49. Deep Dive into Text Wrapping and Word Breaking (toot or tweet) · ·
  50. Ethical Design Network (toot or tweet) · · , ,
  51. If Design Principles Are for Designs, Then Design Values Are for Designers (toot or tweet) · · ,
  52. Writing Better CSS (toot or tweet) · · , ,
  53. Design System Documentation Best Practices (toot or tweet) · · , ,
  54. Under-Engineered Multi-Selects (toot or tweet) · · , ,
  55. Creating a Firework Effect with CSS (toot or tweet) · · ,
  56. How to Reduce Figma Memory Usage (toot or tweet) · ·
  57. Foundations: Lists (toot or tweet) · · ,
  58. How Web Browsers Work: Parsing the CSS (toot or tweet) · · , ,
  59. Best Practices for Integrating Content Design in Your Design System (toot or tweet) · · , , ,
  60. Common Frontend Interview Questions I’ve Been Asked (toot or tweet) · · , ,
  61. CTA Modal: How to Build a Web Component (toot or tweet) · · ,
  62. How to Build Node.js REST API with MySQL (toot or tweet) · · , , ,
  63. Let’s Keep the “Content” in WCAG (toot or tweet) · · , ,
  64. Server-Side vs. Client-Side Analytics (toot or tweet) · · ,
  65. The Complete Guide to Regular Expressions (Regex) (toot or tweet) · · ,
  66. The CSS Art Paradox (toot or tweet) · · , , ,
  67. Understanding the Performance Impact of Anti-Flicker Snippets (toot or tweet) · · ,
  68. My Browser Support Strategy (toot or tweet) · · , , ,
  69. Introducing “inert” (toot or tweet) · · , ,
  70. A Practical Guide to Aspect Ratio in CSS (toot or tweet) · · , ,
  71. Cool Hover Effects That Use Background Properties (toot or tweet) · · , ,
  72. Learn to Code with JavaScript: The Most Popular Programming Language on Earth (toot or tweet) · · ,
  73. Stop Removing Focus (toot or tweet) · · ,
  74. The 5 Golden Rules of Code Reviews (toot or tweet) · · , ,
  75. A Guide to Task-Based UX Metrics (toot or tweet) · · , ,
  76. Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (toot or tweet) · · , , ,
  77. Deploy Your First Website Without Leaving Your IDE (toot or tweet) · ·
  78. Flexibly Centering an Element with Side-Aligned Content (toot or tweet) · · ,
  79. Is Measuring Speed a Useful Metric for Design Systems? (toot or tweet) · · , , ,
  80. Non-Interactive Elements with the “inert” Attribute (toot or tweet) · · ,
  81. Plain Old Semantic HTML: A Perfect Basis for Accessibility (toot or tweet) · · , ,
  82. 11 Steps to Keep Figma Clean (toot or tweet) · · , ,
  83. 16 Top Design Trends for 2022 (toot or tweet) · · ,
  84. 8 Ways to Make Website Accessibility Easier (and Less Expensive) (toot or tweet) · ·
  85. 9 Useful Principles of UX Design (toot or tweet) · · , ,
  86. Build a Lightweight Web Component with Lit.js (toot or tweet) · · ,
  87. Four Eras of JavaScript Frameworks (toot or tweet) · · , ,
  88. How Web Browsers Work: Parsing the HTML (toot or tweet) · · , ,
  89. Mobile App Versus Web Site: Which Is Better for Your Business? (toot or tweet) · · ,
  90. Supercharge Your Design System with Design Tokens (toot or tweet) · · ,
  91. Testing Figma Components (toot or tweet) · · , ,
  92. The “Dark Yellow Problem” in Design System Color Palettes (toot or tweet) · · , ,
  93. Deep Dive into Top Web Developer Pain Points (toot or tweet) · ·
  94. Atomic Design 2022: What We Can Learn from Eames and Other Design Giants (toot or tweet) · ·
  95. Best Font for Online Reading: No Single Answer (toot or tweet) · · , , ,
  96. How Web Browsers Work: Navigation (toot or tweet) · · ,
  97. Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity (toot or tweet) · · ,
  98. Writing Strong Front-End Test Element Locators (toot or tweet) · ·
  99. Progressive Enhancement and HTML Forms: Use “FormData” (toot or tweet) · · , ,
  100. Building a Combined CSS Aspect Ratio Grid (toot or tweet) · · ,
  101. Mastering CSS Transitions with React 18 (toot or tweet) · · , ,
  102. TypeScript Tips and Tricks (toot or tweet) · · , , ,
  103. Web Color Is Still Broken (toot or tweet) · · , ,
  104. 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (toot or tweet) · · , , ,
  105. Beyond WCAG: Losing Spoons Online (toot or tweet) · · , ,
  106. Brief Note on Buttons, Enter, and Space (toot or tweet) · ·
  107. Debugging Node Serverless Functions on AWS Lambda (toot or tweet) · · , , ,
  108. Faster Initialization of Instances with New Class Features (toot or tweet) · · , ,
  109. Productivity Tips and Tools for a More Efficient Workflow (toot or tweet) · · , , ,
  110. Why Learn to Code? 17 Benefits of Learning to Code (toot or tweet) · · ,
  111. The Future of CSS: CSS Toggles (toot or tweet) · ·
  112. Forced Colors Explained: A Practical Guide (toot or tweet) · · ,
  113. How to Start Testing Your Website with a Screen Reader (toot or tweet) · · , ,
  114. Ordering CSS Declarations (toot or tweet) · · ,
  115. Routing: I’m Not Smart Enough for an SPA (toot or tweet) · · ,
  116. The Front-End Developer’s Guide to the Terminal (toot or tweet) · · ,
  117. The Role of Policy in Creating a Culture of Accessibility (toot or tweet) · · , , ,
  118. 20 Easy Ways to Be More Productive as a Developer (toot or tweet) · ·
  119. 4 Reasons to Avoid Using “npm link” (toot or tweet) · ·
  120. A Practical Guide to Centering in CSS (toot or tweet) · · , ,
  121. Does Valid and Semantic HTML Still Matter? (toot or tweet) · · , , ,
  122. Ensure Third Party Content Is Accessible (toot or tweet) · · , ,
  123. React 18—New Features and Improvement Strategies (toot or tweet) · ·
  124. The Ultimate Guide to Push Notifications for Developers (toot or tweet) · · ,
  125. Web Scraping Is Legal, U.S. Appeals Court Reaffirms (toot or tweet) · · ,
  126. When UX Goes Bad (and How to Fix It) (toot or tweet) · ·
  127. Test-Driven Development with React and Redux: Thunk, Slices, and Requests Mocking (toot or tweet) · · , ,
  128. Node.js 18 Introduces Prefix-Only Core Modules (toot or tweet) · ·
  129. Is Agile an Anti-Design Pattern? (toot or tweet) · · , ,
  130. The Most Popular Node.js Frameworks in 2022 (toot or tweet) · · ,
  131. 7 Web Component Tricks (toot or tweet) · · ,
  132. Accessibility Why You Need to Work Toward Progress Not Perfection (toot or tweet) · ·
  133. Evaluating Design System Adoption Using Custom CSS (toot or tweet) · · , , ,
  134. Fonts for the Web: Rationale, 1996 (toot or tweet) · · ,
  135. Implementing Micro-Frontends: A Path to Evolve Legacy Codebases (toot or tweet) · · , ,
  136. Intro to CSS Parent Selector—“:has()” (toot or tweet) · · , , ,
  137. A Web Renaissance (toot or tweet) · ·
  138. CSS Parent Selector (toot or tweet) · · ,
  139. Designers Are Spending Too Much Time Designing UI Variations Manually (toot or tweet) · · , ,
  140. Drastically Improve Your UI Designs with This Technique (toot or tweet) · · , ,
  141. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (toot or tweet) · · ,
  142. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (toot or tweet) · · , , ,
  143. Title Rewrites: 3 Patterns to Avoid (toot or tweet) · · , , ,
  144. Building a Dialog Component (toot or tweet) · · , , ,
  145. Common Accessibility Issues That You Can Fix Today (toot or tweet) · ·
  146. Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (toot or tweet) · ·
  147. Naming Colors in Design Systems (toot or tweet) · · , ,
  148. One Million Broken Web Sites—and a Way to Prevent That (toot or tweet) · · , ,
  149. Why Accessibility Bugs Are a Good Thing and How to Handle Them (toot or tweet) · · ,
  150. 7 Collaborative Coding Tools for Remote Pair Programming (toot or tweet) · · ,
  151. Childish Font Sizes (toot or tweet) · · , ,
  152. Common App Design Challenges and Their Solutions (toot or tweet) · · ,
  153. CSS Toggles Explainer and Proposal (toot or tweet) · ·
  154. How to Develop Your UX Design Philosophy (toot or tweet) · · ,
  155. How to Improve UX Design Through A/B Testing (toot or tweet) · · , , ,
  156. Image Borders in CSS (toot or tweet) · · ,
  157. Mobile-First Ecommerce Site Design Is the Future (toot or tweet) · · ,
  158. Takeaways from The Internet is Unusable: The Disabled View (toot or tweet) · ·
  159. Those HTML Elements You Never Use (toot or tweet) · · ,
  160. CSS “:has()” a Parent Selector Now (toot or tweet) · · ,
  161. CSS Tips and Tricks You May Need to Know (toot or tweet) · · , ,
  162. How to Fix Your Low-Contrast Text (toot or tweet) · · , ,
  163. Information Architecture: Study Guide (toot or tweet) · · , ,
  164. JavaScript Function Composition: What’s the Big Deal? (toot or tweet) · ·
  165. Open Accessibility Standards (toot or tweet) · · , , ,
  166. 33 JavaScript Concepts Every Developer Should Know (toot or tweet) · · ,
  167. April 9 is CSS Naked Day (toot or tweet) · · ,
  168. Incremental Static Regeneration for Angular (toot or tweet) · · ,
  169. There’s No Such Thing as a “Design System Designer” (toot or tweet) · · , ,
  170. Dynamic Data-Fetching in an Authenticated Next.js App (toot or tweet) · · , ,
  171. Nailing Your Engineering Interviews: Tips from a Technical Recruiter (toot or tweet) · · ,
  172. Use Unicode Characters for Bullet Points in CSS Using “::marker” (toot or tweet) · · ,
  173. Why Your Design System Needs Content Design (toot or tweet) · · ,
  174. Your Website Is a Pollution Machine (toot or tweet) · ·
  175. How to Create Animated Anchor Links Using CSS (toot or tweet) · · , ,
  176. JavaScript and Node.js Testing Best Practices (toot or tweet) · · , , ,
  177. Principles of Object-Oriented Programming in TypeScript (toot or tweet) · · ,
  178. Designing Better Breadcrumbs (toot or tweet) · · , ,
  179. 12 Years Beyond a HTML Joke (toot or tweet) · · ,
  180. A New Statistical Approach for Predicting Usability Problems (toot or tweet) · · , ,
  181. Alternative Text (Alt Text) (toot or tweet) · · ,
  182. Core Web Vitals: Finding Common Ground Between SEOs and Developers (toot or tweet) · · , , ,
  183. Fonts in Use: Variable Fonts (toot or tweet) · · ,
  184. HTML Is All You Need to Make a Website (toot or tweet) · ·
  185. The Business Case for Accessibility (toot or tweet) · · ,
  186. Animated Grid Tracks with “:has()” (toot or tweet) · · , ,
  187. Sharing State in Distributed UIs at Runtime (toot or tweet) · · , ,
  188. A Simple Way to Create a Slideshow Using Pure CSS (toot or tweet) · · , ,
  189. Accessible Description Exposure (toot or tweet) · · ,
  190. Thoughts on Exerting Control with Media Queries (toot or tweet) · · , ,
  191. What If… One Day Everything Got Better? (toot or tweet) · ·
  192. “aria-labelledby” Usage Notes (toot or tweet) · · , ,
  193. How to Respond to Growing Supply Chain Security Risks? (toot or tweet) · · , , ,
  194. Tweaking in the Browser (toot or tweet) · · ,
  195. Accessible Cards (toot or tweet) · · , ,
  196. Top 3 Informational Interview Questions in UX (toot or tweet) · · , , ,
  197. Why We Don’t Use a Staging Environment (toot or tweet) · · ,
  198. How to Match HTML Elements with an Indeterminate State (toot or tweet) · · , ,
  199. The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (toot or tweet) · · ,
  200. Exciting Times for Browsers (and CSS) (toot or tweet) · · ,
  201. Accessibility Policy Implementation: What You Need to Know (toot or tweet) · · , ,
  202. Designing a Better Infinite Scroll (toot or tweet) · · ,
  203. How to Optimize Your LCP (with Visuals) (toot or tweet) · · , ,
  204. HTML-Only Keyboard Shortcuts (toot or tweet) · · ,
  205. If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone (toot or tweet) · · ,
  206. Make Beautifully Resilient Apps with Progressive Enhancement (toot or tweet) · ·
  207. Neubrutalism Is Taking Over the Web (toot or tweet) · · ,
  208. 7 Learning Habits for Developers: Reach Skill Goals in Less Time (toot or tweet) · ·
  209. A Guide to Hover and Pointer Media Queries (toot or tweet) · · , ,
  210. An Opinionated Guide to Unit Testing (toot or tweet) · · , ,
  211. Case: Accessibility in Software Development (toot or tweet) · ·
  212. CSS “:has” (toot or tweet) · · ,
  213. How to Document Accessibility Issues (toot or tweet) · · ,
  214. Locale Aware Sorting in JavaScript (toot or tweet) · · , , ,
  215. Optimising Largest Contentful Paint (toot or tweet) · · ,
  216. Picture Perfect Images with the Modern “<img>” Element (toot or tweet) · · , , ,
  217. Secret Mechanisms of CSS (toot or tweet) · · ,
  218. Understanding Layout Algorithms (toot or tweet) · · ,
  219. The Art of CSS Art (toot or tweet) · · ,
  220. Why Every Programmer Must Blog (toot or tweet) · · , , ,
  221. 14 Linting Rules to Help You Write Asynchronous Code in JavaScript (toot or tweet) · · ,
  222. Building a Headless Design System (toot or tweet) · · , ,
  223. How to Use Props in React (toot or tweet) · · ,
  224. Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (toot or tweet) · · , , ,
  225. Remix Routes Demystified (toot or tweet) · · ,
  226. You ≠ User (toot or tweet) · · , ,
  227. You’re Unselectable (toot or tweet) · · ,
  228. Designing “Above the Fold”? Try the Reciprocity Principle (toot or tweet) · · ,
  229. How Should You Name Your Colors in a Design System? (toot or tweet) · · , ,
  230. Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (toot or tweet) · · , ,
  231. Variable Fonts in Real Life: How to Use and Love Them (toot or tweet) · · ,
  232. How Do Design Systems Improve Developer Efficiency? (toot or tweet) · · ,
  233. Resetting Inherited CSS with “Revert” (toot or tweet) · · ,
  234. Spotlight: What Happens When a Project Team Shifts Accessibility Left? (toot or tweet) · ·
  235. The 5 Riders of Accessible Media (toot or tweet) · · ,
  236. The Web Is for Everyone: Our Vision for the Evolution of the Web (toot or tweet) · · , , , , , ,
  237. There Are No Bad Questions in Accessibility (toot or tweet) · ·
  238. Those HTML Attributes You Never Use (toot or tweet) · ·
  239. ADA Web Site Compliance Still Not a Thing (toot or tweet) · · , ,
  240. Deep Dive into the CSS “:where()” Function (toot or tweet) · · ,
  241. Dynamically Generated Content and Accessibility: 3 Quick Tips (toot or tweet) · · ,
  242. Optimising Core Web Vitals on SPAs (toot or tweet) · · , , ,
  243. The Book on Accessibility (toot or tweet) · · , ,
  244. When to Use a Function Expression vs. Function Declaration (toot or tweet) · · ,
  245. 4 Xs That Aren’t UX (toot or tweet) · ·
  246. Conquering JavaScript Hydration (toot or tweet) · · ,
  247. Design Mistakes That Hurt Your Web Site’s Conversion Rates (toot or tweet) · · , ,
  248. Design System—Principles of Success (toot or tweet) · · ,
  249. Design Systems Aren’t Cheap (toot or tweet) · · , ,
  250. Do’s and Don’ts of Mobile UX Design (toot or tweet) · · , , ,