Frontend Dogma

News and Tools for Frontend Development (10)

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

  1. There’s No Such Thing as Clean Code (toot or tweet) · · ,
  2. To Create an Excellent Design System, Treat It Like a Collaborative Process (toot or tweet) · · , ,
  3. Top Ten Most Common Web Accessibility Issues (toot or tweet) · ·
  4. WebAssembly Feature Detection (toot or tweet) · · , ,
  5. Design System: How to Efficiently Scale Development? (toot or tweet) · · ,
  6. Fancy CSS Borders Using Masks (toot or tweet) · · ,
  7. How to Convert Markdown to HTML (toot or tweet) · · , ,
  8. The Baseline for Web Development in 2022 (toot or tweet) · ·
  9. The Double-Assignment Pattern in jQuery’s Source Code (toot or tweet) · · ,
  10. The Return of Server Side Routing (toot or tweet) · ·
  11. Overview of Accessibility Testing Using DevTools (toot or tweet) · · , , , , ,
  12. What’s New in DevTools? (toot or tweet) · · , , , , , , , , ,
  13. Here’s What I Didn’t Know About “:where()” (toot or tweet) · · ,
  14. An Introduction to CSS Cascade Layers (toot or tweet) · · , ,
  15. Best Practices for Creating Your UX Design Portfolio (toot or tweet) · · , , ,
  16. Foundations: Text Descriptions (toot or tweet) · · ,
  17. Monorepo Explained (toot or tweet) · · ,
  18. The Risks and Rewards of App Modernization (toot or tweet) · · , ,
  19. Why Don’t Developers Take Accessibility Seriously? (toot or tweet) · ·
  20. Drift: Why Your Design System Isn’t Working (toot or tweet) · · ,
  21. More to Give Than Just the Div: Semantics and How to Get Them Right (toot or tweet) · · , ,
  22. Context-Aware Web Components Are Easier Than You Think (toot or tweet) · · , ,
  23. How to Check What Item Is in Focus When Accessibility Testing (toot or tweet) · · ,
  24. Technology Time-Outs (toot or tweet) · · ,
  25. The Many Ways to Modify Leading and Trailing Characters from Strings with JavaScript (toot or tweet) · ·
  26. Accessibility Acceptance Criteria (toot or tweet) · · , , ,
  27. Big Images, Blazingly Fast (toot or tweet) · · , ,
  28. Frontend Predictions for 2022 (toot or tweet) · ·
  29. Optimize Your PNGs with Oxipng and pre-commit (toot or tweet) · · , , , ,
  30. The Future of CSS: Detect At-Rule Support with “@ supports at-rule(@ keyword)” (toot or tweet) · · ,
  31. Div Divisiveness (toot or tweet) · · ,
  32. An Introduction to High Contrast Accessibility (toot or tweet) · · , ,
  33. Create an Open Graph Image Generator with Node.js (toot or tweet) · · , ,
  34. Design Systems Are Flawed (toot or tweet) · ·
  35. Giving Web Standards a Seat at the Table (toot or tweet) · · ,
  36. How to Avoid Layout Shifts Caused by Web Fonts (toot or tweet) · · , ,
  37. How to Set Up a Node.js Project with TypeScript (toot or tweet) · · ,
  38. The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (toot or tweet) · · ,
  39. What Should Someone Learn About CSS If They Last Boned Up During CSS3? (toot or tweet) · ·
  40. Becoming a Better Writer as a Software Engineer (toot or tweet) · · ,
  41. Building UI Components with SVG and CSS (toot or tweet) · · , ,
  42. Making IT Accessible for All! (toot or tweet) · · ,
  43. Naming Conventions for Your Design System (toot or tweet) · · , ,
  44. Quick Accessibility Tests Anyone Can Do (toot or tweet) · · , ,
  45. TypeScript Features to Avoid (toot or tweet) · ·
  46. Using PostCSS with Media Queries Level 4 (toot or tweet) · · , ,
  47. Frontend Challenges: Front-End Engineer Assignment (toot or tweet) · · , , ,
  48. Modern Fluid Typography Using CSS Clamp (toot or tweet) · · ,
  49. On the Difficulty of Counting the Number of HTML Elements (toot or tweet) · ·
  50. Rethinking Component Libraries (toot or tweet) · ·
  51. The Real Added Costs of Accessibility (toot or tweet) · · ,
  52. Comparing CSS Specificity Values (toot or tweet) · · ,
  53. Find HTML Parsing Errors (toot or tweet) · · , , , ,
  54. Choosing Open Source License Wisely (toot or tweet) · · ,
  55. “structuredClone()”: Deeply Copying Objects in JavaScript (toot or tweet) · · ,
  56. Accessibility Data Is Not the Enemy (toot or tweet) · · ,
  57. CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (toot or tweet) · · , ,
  58. Accessibility and 2022: 13 Design Trends from a Usability Perspective (toot or tweet) · · , , ,
  59. Building an Accessible Digital World (toot or tweet) · ·
  60. Git Organized: A Better Git Flow (toot or tweet) · · , ,
  61. Rationalise It! 5 Steps to Introduce a New Component to the Design System (toot or tweet) · · ,
  62. An Introduction to Tech Debt (And Why It Can Change Your Career) (toot or tweet) · · , ,
  63. Boolean Attributes in HTML and ARIA: What’s the Difference? (toot or tweet) · · ,
  64. Web Accessibility Lawsuits Dramatically Rose in 2021 (toot or tweet) · · , ,
  65. Website Performance and the Planet (toot or tweet) · · , ,
  66. Make Beautiful Gradients (toot or tweet) · · ,
  67. PHP in 2022 (toot or tweet) · ·
  68. Remix vs. Next.js (toot or tweet) · · , ,
  69. Revisiting Why Hyperlinks Are Blue (toot or tweet) · · ,
  70. Social Media Image Sizes 2022: Cheat Sheet for Every Network (toot or tweet) · · , ,
  71. Software Is Automating Design—What Does That Mean for Designers? (toot or tweet) · · ,
  72. A Deep CSS Dive into Radial and Conic Gradients (toot or tweet) · · ,
  73. Alt Tag Emptiness (toot or tweet) · · , , ,
  74. Don’t Fight the Cascade, Control It! (toot or tweet) · · ,
  75. Foundations: Animations and Flashing Content (toot or tweet) · · ,
  76. How Not to Learn TypeScript (toot or tweet) · ·
  77. HTML is General, ARIA is Specific (toot or tweet) · · ,
  78. Writing with Respect (toot or tweet) · ·
  79. Memory Leaks, How to Avoid Them in a React App (toot or tweet) · · ,
  80. 22 Smart Google SEO Tips for 2022 (toot or tweet) · · , ,
  81. Ban Embed Codes (toot or tweet) · ·
  82. Two Ways to Clear an Array with Vanilla JavaScript (toot or tweet) · · ,
  83. Your CSS Reset Needs “text-size-adjust” (Probably) (toot or tweet) · · ,
  84. How to Measure Your Design System? (toot or tweet) · · ,
  85. Labeling the Point: Scenarios of Label Misuse in WCAG (toot or tweet) · · , ,
  86. Reduce the Pressure on Young and Inexperienced Developers (toot or tweet) · · ,
  87. Memory Leaks: The Forgotten Side of Web Performance (toot or tweet) · · ,
  88. 30 Frontend Tips (toot or tweet) · · ,
  89. Styling Strategies Using Typography (toot or tweet) · ·
  90. The 6 Most Important CSS Concepts for Beginners (toot or tweet) · · ,
  91. The Good, the Bad, and the Toggle (toot or tweet) · · ,
  92. CSS Underlines Are Too Thin and Too Low in Chrome (toot or tweet) · · , , ,
  93. 8 Techniques to Write Cleaner JavaScript Code (toot or tweet) · ·
  94. Accessible Heading Structure (toot or tweet) · · ,
  95. Fetch Commit Logs of Certain Function or Method in Git (toot or tweet) · · ,
  96. Imperative vs. Declarative Programming (toot or tweet) · · , ,
  97. The Web Doesn’t Have Version Numbers (toot or tweet) · · ,
  98. How Flexbox Works (toot or tweet) · · ,
  99. A Contrast of Errors (toot or tweet) · · , , ,
  100. Five 2022 Accessibility Trends (toot or tweet) · · ,
  101. A Unified Theory of Web Performance (toot or tweet) · ·
  102. Exposing Mid-Resource LCP Values (toot or tweet) · · ,
  103. Image Magnifier Using Only One Line of CSS (toot or tweet) · · ,
  104. Page Visibility: If a Tree Falls in the Forest… (toot or tweet) · · , ,
  105. Add Less (toot or tweet) · ·
  106. pkg.land (toot or tweet) · · , ,
  107. Using Diagnostic Metrics (toot or tweet) · · ,
  108. Empathetic Animation (toot or tweet) · · ,
  109. Practical Tips for Load-Testing Web Applications (toot or tweet) · · , , ,
  110. WCAG and Accessibility: What Is a Statement of Partial Conformance? (toot or tweet) · · , ,
  111. Shedding Light on Fiverr’s Dark Mode Creation Process (toot or tweet) · · ,
  112. Add a Service Worker to Your Site (toot or tweet) · ·
  113. Web Accessibility Cheat Sheet (toot or tweet) · · ,
  114. CSS in 2022 (toot or tweet) · ·
  115. 1000+ Web Development Resources (toot or tweet) · ·
  116. The Business Case for Performance (toot or tweet) · · ,
  117. Faster Websites by Using Less HTML (toot or tweet) · · , , , ,
  118. Form Autocomplete (toot or tweet) · · ,
  119. Personalize It! (toot or tweet) · · ,
  120. Redirect Liquidation (toot or tweet) · · ,
  121. Show, Don’t Tell (toot or tweet) · · , ,
  122. The Many Methods for Using SVG Icons (toot or tweet) · · , ,
  123. Frontend Web Performance: The Essentials (toot or tweet) · ·
  124. The CSS “:has()” Pseudo-Class, aka Parent Selector (toot or tweet) · · ,
  125. Wrapping Text Inside an SVG Using CSS (toot or tweet) · · ,
  126. CSS Animation (toot or tweet) · · ,
  127. CSS Snapshot 2021 (toot or tweet) · ·
  128. Introduction to Cognitive Disability and Accessibility Testing (toot or tweet) · · , ,
  129. Make Joyful Things (toot or tweet) · ·
  130. Building a Greener Web (toot or tweet) · ·
  131. The CSS “:has()” Selector Is Way More Than a “Parent Selector” (toot or tweet) · · ,
  132. 5 Common Misconceptions About WAI-ARIA and Accessibility (toot or tweet) · · , ,
  133. Auto Dark Theme (toot or tweet) · · , ,
  134. Be Prepared for Failure and Handle It Gracefully (toot or tweet) · · ,
  135. Design Sprints Revisited: Designing with Your Users and Developers (toot or tweet) · · ,
  136. How to Add and Remove a CSS Class from Multiple Elements with Vanilla JavaScript (toot or tweet) · · ,
  137. How to Define Your Relationship to Sites You Link To (toot or tweet) · · , ,
  138. Image Display Elements (toot or tweet) · · , ,
  139. Smoothly Reverting CSS Animations (toot or tweet) · · ,
  140. The Web Starts on Page Four (toot or tweet) · ·
  141. Why UX Is the Best SEO Strategy (toot or tweet) · · , ,
  142. 5 HTML Concepts You Didn’t Know (toot or tweet) · · ,
  143. Preference Queries (toot or tweet) · ·
  144. Web Performance, Core Web Vitals, and Vanity Metrics (toot or tweet) · · , ,
  145. This Is WCAG 2.1 (toot or tweet) · · , ,
  146. There’s Never Been a Better Time to Build Websites (toot or tweet) · · ,
  147. Consistent, Fluidly Scaling Type, and Spacing (toot or tweet) · · ,
  148. Don’t Start with Microservices in Production—Monoliths Are Your Friend (toot or tweet) · · , ,
  149. Hands On with the New Responsiveness Metrics (toot or tweet) · · , ,
  150. Inaccessibility of CAPTCHA (toot or tweet) · · ,
  151. Sustaining Maintaining (toot or tweet) · ·
  152. Web Platform Design Principles (toot or tweet) · · , ,
  153. Why Motion on Websites and Digital Content Is a Problem (toot or tweet) · ·
  154. Deep-Copying in JavaScript Using “structuredClone” (toot or tweet) · ·
  155. 100 Tips on Software Developer Productivity (toot or tweet) · · ,
  156. CSS Can Help Improve Your HTML⁉ Buttons and Links (toot or tweet) · · , ,
  157. CSS Custom Properties (toot or tweet) · · ,
  158. Explain Like I’m Five: Web Performance Optimization (toot or tweet) · · ,
  159. Shifting the Mindset About Accessible Content (toot or tweet) · · ,
  160. The State of CSS 2021 (toot or tweet) · · ,
  161. Thoughts on Skin Tone and Text Descriptions (toot or tweet) · · , ,
  162. Details/Summary (toot or tweet) · · ,
  163. Performance Implications of JavaScript Errors (toot or tweet) · · , ,
  164. Practical Ethics for the Modern Web Designer (toot or tweet) · · ,
  165. Read Your Website (toot or tweet) · ·
  166. The Ideal Line Length and Line Height in Web Design (toot or tweet) · · ,
  167. Visual Regression Testing for Design Systems with Figma Branches (toot or tweet) · · , ,
  168. Intersection Observer (toot or tweet) · · ,
  169. WCAG 2.2: What We Know Till Now (toot or tweet) · · ,
  170. Embrace the Platform (toot or tweet) · · , , ,
  171. WCAG 2 Is What We Have (toot or tweet) · · ,
  172. Defer Non-Critical Resources (toot or tweet) · · ,
  173. WCAG 3 Is Not Ready Yet (toot or tweet) · · ,
  174. Standardizing Focus Styles with CSS Custom Properties (toot or tweet) · · , ,
  175. Breaking Out of the Box (toot or tweet) · · ,
  176. Caching: Understanding the Scope (toot or tweet) · · ,
  177. Responsive Iframes with the CSS “aspect-ratio” Property (toot or tweet) · · ,
  178. The Last Design You’ll Ever Make (toot or tweet) · ·
  179. 1993: Mosaic Launches and the Web Is Set Free (toot or tweet) · · ,
  180. 5 Reasons You Should Adopt a Micro Frontend Architecture (toot or tweet) · ·
  181. Content Separation (toot or tweet) · ·
  182. Node.js Memory Limits—What You Should Know (toot or tweet) · · ,
  183. Writing Better CSS (toot or tweet) · · , ,
  184. A Beginner’s Guide to Vue Router (toot or tweet) · · ,
  185. Defensive CSS (toot or tweet) · ·
  186. Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (toot or tweet) · · ,
  187. Google Fonts Knowledge (toot or tweet) · · , ,
  188. Optimizing State Management in React Applications (toot or tweet) · · ,
  189. Test Your Product on a Crappy Laptop (toot or tweet) · · , ,
  190. Where Do You Put Spacing on Design System Components? (toot or tweet) · · , , ,
  191. HTTP Compression (toot or tweet) · · , , ,
  192. Why You Should Check in Your Node Dependencies (toot or tweet) · · ,
  193. Reduce Your Website’s Environmental Impact with a Carbon Budget (toot or tweet) · ·
  194. Designing Better Links for Websites and Emails: A Guideline (toot or tweet) · · , ,
  195. CSS Fingerprinting (toot or tweet) · · , , ,
  196. Have Core Web Vitals Made the Web Faster? (toot or tweet) · · ,
  197. How Many People with Disabilities Use Our Site? (toot or tweet) · ·
  198. The Love of Curvilinear Design (toot or tweet) · ·
  199. Plugging Memory Leaks in Your App (toot or tweet) · · ,
  200. Ain’t No Party Like a Third Party (toot or tweet) · · , ,
  201. JSON Modules in JavaScript (toot or tweet) · · , ,
  202. Request for a General Theory of Web Performance (toot or tweet) · ·
  203. Revisiting the Anatomy of a Design System (toot or tweet) · ·
  204. Why Every Developer Should Start Blogging (toot or tweet) · · , , ,
  205. Best Practices for Node.js Development (toot or tweet) · · , ,
  206. Markup (toot or tweet) · · ,
  207. Accessibility (toot or tweet) · · ,
  208. CSS (toot or tweet) · · ,
  209. HTTP (toot or tweet) · · , ,
  210. JavaScript (toot or tweet) · · ,
  211. Page Weight (toot or tweet) · · ,
  212. Security (toot or tweet) · · ,
  213. Understanding Accessibility (toot or tweet) · · , ,
  214. Why Color Contrast Is Not as Black and White as It Seems (toot or tweet) · · , ,
  215. The Fundamentals of CSS Layout (toot or tweet) · · , , ,
  216. The Surprising Behavior of “Important CSS Custom Properties” (toot or tweet) · · , ,
  217. CSS Layout from the Inside Out (toot or tweet) · · , ,
  218. Making Accessibility More Accessible (toot or tweet) · ·
  219. How to Maintain a Large Next.js Application (toot or tweet) · · ,
  220. Introduction to Svelte Actions (toot or tweet) · · ,
  221. On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (toot or tweet) · · , , ,
  222. Understanding WCAG 2.1 Level AAA (toot or tweet) · · ,
  223. Select Elements with “pointer-events: none” by Holding Shift (toot or tweet) · · ,
  224. How to Trim Strings in JavaScript (toot or tweet) · ·
  225. Make Your Website Stand Out with a Custom Scrollbar (toot or tweet) · ·
  226. Programmers Should Stop Celebrating Incompetence (toot or tweet) · ·
  227. 7 Ways to Improve Node.js Performance at Scale (toot or tweet) · · , ,
  228. Creating Generative Patterns with the CSS Paint API (toot or tweet) · · ,
  229. Get Started with Validation in Node.js (toot or tweet) · · ,
  230. Three Phases of Life for Design Systems (toot or tweet) · ·
  231. What Kind of Developer Do I Want to Be? (toot or tweet) · ·
  232. Adding a Dyslexia-Friendly Mode to a Website (toot or tweet) · · ,
  233. Control Layout in a Multi-Directional Website (toot or tweet) · · , ,
  234. Functional Programming in PHP: Higher-Order Functions (toot or tweet) · · ,
  235. Modern CSS in a Nutshell (toot or tweet) · ·
  236. The 6 Ways of Writing HTML (and Their Combinations) (toot or tweet) · ·
  237. Blog Page Accessibility Deep Dive (toot or tweet) · · ,
  238. How JavaScript Engines Achieve Great Performance (toot or tweet) · · , ,
  239. Responsive Layouts, Fewer Media Queries (toot or tweet) · · ,
  240. Designing Sustainable Websites (toot or tweet) · · , ,
  241. Dear HTML Element (toot or tweet) · ·
  242. Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (toot or tweet) · · ,
  243. How to Make Blob Menu Using HTML, CSS and JavaScript (toot or tweet) · · , ,
  244. Tales of the Autistic Developer—Order and Chaos (toot or tweet) · ·
  245. Parallax Powered by CSS Custom Properties (toot or tweet) · · ,
  246. 20 Years of bram.us (toot or tweet) · ·
  247. 1992: The Web vs. Gopher, and the First External Browsers (toot or tweet) · ·
  248. Dynamic Color Manipulation with CSS Relative Colors (toot or tweet) · · ,
  249. Let’s Not Send Developers to the Accessibility Tree Tool (toot or tweet) · · , ,
  250. PHP Date and Time Recipes (toot or tweet) · ·