Frontend Dogma

News and Tools for Frontend Development (11)

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

  1. How Do Primitive Values Get Their Properties? (toot or tweet) · ·
  2. How Many Hyperlinks Are Too Many for Accessibility? (toot or tweet) · · ,
  3. How to Make a “Raise the Curtains” Effect in CSS (toot or tweet) · · ,
  4. How to Use Higher-Order Functions in JavaScript (toot or tweet) · ·
  5. Progressive Enhancement, the New Hotness (toot or tweet) · ·
  6. Taming CSS Variables With Web Inspector (toot or tweet) · · , , ,
  7. Simple Color System for Complex Digital Interfaces (toot or tweet) · · , , ,
  8. What’s Really Going On Inside Your node_modules Folder? (toot or tweet) · · , ,
  9. New CSS Features in 2022 (toot or tweet) · ·
  10. 5 Things You Don’t Need JavaScript For (toot or tweet) · ·
  11. A Recipe for a Good Design System (toot or tweet) · ·
  12. Accessibility Checklist: Five Things Usually Left Out (toot or tweet) · · ,
  13. Foundations: Headings (toot or tweet) · · , ,
  14. (Not So) Short Note on Being Owned (toot or tweet) · · , ,
  15. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (toot or tweet) · · , ,
  16. How to Build a File Upload Service With Vanilla JavaScript (toot or tweet) · ·
  17. CSS “content” Property (toot or tweet) · ·
  18. Higher-Order Components in React Hooks Era (toot or tweet) · · , ,
  19. Importing ES6 Modules over HTTP/HTTPS in Node.js (toot or tweet) · · , , ,
  20. Should Frontend Devs Care About Performance? (toot or tweet) · ·
  21. Solid.js Feels Like What I Always Wanted React to Be (toot or tweet) · · ,
  22. Top 2021 CSS Frameworks Report: The CSS File Sizes (toot or tweet) · · , , ,
  23. 4 Simple Ways to Improve Web Accessibility (toot or tweet) · · ,
  24. How I Structure My React Projects (toot or tweet) · · ,
  25. Overlay Position and Recommendations (toot or tweet) · · ,
  26. Screaming Architecture—Evolution of a React Folder Structure (toot or tweet) · · ,
  27. When to Avoid the “text-decoration” Shorthand Property (toot or tweet) · ·
  28. Accessibility and Inclusivity in Practice (toot or tweet) · · , ,
  29. Understanding Dependencies Inside Your package.json (toot or tweet) · · , , ,
  30. 5 Accessibility Quick Wins You Can Implement Today (toot or tweet) · ·
  31. A Complete Guide to CSV Files in Node.js (toot or tweet) · · , ,
  32. Container Queries, the Next Step Towards a Truly Modular CSS (toot or tweet) · · , ,
  33. Moving from Next to Remix (toot or tweet) · · , , ,
  34. Can You Get Pwned With CSS? (toot or tweet) · · ,
  35. How to Fix Your Security Vulnerabilities With npm Override (toot or tweet) · · , ,
  36. HTML Comments Work in JavaScript Too (toot or tweet) · · , ,
  37. How to Make MPAs That Are as Fast as SPAs (toot or tweet) · · ,
  38. 15 Useful Placeholder Tools for Designers and Developers (toot or tweet) · · , , , ,
  39. Comparing Gatsby and Next.js for Website Development (toot or tweet) · · , , ,
  40. Component Tokens and Themes Example (to Learn Figma Tokens) (toot or tweet) · · , , , ,
  41. Design Systems in Figma: How to Be More Productive (toot or tweet) · · , ,
  42. How to Prioritize Your Components (toot or tweet) · · ,
  43. Inclusive Design vs. Accessible Design: Understanding the Differences (toot or tweet) · · , , ,
  44. Reliably Send an HTTP Request as a User Leaves a Page (toot or tweet) · ·
  45. SPAs Were a Mistake (toot or tweet) · ·
  46. Support for Marking Radio Buttons Required, Invalid (toot or tweet) · · ,
  47. Turning the Tables on Accessibility (toot or tweet) · ·
  48. What Is Responsible JavaScript? (toot or tweet) · · ,
  49. The Case for Adding Validation State to Your Design Tokens (toot or tweet) · · ,
  50. Favi-Gone: 6 Reasons Why Your Favicon Disappeared from the Google Search Results (toot or tweet) · · , , ,
  51. A Complete Guide to CSS Cascade Layers (toot or tweet) · · , ,
  52. CSS Quick Tip: Animating in a Newly Added Element (toot or tweet) · · , ,
  53. Design System: How to Successfully Collaborate? (toot or tweet) · · ,
  54. How Websites Die (toot or tweet) · · ,
  55. Let’s Get Inclusive: Designing Products for Everyone (toot or tweet) · · ,
  56. Writing Logic in CSS (toot or tweet) · ·
  57. Column Headers and Browser Support (toot or tweet) · · , ,
  58. Invisible Characters (toot or tweet) · · ,
  59. Minimizing Google Fonts by Only Loading It for Certain Characters (toot or tweet) · · , , , ,
  60. React State Management Libraries in 2022 (toot or tweet) · · , ,
  61. You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (toot or tweet) · ·
  62. There Is No Character Limit for “Alt Text” (toot or tweet) · · ,
  63. Comparing Node JavaScript to JavaScript in the Browser (toot or tweet) · · , , ,
  64. Core Web Vitals: What Next? (toot or tweet) · · , ,
  65. Structuring Documentation in Multi-Brand Design Systems (toot or tweet) · · ,
  66. Using “mask” as “clip-path” (toot or tweet) · · , ,
  67. Flexbox Dynamic Line Separator (toot or tweet) · ·
  68. Web Developers and Cognitive Biases (toot or tweet) · · ,
  69. What Makes Writing More Readable? (toot or tweet) · · ,
  70. How to Create a Search Page for a Static Website With Vanilla JS (toot or tweet) · · ,
  71. 7 Lessons I’ve Learned in the Last Year as a Software Engineer (toot or tweet) · ·
  72. The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” (toot or tweet) · · , ,
  73. The State of JavaScript 2021 (toot or tweet) · · ,
  74. Track Down the JavaScript Code Responsible for Polluting the Global Scope (toot or tweet) · ·
  75. What is the Difference Between WCAG Compliance Level A, AA, and AAA? (toot or tweet) · · , ,
  76. An Auto-Filling CSS Grid With Max Columns of a Minimum Size (toot or tweet) · · ,
  77. 10 Mental Models Developers Can Use to Get Unstuck (toot or tweet) · ·
  78. Colors That Make Sense (toot or tweet) · · , ,
  79. Foundations: Colour and Meaning (toot or tweet) · · ,
  80. The Basics of package.json (toot or tweet) · · , , ,
  81. Version 100 in Chrome and Firefox (toot or tweet) · · , , , , ,
  82. 7 Killer One-Liners in JavaScript (toot or tweet) · ·
  83. WCAG 2.2 Update (toot or tweet) · · ,
  84. Functions and the Future of Design Systems (toot or tweet) · ·
  85. The Entire Cascade (as a Funnel) (toot or tweet) · · , ,
  86. Hello, CSS Cascade Layers (toot or tweet) · · ,
  87. Using the Language Attribute to Make Your Website Accessible (toot or tweet) · · , ,
  88. Why Radio Buttons Are Called Radio Buttons in UIs? (toot or tweet) · · , ,
  89. Multi-Value CSS Properties With Optional Custom Property Values (toot or tweet) · · ,
  90. How to Keep Your Repo Package Dependencies Up to Date Automatically (toot or tweet) · · ,
  91. Moving from JavaScript to TypeScript (toot or tweet) · · ,
  92. Accessibility Monitoring: How We Test (toot or tweet) · · , ,
  93. Everything Publishers Need to Know About URLs (toot or tweet) · · ,
  94. How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (toot or tweet) · · , ,
  95. How to Make CSS Slanted Containers (toot or tweet) · ·
  96. MHTML in Chromium (toot or tweet) · · ,
  97. Only 2% of Sites Meet Accessibility Standards—Let’s Change That (toot or tweet) · ·
  98. The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (toot or tweet) · · ,
  99. What I Learned Implementing a Design System for an Existing Product (toot or tweet) · ·
  100. Building an Adaptive Favicon (toot or tweet) · · ,
  101. Debugging JavaScript (toot or tweet) · · ,
  102. Developing a Focus Style for a Themable Design System (toot or tweet) · · , ,
  103. This Is Why Your Node.js Application Is Slow (toot or tweet) · · ,
  104. Aspect Ratio Is Great (toot or tweet) · · ,
  105. New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (toot or tweet) · · ,
  106. Move Over JavaScript: Back-End Languages Are Coming to the Front-End (toot or tweet) · ·
  107. Replace JavaScript Dialogs With the New HTML Dialog Element (toot or tweet) · · ,
  108. Accessibility Testing Best Practices in CI/CD (toot or tweet) · · , , ,
  109. Creating Generative SVG Grids (toot or tweet) · · ,
  110. CSS Animations Tutorial: Complete Guide for Beginners (toot or tweet) · · , ,
  111. Do We Need Screen Reader for Accessibility Testing (toot or tweet) · · , , ,
  112. Modern, Single-Page Web Design: UX Design Trends and Tips (toot or tweet) · · , ,
  113. Introducing the Dialog Element (toot or tweet) · · ,
  114. How to Favicon in 2022: Six Files That Fit Most Needs (toot or tweet) · · ,
  115. How to Create a UX-Vision Statement (toot or tweet) · ·
  116. How to Use the Accessibility Tree for A11Y Testing (toot or tweet) · · ,
  117. UX and User Personas: How to Get it Right (toot or tweet) · · , ,
  118. Are We Live? (toot or tweet) · · ,
  119. Design System Versioning: Single Library or Individual Components? (toot or tweet) · · ,
  120. Foundations: Colour Contrast (toot or tweet) · · , ,
  121. Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements (toot or tweet) · · , ,
  122. What Web Frameworks Solve: The Vanilla Alternative (toot or tweet) · · , ,
  123. 8 Key Elements for Creating a Culture of Accessibility (toot or tweet) · · ,
  124. The Impact of Motion Animation on Cognitive Disability (toot or tweet) · · , ,
  125. Why Efficient Hydration in JavaScript Frameworks Is So Challenging (toot or tweet) · · , ,
  126. Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (toot or tweet) · · , , ,
  127. No Accessibility Without Disabilities (toot or tweet) · · ,
  128. Assistive Technology, Accessible Technology, and the Accessibility Tree (toot or tweet) · · , , ,
  129. Grow Your Design System from Good to Great (toot or tweet) · ·
  130. Settings Are Not a Design Failure (toot or tweet) · · , ,
  131. State of Frontend 2022 (toot or tweet) · ·
  132. Improving JavaScript Bundle Performance With Code-Splitting (toot or tweet) · · , , ,
  133. 24 Lesser-Known HTML Attributes You May Want to Use (toot or tweet) · ·
  134. 5 Pitfalls of Using Micro Frontends and How to Avoid Them (toot or tweet) · ·
  135. Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus (toot or tweet) · · , ,
  136. Career Advice Nobody Gave Me: Never Ignore a Recruiter (toot or tweet) · ·
  137. Structuring Your Storybook (toot or tweet) · ·
  138. Website Themes and Color Schemes (toot or tweet) · · , ,
  139. “Evergreen” Does Not Mean Immediately Available (toot or tweet) · ·
  140. CSS—Understanding the Cascade (toot or tweet) · · , ,
  141. Cascade Layers Are Coming to Your Browser (toot or tweet) · · , , ,
  142. 4 Questions to Ask Before Using ARIA (toot or tweet) · · , , ,
  143. Accessibly Insecure (toot or tweet) · · ,
  144. Speed Matters, but It Isn’t Everything (toot or tweet) · · , ,
  145. The Focus-Indicated Pseudo-Class “:focus-visible” (toot or tweet) · ·
  146. Use Cases for CSS “fit-content” (toot or tweet) · ·
  147. Learn Responsive Design (toot or tweet) · · ,
  148. A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (toot or tweet) · ·
  149. Preventing Smooth Scrolling With JavaScript (toot or tweet) · · ,
  150. Inclusive Design (toot or tweet) · · ,
  151. Cascade Layers: First Contact (toot or tweet) · · ,
  152. Internal Onboarding for Design System Teams (toot or tweet) · · ,
  153. Why Testing After Is a Bad Practice (toot or tweet) · ·
  154. Why You Should Use a Developer Font (toot or tweet) · · , ,
  155. What Web Frameworks Solve and How to Do Without Them (toot or tweet) · · , ,
  156. WCAG, but in Language I Can Understand (toot or tweet) · · ,
  157. How Does “!important” Actually Work? (toot or tweet) · · , ,
  158. A Pipe Operator for JavaScript: Introduction and Use Cases (toot or tweet) · · ,
  159. Caching Header Best Practices (toot or tweet) · · , ,
  160. Cherry Picking Commits in Git (toot or tweet) · · ,
  161. Demystifying TypeScript Discriminated Unions (toot or tweet) · ·
  162. Naming Design Tokens (toot or tweet) · · ,
  163. There’s No Such Thing as Clean Code (toot or tweet) · · ,
  164. To Create an Excellent Design System, Treat It Like a Collaborative Process (toot or tweet) · · , ,
  165. Top Ten Most Common Web Accessibility Issues (toot or tweet) · ·
  166. WebAssembly Feature Detection (toot or tweet) · · , ,
  167. Design System: How to Efficiently Scale Development? (toot or tweet) · · ,
  168. How to Convert Markdown to HTML (toot or tweet) · · , ,
  169. The Baseline for Web Development in 2022 (toot or tweet) · ·
  170. The Double-Assignment Pattern in jQuery’s Source Code (toot or tweet) · · ,
  171. The Return of Server Side Routing (toot or tweet) · ·
  172. Overview of Accessibility Testing Using DevTools (toot or tweet) · · , , , , ,
  173. What’s New in DevTools? (toot or tweet) · · , , , , , , , , ,
  174. Fancy CSS Borders Using Masks (toot or tweet) · · , ,
  175. Here’s What I Didn’t Know About “:where()” (toot or tweet) · · ,
  176. An Introduction to CSS Cascade Layers (toot or tweet) · · , ,
  177. Best Practices for Creating Your UX Design Portfolio (toot or tweet) · · , , ,
  178. Foundations: Text Descriptions (toot or tweet) · · ,
  179. Monorepo Explained (toot or tweet) · · ,
  180. The Risks and Rewards of App Modernization (toot or tweet) · · , ,
  181. Why Don’t Developers Take Accessibility Seriously? (toot or tweet) · ·
  182. Drift: Why Your Design System Isn’t Working (toot or tweet) · · ,
  183. More to Give Than Just the Div: Semantics and How to Get Them Right (toot or tweet) · · , ,
  184. Context-Aware Web Components Are Easier Than You Think (toot or tweet) · · , ,
  185. How to Check What Item Is in Focus When Accessibility Testing (toot or tweet) · · ,
  186. Technology Time-Outs (toot or tweet) · · ,
  187. The Many Ways to Modify Leading and Trailing Characters from Strings With JavaScript (toot or tweet) · ·
  188. Accessibility Acceptance Criteria (toot or tweet) · · , , ,
  189. Big Images, Blazingly Fast (toot or tweet) · · , ,
  190. Frontend Predictions for 2022 (toot or tweet) · ·
  191. Div Divisiveness (toot or tweet) · · ,
  192. Optimize Your PNGs With Oxipng and pre-commit (toot or tweet) · · , , , ,
  193. The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” (toot or tweet) · · ,
  194. An Introduction to High Contrast Accessibility (toot or tweet) · · , ,
  195. Design Systems Are Flawed (toot or tweet) · ·
  196. Giving Web Standards a Seat at the Table (toot or tweet) · · ,
  197. How to Avoid Layout Shifts Caused by Web Fonts (toot or tweet) · · , ,
  198. The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (toot or tweet) · · ,
  199. What Should Someone Learn About CSS If They Last Boned Up During CSS3? (toot or tweet) · ·
  200. Create an Open Graph Image Generator With Node.js (toot or tweet) · · , ,
  201. How to Set Up a Node.js Project With TypeScript (toot or tweet) · · ,
  202. Making IT Accessible for All! (toot or tweet) · · ,
  203. Naming Conventions for Your Design System (toot or tweet) · · , ,
  204. Quick Accessibility Tests Anyone Can Do (toot or tweet) · · , ,
  205. TypeScript Features to Avoid (toot or tweet) · ·
  206. Building UI Components With SVG and CSS (toot or tweet) · · , ,
  207. Using PostCSS With Media Queries Level 4 (toot or tweet) · · , ,
  208. Becoming a Better Writer as a Software Engineer (toot or tweet) · · ,
  209. Frontend Challenges: Front-End Engineer Assignment (toot or tweet) · · , , ,
  210. Modern Fluid Typography Using CSS Clamp (toot or tweet) · · ,
  211. On the Difficulty of Counting the Number of HTML Elements (toot or tweet) · ·
  212. Rethinking Component Libraries (toot or tweet) · ·
  213. The Real Added Costs of Accessibility (toot or tweet) · · ,
  214. Comparing CSS Specificity Values (toot or tweet) · · ,
  215. Find HTML Parsing Errors (toot or tweet) · · , , , ,
  216. Choosing Open Source License Wisely (toot or tweet) · · ,
  217. “structuredClone()”: Deeply Copying Objects in JavaScript (toot or tweet) · · ,
  218. Accessibility Data Is Not the Enemy (toot or tweet) · · ,
  219. CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (toot or tweet) · · , ,
  220. Accessibility and 2022: 13 Design Trends from a Usability Perspective (toot or tweet) · · , , ,
  221. Building an Accessible Digital World (toot or tweet) · ·
  222. Git Organized: A Better Git Flow (toot or tweet) · · , ,
  223. Rationalise It! 5 Steps to Introduce a New Component to the Design System (toot or tweet) · · ,
  224. An Introduction to Tech Debt (And Why It Can Change Your Career) (toot or tweet) · · , ,
  225. Boolean Attributes in HTML and ARIA: What’s the Difference? (toot or tweet) · · ,
  226. Web Accessibility Lawsuits Dramatically Rose in 2021 (toot or tweet) · · , ,
  227. Website Performance and the Planet (toot or tweet) · · , ,
  228. Make Beautiful Gradients (toot or tweet) · · ,
  229. PHP in 2022 (toot or tweet) · ·
  230. Remix vs. Next.js (toot or tweet) · · , ,
  231. Social Media Image Sizes 2022: Cheat Sheet for Every Network (toot or tweet) · · , ,
  232. Software Is Automating Design—What Does That Mean for Designers? (toot or tweet) · · ,
  233. Revisiting Why Hyperlinks Are Blue (toot or tweet) · · ,
  234. A Deep CSS Dive into Radial and Conic Gradients (toot or tweet) · · ,
  235. Alt Tag Emptiness (toot or tweet) · · , , ,
  236. Don’t Fight the Cascade, Control It! (toot or tweet) · · ,
  237. Foundations: Animations and Flashing Content (toot or tweet) · · ,
  238. How Not to Learn TypeScript (toot or tweet) · ·
  239. HTML is General, ARIA is Specific (toot or tweet) · · ,
  240. Writing With Respect (toot or tweet) · ·
  241. Memory Leaks, How to Avoid Them in a React App (toot or tweet) · · ,
  242. 22 Smart Google SEO Tips for 2022 (toot or tweet) · · , ,
  243. Ban Embed Codes (toot or tweet) · ·
  244. Your CSS Reset Needs “text-size-adjust” (Probably) (toot or tweet) · · ,
  245. Two Ways to Clear an Array With Vanilla JavaScript (toot or tweet) · · ,
  246. How to Measure Your Design System? (toot or tweet) · · ,
  247. Labeling the Point: Scenarios of Label Misuse in WCAG (toot or tweet) · · , ,
  248. Reduce the Pressure on Young and Inexperienced Developers (toot or tweet) · · ,
  249. Memory Leaks: The Forgotten Side of Web Performance (toot or tweet) · · ,
  250. 30 Frontend Tips (toot or tweet) · · ,