Frontend Dogma

News and Tools for Frontend Development (20)

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

  1. Lesser-Known and Underused CSS Features in 2022 · ·
  2. A Guide to Writing Industry Standard Git Commit Messages · · , ,
  3. Dialog Components: Go Native HTML or Roll Your Own? · · , ,
  4. Accessibility from Different Perspectives · ·
  5. The Balance Has Shifted Away from SPAs · ·
  6. First Look at the CSS “object-view-box” Property · ·
  7. Triaging WCAG 2.1 Level AAA · · , ,
  8. Fun With CSS Combinators · · ,
  9. Accessibility Not-Checklist · · , ,
  10. Let’s Make Accessibility Boring Again · ·
  11. Patterns · · , ,
  12. React Accessibility Resources · · , ,
  13. The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure · · , , , ,
  14. Thinking Colors: Balancing Between Visual and Abstract · ·
  15. What We Can Learn from Remix · · ,
  16. Web Accessibility Is Broken—It’s Time to Fix It · · ,
  17. Automate Accessibility Tests With Storybook · · , , ,
  18. 4 Web Accessibility Remediation Mistakes to Avoid · · ,
  19. React Hooks Best Practices in 2022 · · ,
  20. Web Development === Accessibility · ·
  21. Use “@ supports” At-Rule for Feature Detection in CSS · · , , ,
  22. Quick and Dirty Text Diffing · ·
  23. The Rise and Fall of Neumorphism · ·
  24. Conditionally Loading CSS or Any Resource Using Media Queries · · , ,
  25. How to Ask for a Promotion · · ,
  26. Building a Button Component · · , , , ,
  27. RFC 9239: Updates to ECMAScript Media Types · · ,
  28. How the HTML “lang” Attribute Helps Accessibility · · , ,
  29. Reduce Array of Objects to an Object in JavaScript · · , ,
  30. The Forgotten Benefits of “Low Tech” User Interfaces · ·
  31. The Modern Way to Create and Host a WordPress Site · · , ,
  32. WCAG 2.2 and WCAG 3 Status Updates · · , ,
  33. UI and UX Micro-Tips · · , ,
  34. 24×24 Pixel Cursor Bookmarklet · · , , ,
  35. 9 Ways to Design Inclusive Content · · ,
  36. An Affordable Work-from-Home Setup for Remote Workers · ·
  37. Color Alignment for Multiple Design Systems · · ,
  38. Peering into the Accessibility of Dark Mode · · ,
  39. Rethinking Server-Timing as a Critical Monitoring Tool · · , , ,
  40. The Era of Rebellious Web Design Is Here · ·
  41. Unexpectedly HTTPS? · · ,
  42. Unpack Arrays Conditionally in PHP · · ,
  43. Web Applications 101 · · ,
  44. Building a Design System With Eleventy · · ,
  45. Quick Tip: You Might Not Need “calc()” · · ,
  46. :where() :is() :has()? New CSS Selectors That Make Your Life Easier · · ,
  47. More Common Accessibility Issues That You Can Fix Today · ·
  48. Personas vs. Archetypes · · , , , ,
  49. Keyboard Testing: The A11y Enhancement to Your Definition of Done · · , ,
  50. Call to Action Examples · · , , ,
  51. A Designer’s Journey of Ignorance, Resentment, and Wisdom · ·
  52. Does Javascript Make My Site Less Accessible? · · , ,
  53. Master the “:nth-child()” Pseudo-Class · · , ,
  54. Don’t Fight the Browser Preload Scanner · · , , ,
  55. Cool Hover Effects That Use CSS Text Shadow · · ,
  56. Tokens as Intents · · , ,
  57. W3C TAG Ethical Web Principles · · , ,
  58. Bringing Page Transitions to the Web · · , ,
  59. Debugging Accessibility With Chrome DevTools · · , , , , , ,
  60. Light and Dark Mode in Just 14 Lines of CSS · · ,
  61. How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks · · , , , ,
  62. Designing for Web Accessibility in 60 Seconds · ·
  63. Divs Are Bad! · · ,
  64. On Design Thinking · ·
  65. Why WCAG 2.2 Is Still in the Oven · · ,
  66. Bridging the Gap · · ,
  67. XHTML Syntax Is Still Worth Using · ·
  68. State of CSS 2022 · ·
  69. How to Learn JavaScript Fast: Six Simple Mind Tricks · · , , ,
  70. Cron Jobs: A Comprehensive Guide · · , ,
  71. Magical SVG Techniques · · , ,
  72. Under the Hood: React vs. Vue vs. Svelte · · , , , ,
  73. Two Approaches to Accessibility on the Web · · ,
  74. You Don’t Need “void 0” · ·
  75. The Complete Modern React Developer 2022 · ·
  76. A Different View into Accessibility Overlays · · , , , ,
  77. A Management Maturity Model for Performance · ·
  78. Frontend Versus Backend Web Development · ·
  79. Learn HTML [and] CSS · · , ,
  80. Performance Game Changer: Browser Back/Forward Cache · · , , ,
  81. “Someone Should Build X for the Web”—Why Not You? · ·
  82. The Road to Universal JavaScript · ·
  83. Understanding User Behaviors Across Surfaces · ·
  84. Why SEO Is a Great Investment, Not Just a Cost · · ,
  85. Reinventing W3C Governance · · ,
  86. My Opinion on What Makes a Good Code Review · · ,
  87. What’s Your Heading? · · , , ,
  88. Scaling CSS Layout Beyond Pixels · · , ,
  89. Learn CSS Subgrid · · ,
  90. How to Use the GitHub Pulls API to Manage Pull Requests · · , ,
  91. Top 2021 CSS Frameworks Report: Validation · · , , , , ,
  92. A Guide to Writing About Digital Accessibility · · , ,
  93. Get to Know Your Browser’s Performance Profiler · · , ,
  94. Please, Stop Disabling Zoom · · ,
  95. Practical Use Cases for “:has()” Pseudo-Class · · , ,
  96. Resilience, Flexibility, and Immediacy: Working With Headless Systems · · ,
  97. 12 Modern CSS Techniques for Older CSS Problems · · , ,
  98. Fetch API Is [the] New Old Version of AJAX · · , ,
  99. Master Higher-Order Functions in JavaScript · · ,
  100. How to Use Videos With Alpha Transparency on the Web · · , ,
  101. Developing a Low-Touch Adoption Strategy for a New Design System · · ,
  102. How Not to Do Accessible Design · · , ,
  103. JavaScript Containers · · ,
  104. The Evolution of WCAG: A Postcard from the Front Lines · · , , ,
  105. Designing a Better Language Selector · · , , ,
  106. Design Patterns: How to Create Simple Interfaces · · , ,
  107. Nail Your Website Redesign in 2022—Tips and Tricks · · , ,
  108. Contextual Spacing for Intrinsic Web Design · · , ,
  109. In Defence of the Single Page Application · ·
  110. Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? · · , , ,
  111. Why I Don’t Miss React: A Story About Using the Platform · ·
  112. You Don’t Need a UI Framework · · , ,
  113. Legibility—How and Why Typography Affects Ease of Reading · · , , ,
  114. How to Create a Color Palette for Your Design System · · , , ,
  115. Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser · · , , , , , , ,
  116. 5 Simple Productivity Tips for Developers · · ,
  117. It’s Time We Fix the Unethical Design of Cookie Consent Windows · · , , , ,
  118. 8 JavaScript Quiz [Questions] That May Confuse You · · ,
  119. Ethical Design Network · · , ,
  120. If Design Principles Are for Designs, Then Design Values Are for Designers · · ,
  121. Writing Better CSS · · , ,
  122. Creating Realistic Reflections With CSS · · ,
  123. Deep Dive into Text Wrapping and Word Breaking · · ,
  124. Design System Documentation Best Practices · · , ,
  125. Under-Engineered Multi-Selects · · , ,
  126. Creating a Firework Effect With CSS · · ,
  127. How to Reduce Figma Memory Usage · · ,
  128. Foundations: Lists · · ,
  129. How Web Browsers Work: Parsing the CSS · · , ,
  130. Best Practices for Integrating Content Design in Your Design System · · , , ,
  131. Let’s Keep the “Content” in WCAG · · , ,
  132. The CSS Art Paradox · · , , ,
  133. Understanding the Performance Impact of Anti-Flicker Snippets · · ,
  134. My Browser Support Strategy · · , , ,
  135. The Complete Guide to Regular Expressions (Regex) · · ,
  136. Common Frontend Interview Questions I’ve Been Asked · · , ,
  137. How to Build Node.js REST API With MySQL · · , , , ,
  138. CTA Modal: How to Build a Web Component · · , , ,
  139. Introducing “inert” · · , ,
  140. Server-Side vs. Client-Side Analytics · · , ,
  141. A Practical Guide to Aspect Ratio in CSS · · , ,
  142. Learn to Code With JavaScript: The Most Popular Programming Language on Earth · · ,
  143. Cool Hover Effects That Use Background Properties · · , ,
  144. Web Scraping via JavaScript Runtime Heap Snapshots · · , ,
  145. The 5 Golden Rules of Code Reviews · · , ,
  146. Stop Removing Focus · · , ,
  147. A Guide to Task-Based UX Metrics · · , ,
  148. Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules · · , , ,
  149. Is Measuring Speed a Useful Metric for Design Systems? · · , , ,
  150. Plain Old Semantic HTML: A Perfect Basis for Accessibility · · , ,
  151. Flexibly Centering an Element With Side-Aligned Content · · ,
  152. Deploy Your First Website Without Leaving Your IDE · ·
  153. Non-Interactive Elements With the “inert” Attribute · · ,
  154. What Is Memoization? How and When to Memoize in JavaScript and React · · , ,
  155. 11 Steps to Keep Figma Clean · · , ,
  156. 16 Top Design Trends for 2022 · · ,
  157. 8 Ways to Make Website Accessibility Easier (and Less Expensive) · ·
  158. 9 Useful Principles of UX Design · · , ,
  159. Four Eras of JavaScript Frameworks · · , ,
  160. Testing Figma Components · · , ,
  161. The “Dark Yellow Problem” in Design System Color Palettes · · , ,
  162. Deep Dive into Top Web Developer Pain Points · ·
  163. Supercharge Your Design System With Design Tokens · · ,
  164. Mobile App Versus Web Site: Which Is Better for Your Business? · · , ,
  165. Build a Lightweight Web Component With Lit.js · · ,
  166. How Web Browsers Work: Parsing the HTML · · , ,
  167. Atomic Design 2022: What We Can Learn from Eames and Other Design Giants · ·
  168. Best Font for Online Reading: No Single Answer · · , , , ,
  169. Writing Strong Front-End Test Element Locators · ·
  170. Progressive Enhancement and HTML Forms: Use “FormData” · · , ,
  171. How Web Browsers Work: Navigation · · ,
  172. Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity · · ,
  173. Building a Combined CSS Aspect Ratio Grid · · ,
  174. Mastering CSS Transitions With React 18 · · , ,
  175. TypeScript Tips and Tricks · · , ,
  176. Web Color Is Still Broken · · , ,
  177. 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy · · , , ,
  178. Beyond WCAG: Losing Spoons Online · · , ,
  179. Brief Note on Buttons, Enter, and Space · ·
  180. Why Learn to Code? 17 Benefits of Learning to Code · · ,
  181. The Future of CSS: CSS Toggles · ·
  182. Debugging Node Serverless Functions on AWS Lambda · · , , , ,
  183. Faster Initialization of Instances With New Class Features · · , , ,
  184. Productivity Tips and Tools for a More Efficient Workflow · · , , ,
  185. Ordering CSS Declarations · · ,
  186. The Front-End Developer’s Guide to the Terminal · · ,
  187. The Role of Policy in Creating a Culture of Accessibility · · , , ,
  188. Routing: I’m Not Smart Enough for an SPA · · ,
  189. How to Start Testing Your Website With a Screen Reader · · , , ,
  190. Forced Colors Explained: A Practical Guide · · ,
  191. 4 Reasons to Avoid Using “npm link” · ·
  192. A Practical Guide to Centering in CSS · · , ,
  193. Does Valid and Semantic HTML Still Matter? · · , , ,
  194. The Ultimate Guide to Push Notifications for Developers · · ,
  195. Web Scraping Is Legal, U.S. Appeals Court Reaffirms · · ,
  196. When UX Goes Bad (and How to Fix It) · ·
  197. 20 Easy Ways to Be More Productive as a Developer · ·
  198. React 18—New Features and Improvement Strategies · ·
  199. Ensure Third Party Content Is Accessible · · , ,
  200. Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking · · , ,
  201. Node.js 18 Introduces Prefix-Only Core Modules · ·
  202. Is Agile an Anti-Design Pattern? · · , ,
  203. The Most Popular Node.js Frameworks in 2022 · · ,
  204. Accessibility Why You Need to Work Toward Progress Not Perfection · ·
  205. Evaluating Design System Adoption Using Custom CSS · · , , ,
  206. Fonts for the Web: Rationale, 1996 · · ,
  207. Intro to CSS Parent Selector—“:has()” · · , , ,
  208. Implementing Micro-Frontends: A Path to Evolve Legacy Codebases · · , ,
  209. 7 Web Component Tricks · · ,
  210. A Web Renaissance · ·
  211. CSS Parent Selector · · ,
  212. Designers Are Spending Too Much Time Designing UI Variations Manually · · , ,
  213. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads · · , , ,
  214. Drastically Improve Your UI Designs With This Technique · · , ,
  215. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results · · , ,
  216. Title Rewrites: 3 Patterns to Avoid · · , , ,
  217. Usability Guidelines for Better Carousels UX · · , , ,
  218. Building a Dialog Component · · , , , ,
  219. Common Accessibility Issues That You Can Fix Today · ·
  220. Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? · ·
  221. Naming Colors in Design Systems · · , ,
  222. One Million Broken Web Sites—and a Way to Prevent That · · , ,
  223. Why Accessibility Bugs Are a Good Thing and How to Handle Them · · ,
  224. 7 Collaborative Coding Tools for Remote Pair Programming · · ,
  225. Common App Design Challenges and Their Solutions · · ,
  226. Mobile-First Ecommerce Site Design Is the Future · · ,
  227. Those HTML Elements You Never Use · · ,
  228. How to Develop Your UX Design Philosophy · · , ,
  229. How to Improve UX Design Through A/B Testing · · , , , ,
  230. Childish Font Sizes · · , ,
  231. Image Borders in CSS · · , ,
  232. CSS Toggles Explainer and Proposal · ·
  233. Takeaways from The Internet Is Unusable: The Disabled View · ·
  234. CSS “:has()” a Parent Selector Now · · ,
  235. Open Accessibility Standards · · , , ,
  236. Information Architecture: Study Guide · · , , ,
  237. How to Fix Your Low-Contrast Text · · , , ,
  238. JavaScript Function Composition: What’s the Big Deal? · · ,
  239. CSS Tips and Tricks You May Need to Know · · ,
  240. There’s No Such Thing as a “Design System Designer” · · , ,
  241. 33 JavaScript Concepts Every Developer Should Know · · ,
  242. Incremental Static Regeneration for Angular · · ,
  243. MIME Types · · , , ,
  244. April 9 Is CSS Naked Day · · , ,
  245. Dynamic Data-Fetching in an Authenticated Next.js App · · , ,
  246. Nailing Your Engineering Interviews: Tips from a Technical Recruiter · · ,
  247. Use Unicode Characters for Bullet Points in CSS Using “::marker” · · ,
  248. Why Your Design System Needs Content Design · · ,
  249. Your Website Is a Pollution Machine · ·
  250. JavaScript and Node.js Testing Best Practices · · , , ,