Frontend Dogma

News and Views in Frontend Development (7)

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

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