Frontend Dogma

“2021” Archive (2)

  1. If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea · · , ,
  2. Web Performance Metrics Cheatsheet · · ,
  3. Why Accessibility Overlays on Your Website Can Make Things Worse · · ,
  4. Micro-Frontends: The Next Gen Way to Build Web Apps · · ,
  5. Switch Role Support · · , ,
  6. Finding Common Patterns Across Frameworks · · ,
  7. Common Mistakes When Writing CSS With BEM · · , , ,
  8. On Using Custom Properties · · ,
  9. The Start of a New Era for Responsive Web Design · · ,
  10. Designing for Color Contrast: Guidelines for Accessibility · · , , ,
  11. Prevent Scroll Chaining With Overscroll Behavior · · ,
  12. Identify Potential CSS Improvements · · , , , , ,
  13. Semantic “menu” Context · · ,
  14. Respecting Users’ Motion Preferences · · ,
  15. Making the Web Developer’s Pilgrimage ·
  16. Decoupling HTML, CSS, and JavaScript in Design Systems · · , , ,
  17. This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle ·
  18. How to Cancel an HTTP Request in Node.js · · , ,
  19. Optimizing Resource Loading With the Fetch Priority API · · , , ,
  20. How I Made Google’s Data Grid Scroll 10x Faster With One Line of CSS · · ,
  21. We Analyzed 425,909 Favicons · · ,
  22. New HTTP Standards for Caching on the Modern Web · · , , , ,
  23. Back to Basics: Understanding the “for…in” Loop in JavaScript ·
  24. Evaluating Clever CSS Solutions ·
  25. Yes, Node.js Is Part of the Web Platform · · , ,
  26. “@ supports selector()” · · , ,
  27. It’s Time for a Healthy Tech Approach ·
  28. HTML With Superpowers · · , ,
  29. Disability: Let’s Say the Word · · ,
  30. Fix Web Accessibility Systematically · · ,
  31. Chrome DevTools: Easily Change CSS Units and Values · · , , , , ,
  32. What Svelte’s Accessibility Warnings Won’t Tell You · · ,
  33. Understanding and Implementing OAuth2 in Node.js · · ,
  34. Landmarks · · , ,
  35. Dealing With Timezones in Web Development ·
  36. 100 Bytes of CSS to Look Great Everywhere ·
  37. Processing CPU-Intensive Jobs in Node.js ·
  38. Beginner’s Guide to Responsive Images: How to Get Them Right · · , , ,
  39. Custom Properties With Defaults: 3+1 Strategies · · ,
  40. Expandable Sections Within a CSS Grid · · ,
  41. Conditional “border-radius” and Three Future CSS Features · · ,
  42. “min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today · · ,
  43. Stop Writing JavaScript Like This ·
  44. Smart CSS Solutions for Common UI Challenges · · ,
  45. Different Degrees of Custom Property Usage · · ,
  46. Building a Multi-Select Component · · , , ,
  47. The Tortuous Journey of Enhancing Our Color Palette · · ,
  48. The Ultimate Guide to 3xx HTTP Status Codes · · , ,
  49. Five Proven Approaches for a Better Developer Experience in Your Organisation ·
  50. 1999: The Fall of Netscape and the Rise of Mozilla · · , ,
  51. How to Win at CORS · · , , , ,
  52. What Constitutes a Digital Accessibility Audit · · , ,
  53. How Design Debt Can Hurt Your Product · · ,
  54. Best UI Frameworks for React.js · · ,
  55. Google Chrome Hidden Features Every Developer Should Know · · , , ,
  56. Easy Read Is Hard to Get Right · · ,
  57. A Tangled Web of ARIA · · , ,
  58. Introduction to Styled Components · · , , ,
  59. Appreciation for Being a Web Developer ·
  60. Why We Crave Software With Style over “Branding” · · ,
  61. Native CSS Nesting: What You Need to Know · · , ,
  62. Buttons vs. Links · · , , , ,
  63. How We Improved Our Design System Delivery · · , , ,
  64. Internationalization: How to Boost Traffic With a Multilingual Site · · ,
  65. Accessibility: A Gentle Introduction · · ,
  66. Why Does Everything Look the Same? ·
  67. Have Single-Page Apps Ruined the Web? · · , ,
  68. How to Implement and Style the “Dialog” Element · · , , ,
  69. What Is Micro-Content? · · , ,
  70. Safe DOM Manipulation With the Sanitizer API · · ,
  71. RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term · · , , , , ,
  72. The Options for Password-Revealing Inputs · · , , , ,
  73. My Challenge to the Web Performance Community ·
  74. A Guide to CSS Debugging · · , ,
  75. Browsing With a Mobile Screen Reader · · , , , , ,
  76. Why Do Webdevs Keep Trying to Kill REST? · · , ,
  77. UX Accessibility: How to Start Designing for All · · , ,
  78. What Creating a Simple Font Taught Me About Font Design · · ,
  79. Automating a Design System · · , ,
  80. Conditional Border Radius in CSS · · ,
  81. How to Build an Expandable Accessible Gallery · · , , ,
  82. Writing Clean JavaScript Tests With the BASIC Principles · · , ,
  83. Redundantly Redundant a11y Accessibility · · ,
  84. Animation Techniques for Adding and Removing Items from a Stack · · , ,
  85. The CSS “prefers-color-scheme” User Query and Order of Preference ·
  86. Introducing Svelte, and Comparing Svelte With React and Vue · · , , , ,
  87. Using JavaScript to Detect High Contrast and Dark Modes · · , , ,
  88. Links, Missing “href” Attributes, and Over-Engineered Code · · , ,
  89. Understanding and Working With Submodules in Git · · ,
  90. Sorting JavaScript Arrays by Nested Properties · · , ,
  91. Web Streams Everywhere (and Fetch for Node.js) · · , , ,
  92. 9 Tag Management Solutions You Should Consider · · , , ,
  93. Practical Frontend Philosophy · · ,
  94. How I Built a Modern Website in 2021 · · , ,
  95. Declaring Page Language—and Declaring Changes in Language · · , ,
  96. Faster React Apps With Memoization · · , ,
  97. Guidelines for Choosing a Node.js Framework · · , ,
  98. Comparing Page Language Declaration Setups in Screen Readers · · , , , , , ,
  99. Figma Cheat Sheet · · , ,
  100. Accessibility Isn’t New—and Neither Is Ableism ·
  101. Let’s Dive into Cypress for End-to-End Testing · · ,
  102. Design Tokens Automation Pipeline: From Design Tools to Component Libraries · · , ,
  103. How I Make CSS Art · · ,
  104. A JavaScript Developer’s Guide to Browser Cookies · · , ,
  105. Beware False Negatives ·
  106. 7 UI Design Fundamentals for Developers · · ,
  107. One Last Time: Custom Styling Radio Buttons and Checkboxes · · , ,
  108. Not Releasing Late on Fridays, a Matter of Courtesy · · ,
  109. When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It · · ,
  110. Just Redux: The Complete Guide · · ,
  111. Simplifying Form Styles With “accent-color” · · ,
  112. “initial” Doesn’t Do What You Think It Does · · ,
  113. A Content Model Is Not a Design System · · ,
  114. 7 Useful HTML Attributes You May Not Know ·
  115. ct.css—Let’s Take a Look Inside Your “<head>” · · , ,
  116. Container Units Should Be Pretty Handy · · , ,
  117. Optimising a JavaScript Library With WebAssembly, a Failed Attempt · · , ,
  118. CSS Container Queries: Container-Relative Lengths · · ,
  119. Yarn vs. npm: Everything You Need to Know · · , ,
  120. Node.js Garbage Collection Explained ·
  121. Cascade Layers? · · ,
  122. 7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS · · ,
  123. Provide Pronunciation for Ambiguous Words · · , ,
  124. How I Learnt to Stop Worrying and Love Animating the Box Model · · ,
  125. Simpler Block Spacing in WordPress With “:is()” and “:where()” · · , ,
  126. Understanding “min-content”, “max-content”, and “fit-content” in CSS ·
  127. Contemporary Design Has Lost Its Soul ·
  128. 20 Killer JavaScript One-Liners ·
  129. Practical Frontend Architecture ·
  130. Why Inequalities Can Appear in Digital Accessibility and Inclusive Design · · , ,
  131. CSS Container Query Units · · , ,
  132. The New Requirements for WCAG 2.2 · · ,
  133. How to Expand Your Engineering Skill Set Without Quitting Your Day Job · · , ,
  134. Accessible Palette: Stop Using HSL for Color Systems · · , , ,
  135. Small Bundles, Fast Pages: What to Do With Too Much JavaScript · · , ,
  136. Web Vitals Patterns ·
  137. What’s the Right Font Size in Web Design? · · ,
  138. Web Quality Assurance: From User Requirements to Web Risk Management · · ,
  139. New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web · · , ,
  140. Minding the “gap” ·
  141. Design Direction as a Step Before Design System · · ,
  142. The Future of CSS: Cascade Layers (CSS “@ layer”) · · ,
  143. 1995: MySQL Arrives, Completing the LAMP Stack · · , , ,
  144. Reducing the Need for Pseudo-Elements · · ,
  145. Optimizing Images on the Web · · ,
  146. Modernising CSS Infrastructure in DevTools · · , , , , ,
  147. Master Frontend Development by Cloning These Websites ·
  148. Designing Beautiful Shadows in CSS · · ,
  149. 29 Projects to Help You Practice HTML CSS Javascript 2021 · · , ,
  150. Notes on Synthetic Speech · · ,
  151. The Ultimate Guide to Web Console · · , , ,
  152. Myths About Web Accessibility ·
  153. Less Absolute Positioning With Modern CSS ·
  154. Vanilla JS Is a Web Performance Decision · · ,
  155. Blowing Up HTML Size With Responsive Images · · , , ,
  156. Enterprise UX: Essential Resources to Design Complex Data Tables · · , , ,
  157. Bundling Non-JavaScript Resources ·
  158. Developer Decisions for Building Flexible Components ·
  159. What Is Redundant Entry, and How Does It Affect Accessibility? · · ,
  160. The Case for “Developer Experience” ·
  161. Subsets and Supersets of WCAG · · ,
  162. Okhsv and Okhsl · · , ,
  163. Line Length Revisited: Following the Research · · , , ,
  164. Flexible API Design: Create Hooks for Your PHP API Pipeline · · , ,
  165. 5 Steps for Writing Alt Text for Accessibility · · , ,
  166. 13 Advanced (but Useful) Git Techniques and Shortcuts · · ,
  167. What’s New With DevTools: Cross-Browser Edition · · , , , , , , , , ,
  168. Fractional SVG Stars With CSS · · ,
  169. Firefox’s “bolder” Default Is a Problem for Variable Fonts · · , , , ,
  170. What’s New in PHP 8.1: Features, Changes, Improvements, and More ·
  171. Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1 · · , ,
  172. Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” ·
  173. Becoming a Design Tokens Ambassador ·
  174. HTTP/3: Practical Deployment Options · · , ,
  175. Color and Universal Design · · , ,
  176. A Practical Guide to Creating Reusable React Components · · , ,
  177. Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design · · , ,
  178. Stop! Put Down That Ternary, Lines Are Free ·
  179. Avoiding FOUT With Async CSS ·
  180. Multiple Accounts and Git ·
  181. The Pros and Cons of Professional Language ·
  182. Reducing Carbon Emissions on the Web ·
  183. Make Accessibility Part of Your Startup’s Products and Culture from Day One · · ,
  184. Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) · · , , , ,
  185. Interactive Learning Tools for Front-End Developers ·
  186. The Effect of CSS on Screen Readers · · , , , ,
  187. Getting Started With Web Accessibility Testing · · , ,
  188. Threats of Using Regular Expressions in JavaScript · · ,
  189. Element Diversity ·
  190. Twitter’s Div Soup and Uglyfied CSS, Explained · · , ,
  191. Building a Split-Button Component · · , , ,
  192. Web Scraping With JavaScript and Node.js · · , ,
  193. It Takes a PhD to Develop That · · , ,
  194. Best Practices for Logging in Node.js · · , ,
  195. 1995: Apache and Microsoft IIS Shake Up the Web Server Market · · , ,
  196. Color and Contrast, What Does It Mean? · · , ,
  197. Building Reactive Systems With Node.js · · ,
  198. Why You Should Manage Your Energy, Not Your Time · · ,
  199. Using SVG With Media Queries · · , ,
  200. Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities · · ,
  201. Writing High-Performance JavaScript · · ,
  202. 9.5 Ways Google Rewrites Your Title Tags · · ,
  203. State Management in Next.js · · ,
  204. Shifting Accessibility Testing to the Left · · , ,
  205. Rethinking User Personas · · , ,
  206. Building a Stepper Component · · , ,
  207. Exploring the CSS Paint API: Blob Animation · · , ,
  208. Common npm Mistakes Every Developer Should Avoid · · ,
  209. The Seniority Rollercoaster ·
  210. What Are the Web Performance Metrics That Actually Matter? · · ,
  211. Times New Roman Doesn’t Have to Be Boring—Here’s Why · · ,
  212. 7 Practices to Create Good JavaScript Variables ·
  213. Essential Concepts in JS · · ,
  214. 10 Fun Things You Can Do With GitHub.dev ·
  215. Creating a Positive Culture Around Accessibility · · ,
  216. 7 Useful CSS Cheat Sheets to Improve Your Skills · · ,
  217. 5 Tools to Automate Your Development · · , ,
  218. Compound Components in React · · ,
  219. Why Are Hyperlinks Blue? · · ,
  220. How to Use “Promise.any()” · · , ,
  221. Getting Started With CSS Animations · · , ,
  222. Small Wins for Accessibility and Resilience · · ,
  223. Named and Framed · · ,
  224. Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense · · , , ,
  225. jsc: My New Best Friend · · ,
  226. Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS · · ,
  227. React JS—the Confusing Parts · · ,
  228. Key Data Structures and Their Roles in RenderingNG · · , , , ,
  229. 8 Fundamental Principles of Effective Web Design ·
  230. Scrollbar Reflowing · · , ,
  231. 4 Important Differences Between Regular and Arrow Functions · · , ,
  232. 5 Ways to Undo Mistakes With Git · · , ,
  233. HTTP/3: Performance Improvements · · , ,
  234. 6 CSS Shorthand Properties to Improve Your Web Application · · ,
  235. Using the Platform ·
  236. How I Experience Web Today · · ,
  237. Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules · · , , , , ,
  238. How to Calculate REMs from Pixels · · ,
  239. I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me · · ,
  240. What’s on the Menu? · · ,
  241. UI Cheat Sheet: Spacing Friendships · · , ,
  242. Accessibility from the Ground Up ·
  243. Top 9 Lessons Learned in 12 Years as a Software Developer · · ,
  244. Web Accessibility Checklist · · , ,
  245. Truthy and Falsy: When All Is Not Equal in JavaScript ·
  246. I Tried Angular as a React Developer: Here Are 6 Things I Like About It · · , ,
  247. Building the Same App 5 Times · · , , , , ,
  248. One Favicon to Rule Them All · · , ,
  249. Level Up Your CSS Linting Using Stylelint · · , ,
  250. ARIA Spec for the Uninitiated · · , ,