Frontend Dogma

“2022” Archive (8)

  1. Multi-Value CSS Properties With Optional Custom Property Values · · ,
  2. How to Keep Your Repo Package Dependencies Up to Date Automatically · · , ,
  3. Moving from JavaScript to TypeScript · · ,
  4. Accessibility Monitoring: How We Test · · , , ,
  5. Building an Adaptive Favicon · · ,
  6. Everything Publishers Need to Know About URLs · · , ,
  7. How to Make CSS Slanted Containers · · ,
  8. What I Learned Implementing a Design System for an Existing Product ·
  9. The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site · · ,
  10. Only 2% of Sites Meet Accessibility Standards—Let’s Change That ·
  11. MHTML in Chromium · · ,
  12. How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design · · , ,
  13. Replace JavaScript Dialogs With the New HTML Dialog Element · · , ,
  14. This Is Why Your Node.js Application Is Slow · · ,
  15. Developing a Focus Style for a Themable Design System · · , , ,
  16. Move Over JavaScript: Back-End Languages Are Coming to the Front-End ·
  17. New in JavaScript: “reportError”—a Method to Report to Global Event Handlers · · ,
  18. Aspect Ratio Is Great · · ,
  19. Debugging JavaScript · · ,
  20. Introducing the Dialog Element · · , ,
  21. CSS Animations Tutorial: Complete Guide for Beginners · · , , ,
  22. How to Favicon in 2022: Six Files That Fit Most Needs · · , ,
  23. Do We Need Screen Reader for Accessibility Testing · · , , , ,
  24. Modern, Single-Page Web Design: UX Design Trends and Tips · · , ,
  25. Creating Generative SVG Grids · · ,
  26. Accessibility Testing Best Practices in CI/CD · · , , ,
  27. How to Use the Accessibility Tree for A11Y Testing · · , ,
  28. How to Create a UX Vision Statement · · ,
  29. UX and User Personas: How to Get it Right · · , ,
  30. Are We Live? · · ,
  31. What Web Frameworks Solve: The Vanilla Alternative · · , ,
  32. Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements · · , ,
  33. Foundations: Colour Contrast · · , ,
  34. Design System Versioning: Single Library or Individual Components? · · ,
  35. Why Efficient Hydration in JavaScript Frameworks Is So Challenging · · , ,
  36. No Accessibility Without Disabilities · · ,
  37. Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds · · , , ,
  38. The Impact of Motion Animation on Cognitive Disability · · , ,
  39. 8 Key Elements for Creating a Culture of Accessibility · · ,
  40. Improving JavaScript Bundle Performance With Code-Splitting · · , , , ,
  41. Assistive Technology, Accessible Technology, and the Accessibility Tree · · , , , ,
  42. State of Frontend 2022 ·
  43. Settings Are Not a Design Failure · · , ,
  44. Grow Your Design System from Good to Great ·
  45. 24 Lesser-Known HTML Attributes You May Want to Use ·
  46. Website Themes and Color Schemes · · , , ,
  47. Cascade Layers Are Coming to Your Browser · · , , ,
  48. CSS—Understanding the Cascade · · , ,
  49. “Evergreen” Does Not Mean Immediately Available ·
  50. Structuring Your Storybook ·
  51. Career Advice Nobody Gave Me: Never Ignore a Recruiter ·
  52. Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus · · , ,
  53. 5 Pitfalls of Using Micro Frontends and How to Avoid Them ·
  54. The Focus-Indicated Pseudo-Class “:focus-visible” · · ,
  55. Preventing Smooth Scrolling With JavaScript · · ,
  56. A More Easy Way to Write “if … or” Checks With Vanilla JavaScript ·
  57. Learn Responsive Design · · ,
  58. Use Cases for CSS “fit-content” ·
  59. Speed Matters, but It Isn’t Everything · · , ,
  60. Accessibly Insecure · · ,
  61. 4 Questions to Ask Before Using ARIA · · , , ,
  62. Inclusive Design · · ,
  63. WCAG, but in Language I Can Understand · · ,
  64. Why Testing After Is a Bad Practice ·
  65. Why You Should Use a Developer Font · · , ,
  66. How Does “!important” Actually Work? · · , ,
  67. What Web Frameworks Solve and How to Do Without Them · · , ,
  68. Internal Onboarding for Design System Teams · · ,
  69. Cascade Layers: First Contact · · ,
  70. WebAssembly Feature Detection · · , ,
  71. A Pipe Operator for JavaScript: Introduction and Use Cases · · , ,
  72. Top Ten Most Common Web Accessibility Issues ·
  73. To Create an Excellent Design System, Treat It Like a Collaborative Process · · , ,
  74. There’s No Such Thing as Clean Code · · ,
  75. Naming Design Tokens · · ,
  76. Demystifying TypeScript Discriminated Unions ·
  77. Cherry Picking Commits in Git · · ,
  78. Caching Header Best Practices · · , ,
  79. Fancy CSS Borders Using Masks · · , , ,
  80. Overview of Accessibility Testing Using DevTools · · , , , , , ,
  81. How to Convert Markdown to HTML · · , , ,
  82. Design System: How to Efficiently Scale Development? · · , ,
  83. The Return of Server Side Routing ·
  84. What’s New in DevTools? · · , , , , , , , , ,
  85. The Double-Assignment Pattern in jQuery’s Source Code · · ,
  86. The Baseline for Web Development in 2022 ·
  87. Here’s What I Didn’t Know About “:where()” · · ,
  88. The Risks and Rewards of App Modernization · · , ,
  89. Why Don’t Developers Take Accessibility Seriously? ·
  90. Monorepo Explained · · ,
  91. Foundations: Text Descriptions · · ,
  92. Best Practices for Creating Your UX Design Portfolio · · , , ,
  93. An Introduction to CSS Cascade Layers · · , ,
  94. Drift: Why Your Design System Isn’t Working · · ,
  95. More to Give Than Just the Div: Semantics and How to Get Them Right · · , ,
  96. How to Check What Item Is in Focus When Accessibility Testing · · , , ,
  97. Context-Aware Web Components Are Easier Than You Think · · , ,
  98. The Many Ways to Modify Leading and Trailing Characters from Strings With JavaScript ·
  99. Technology Time-Outs · · ,
  100. The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” · · ,
  101. Optimize Your PNGs With Oxipng and pre-commit · · , , , ,
  102. Div Divisiveness · · ,
  103. Frontend Predictions for 2022 ·
  104. Big Images, Blazingly Fast · · , ,
  105. Accessibility Acceptance Criteria · · , , ,
  106. The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 · · ,
  107. Create an Open Graph Image Generator With Node.js · · , ,
  108. How to Set Up a Node.js Project With TypeScript · · , ,
  109. How to Avoid Layout Shifts Caused by Web Fonts · · , , ,
  110. An Introduction to High Contrast Accessibility · · , ,
  111. What Should Someone Learn About CSS If They Last Boned Up During CSS3? ·
  112. Giving Web Standards a Seat at the Table · · ,
  113. Design Systems Are Flawed ·
  114. Becoming a Better Writer as a Software Engineer · · ,
  115. Using PostCSS With Media Queries Level 4 · · , ,
  116. Building UI Components With SVG and CSS · · , ,
  117. TypeScript Features to Avoid ·
  118. Quick Accessibility Tests Anyone Can Do · · , ,
  119. Naming Conventions for Your Design System · · , ,
  120. Making IT Accessible for All! · · ,
  121. The Real Added Costs of Accessibility · · ,
  122. On the Peculiarities of Counting the Number of HTML Elements ·
  123. Frontend Challenges: Front-End Engineer Assignment · · , , ,
  124. Find HTML Parsing Errors · · , , , ,
  125. Comparing CSS Specificity Values · · ,
  126. Rethinking Component Libraries ·
  127. Modern Fluid Typography Using CSS Clamp · · ,
  128. Choosing Open Source License Wisely · · ,
  129. “structuredClone()”: Deeply Copying Objects in JavaScript · · ,
  130. CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives · · , , ,
  131. Accessibility Data Is Not the Enemy · · ,
  132. Git Organized: A Better Git Flow · · , ,
  133. Accessibility and 2022: 13 Design Trends from a Usability Perspective · · , , ,
  134. Rationalise It! 5 Steps to Introduce a New Component to the Design System · · ,
  135. Building an Accessible Digital World ·
  136. An Introduction to Tech Debt (and Why It Can Change Your Career) · · , ,
  137. Website Performance and the Planet · · , ,
  138. Web Accessibility Lawsuits Dramatically Rose in 2021 · · , ,
  139. Boolean Attributes in HTML and ARIA: What’s the Difference? · · ,
  140. Revisiting Why Hyperlinks Are Blue · · ,
  141. Software Is Automating Design—What Does That Mean for Designers? · · ,
  142. Social Media Image Sizes 2022: Cheat Sheet for Every Network · · , ,
  143. Remix vs. Next.js · · , ,
  144. PHP in 2022 ·
  145. Make Beautiful Gradients · · ,
  146. HTML Is General, ARIA Is Specific · · ,
  147. Foundations: Animations and Flashing Content · · ,
  148. Alt Tag Emptiness · · , , , ,
  149. Writing With Respect ·
  150. How Not to Learn TypeScript ·
  151. Don’t Fight the Cascade, Control It! · · ,
  152. A Deep CSS Dive into Radial and Conic Gradients · · ,
  153. Memory Leaks, How to Avoid Them in a React App · · ,
  154. 22 Smart Google SEO Tips for 2022 · · , ,
  155. Two Ways to Clear an Array With Vanilla JavaScript · · ,
  156. Your CSS Reset Needs “text-size-adjust” (Probably) · · ,
  157. Ban Embed Codes ·
  158. How to Measure Your Design System? · · , ,
  159. Reduce the Pressure on Young and Inexperienced Developers · · ,
  160. Labeling the Point: Scenarios of Label Misuse in WCAG · · , ,
  161. Memory Leaks: The Forgotten Side of Web Performance · · ,
  162. 30 Frontend Tips · · ,
  163. CSS Underlines Are Too Thin and Too Low in Chrome · · , , ,
  164. The Good, the Bad, and the Toggle · · ,
  165. The 6 Most Important CSS Concepts for Beginners · · ,
  166. Styling Strategies Using Typography ·
  167. 8 Techniques to Write Cleaner JavaScript Code ·
  168. Accessible Heading Structure · · , ,
  169. The Web Doesn’t Have Version Numbers · · ,
  170. Imperative vs. Declarative Programming · · , ,
  171. Fetch Commit Logs of Certain Function or Method in Git · · ,
  172. How Flexbox Works · · ,
  173. Five 2022 Accessibility Trends · · ,
  174. A Contrast of Errors · · , , ,