Frontend Dogma

News and Views in Frontend Development (5)

(Explore all topics. Stay informed per feed and on Twitter.)

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