Frontend Dogma

“2024” Archive (5)

  1. Write Alt Text Like You’re Talking to a Friend (by/via) · · ,
  2. What You Can Do as a Web Builder on Earth Day (by) · · ,
  3. What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer (by) · · ,
  4. Optimising React Apps · · ,
  5. Make Product Design Great Again (by/via) · · , ,
  6. Detect JavaScript Support (by/via) · · , , ,
  7. Considerations for AI Opt-Out (by) · ·
  8. April 24 Is JS Naked Day (by) · · , , ,
  9. A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (by+) · · , ,
  10. 3 Tips for Advanced Prototyping in Figma (by/via) · · , ,
  11. Using “@ defer” Defer Views in Angular 17 (by) · · , ,
  12. Node.js Task Runner (by) · · ,
  13. Make Sure That Your Design System Is Accessible (by) · · ,
  14. Long Alt (by) · · , , , , ,
  15. Detect JavaScript Support in CSS (by) · · , , ,
  16. Design Systems and the Never-Ending Job of Buy In (by) · · , ,
  17. Typography Variables in Figma Are Here (by) · · ,
  18. This Web of Ours, Revisited (by) · ·
  19. How to Work With GraphQL in WordPress in 2024 (by/via) · · , ,
  20. How to Create CSS Utility Classes (by/via) · · , ,
  21. Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (by/via) · · ,
  22. Building a Culture of Accessibility (by/via) · · ,
  23. Accessibility Overlays—Friend or Foe? (by/via) · · , ,
  24. A Short Guide to Mastering Keyboard Shortcuts on GitHub (by/via) · · , ,
  25. What’s Going On in Dark Theme / Light Theme Land (by/via) · · , ,
  26. The “Intl.Segmenter” Object Is Now Part of Baseline (by/via) · · , , ,
  27. The End of an Era: Women Who Code Closing (via) · ·
  28. Sustainable Web Development: Website Redesign With a Low Carbon Footprint (by/via) · · ,
  29. Git Common Developer Pitfalls and Solutions (via) · ·
  30. Building an npm Package Compatible With ESM and CJS in 2024 (by/via) · · , ,
  31. Angular’s New Signal Inputs (by) · · , ,
  32. A Primer on the Cascade and Specificity (by/via) · · , , ,
  33. JavaScript Code Quality Tools: See Qodana in Action (via) · · , , ,
  34. Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI (via) · · , , , ,
  35. Who Should Block AI Bots? (by/via) · · , ,
  36. When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (by) · · ,
  37. Webhooks and WebSockets (by) · · ,
  38. Upgrading jQuery: Working Towards a Healthy Web (by/via) · · , ,
  39. The Impact of Color Contrast on Accessibility (via) · · , ,
  40. Property Hooks Are Coming in PHP 8.4 (by) · · ,
  41. How to Write World-Beating Web Content (via) · · , ,
  42. How to Submit a Form in React Using FormData (via) · · , ,
  43. Displaying HTML Web Components (by) · · ,
  44. Converting Plain Text to Encoded HTML With Vanilla JavaScript (via) · · , ,
  45. Building a GitHub Activity Feed With Node.js and Socket.io (by/via) · · , ,
  46. 12 Tips From a Mid-Level Developer (by) · · ,
  47. We Need to Rewild the Internet (by+/via) · · , , , ,
  48. Things That Can Break “aspect-ratio” in CSS (by/via) · ·
  49. The Right Code for Your Design System (by/via) · · ,
  50. The Making of a TypeScript Feature: Inferring Type Predicates (by) · ·
  51. The Invisible Seafaring Industry That Keeps the Internet Afloat (by/via) · ·
  52. The Biggest Lie in HTML (by) · · ,
  53. [pnpm] v9.0.0 (via) · · ,
  54. Hardest Problem in Computer Science: Centering Things (by) · · , ,
  55. Alternating Style Queries (by) · · , ,
  56. Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (by+/via) · · ,
  57. How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (via) · · , , ,
  58. Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (by/via) · · , ,
  59. Ethics in Times of Growth Design (via) · · ,
  60. Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (by) · · , ,
  61. Document Collaboration (With Comments!) (by/via) · · , , ,
  62. CSS in React Server Components (by) · · , , ,
  63. ARIA in HTML (by+/via) · · , , ,
  64. An Intro to Flexbox (by) · · , ,
  65. 10 Top Accessibility Errors and How to Avoid and Fix Them (by) · ·
  66. Interview With Senior JS Developer 2024 (by) · · , , , , , , ,
  67. Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (by) · · , ,
  68. What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (by/via) · · ,
  69. Things You Should Do in Your Dev Journey · ·
  70. My “Skip to Content” Markup Was Breaking the Back Button on iOS (by) · · , , ,
  71. 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (by) · · , , , , , ,
  72. Sliding 3D Image Frames in CSS (by/via) · · , ,
  73. Naming Colors in Design Systems (via) · · , ,
  74. Monitoring BFCache Blocking Reasons (by/via) · · , , ,
  75. Introducing JS Naked Day (by) · · , , ,
  76. How to Build a Reusable Grid System With CSS Grid (by) · · , ,
  77. How Do Open Source Licenses Work? The Ultimate Guide (by/via) · · , ,
  78. Blockin’ Bots (by) · · , , ,
  79. 10 Things Software Developers Should Learn About Learning (by) · · ,
  80. Zombie Estimation (via) · · , , ,
  81. Why I’m Embracing the Arc Browser (by) · · ,
  82. Web Accessibility Statement: How to Write One (via) · · , ,
  83. Unleashing Designers With Tailwind CSS (by/via) · · , , , ,
  84. The Dos and Don’ts of Using “tabindex” in Web Design (by/via) · · , ,
  85. Socks, Lies, and Accessibility (by) · · , ,
  86. Quick Tip: How to Animate Text Gradients and Patterns in CSS (by/via) · · , , , ,
  87. Purging Design System “Rot” From Our Checkboxes (by/via) · · , , , ,
  88. Let Me Be (by/via) · · , ,
  89. Gap Is the New Margin (by/via) · · ,
  90. Epic App Performance Starts With the Database (by/via) · · , , , ,
  91. CSS Tricks to Master the “clip-path” Property (by/via) · · , ,
  92. Complete a VPAT: Show How Accessible Your Product Is (via) · · , , ,
  93. An Intro to CSS Grid (by) · · , ,
  94. Accessible Interactions in JavaScript Apps (by/via) · · , , , ,
  95. A Comparison of Automated Testing Tools for Digital Accessibility (via) · · , , , ,
  96. Wednesday, April 10, 2024 Security Releases (by/via) · · , ,
  97. The Guide to Git I Never Had (by/via) · · , , ,
  98. Release Notes for Safari Technology Preview 192 (by/via) · · , , ,
  99. Optimizing WebKit and Safari for Speedometer 3.0 (by+/via) · · , , , , ,
  100. Notes on Git’s Error Messages (by) · · ,
  101. JS Naked Day (by+) · · , , , ,
  102. Frontend Development Beyond React: Svelte (by/via) · ·
  103. Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (by/via) · · ,
  104. Understanding Interaction to Next Paint (INP) (by/via) · · ,
  105. The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (by/via) · · , , ,
  106. Sending Email Using Node.js (by/via) · · ,
  107. Recapping ng-conf 2024 (by/via) · ·
  108. React Server Components in a Nutshell (by/via) · · ,
  109. Layered Toggles: Optional CSS Mixins (by) · · , ,
  110. Is the Party Over for Scrum Masters and Agile Coaches? (by) · · , ,
  111. Happy CSS Naked Day 2024 (via) · · , , ,
  112. Figma Prototypes vs. HTML Prototypes (by) · · , , , , ,
  113. An Introduction to the Node.js Performance API (by/via) · · , , ,
  114. Ableism and Related Terms You Need to Know (by) · · , ,
  115. A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution (by) · · ,
  116. What Is Whitespace? (via) · · , , ,
  117. User Experience in the Era of AI: Enhancing Human-Machine Interactions (via) · · , ,
  118. Things That I Like Better in Vue Than in React · · , , ,
  119. The Death of Creativity (by) · · ,
  120. Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities (by) · · , , ,
  121. Node.js Debugging in Chrome DevTools (by/via) · · , , , , , ,
  122. Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (by/via) · · ,
  123. Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities (via) · · , , ,
  124. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (via) · · , , ,
  125. How I Write Commits Like a Pro (by) · · , ,
  126. DORA’s Software Delivery Metrics: The Four Keys (by/via) · · ,
  127. Creating a Navbar in React (via) · · , ,
  128. Building a CLI From Scratch With TypeScript and oclif (by) · · ,
  129. Testing HTML With Modern CSS (by) · · , , ,
  130. Jekyll vs. Astro (by) · · , , ,
  131. Faster Websites With the “picture” Element (by) · · , ,
  132. Demystifying the Shadow DOM (by) · · ,
  133. Blind Internet Users Struggle With Error-Prone AI Aids (by/via) · · ,
  134. 10 Must Know System Design Concepts for Interviews (by) · · , , ,
  135. [zx] 8.0.0 (by/via) · · ,
  136. Why I’m Yet Another Woman Leaving the Tech Industry (by/via) · · ,
  137. WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (by) · · , , , ,
  138. How to Think About HTML Responsive Images (by) · · , , ,
  139. 21 HTML Tips You Must Know About (by) · · ,
  140. The Free Software Commons (by) · · , ,
  141. Should Designers Code? (by) · · ,
  142. Managing User Focus With “:focus-visible” (by/via) · · , ,
  143. How to Make Your Website Work Offline (by) · · , , ,
  144. ESLint v9.0.0 Released (by/via) · · ,
  145. Drive-By Accessibility Tweaks (by) · ·
  146. DevTools Tips and Tricks (by/via) · · , ,
  147. Creativity in Software Engineering (by) · · , ,
  148. Breakpoints in Responsive Design (via) · · , ,
  149. “AI” Won’t Solve Accessibility (by) · · ,
  150. When to Use “tabindex="0"” (by/via) · · , , ,
  151. The V8 Sandbox (by/via) · · ,
  152. The Basics of Legibility (by/via) · · , ,
  153. Rounded Tabs With Inner Curves (by) · · ,
  154. Modern CSS Patterns in Campfire (by/via) · · ,
  155. Heat Death of the Internet (by/via) · ·
  156. Building Components With Radix UI (via) · · ,
  157. AI and the Future of Web Accessibility Guidelines (by) · · , , , , ,
  158. A Complete Guide to CSS Logical Properties, With Cheat Sheet (by/via) · · , , ,
  159. Wednesday, April 3, 2024 Security Releases (via) · · , ,
  160. Using JSON Web Tokens With Node.js (by/via) · · , , ,
  161. Theming Design Systems (by) · · ,
  162. The View Transitions API (by/via) · · , ,
  163. Svelte Parses HTML All Wrong (by) · · , ,
  164. In-Page Links: 3 Usability Tips (via) · · , , ,
  165. How to Build a Simple Web Server With Node.js (by/via) · · , ,
  166. Hanging Punctuation in CSS (by) · · ,
  167. Fluid Typography With Discrete Steps (by) · · ,
  168. Finally Understand Responsive Design · · , ,
  169. Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks? (via) · · ,
  170. BFCache Explained (by) · · ,
  171. “aspect-ratio” Gotcha (by) · · ,
  172. An Advanced Way to Use CSS Variables (by) · · ,
  173. AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (by/via) · · ,
  174. WordPress 6.5 “Regina” (by/via) · · ,
  175. WebAssembly at Google (by+/via) · · , ,
  176. Learn JavaScript (by/via) · · ,
  177. Infinite-Scrolling Logos in Flat HTML and Pure CSS (by/via) · · , , , ,
  178. How We’re Approaching Theming With Modern CSS (by/via) · · ,
  179. How to Get Somebody Fired Using Git (by) · · , ,
  180. Drawing a Line to Connect Elements With CSS Anchor Positioning (by/via) · · ,
  181. Authentication in Next.js (by) · · ,
  182. An Interactive Guide to CSS Container Queries (by) · · , ,
  183. What Even Is a JSON Number? (by) · · ,
  184. The Detail, the Quality (by) · · ,
  185. Micro Frontends With Native Federation (by) · · ,
  186. Bun 1.1 (by+/via) · · ,
  187. A Complete Guide for Content Creators to Start Making Accessible Content (via) · · , ,
  188. 14 Top UX Tools for Designers in 2024 (via) · · , ,
  189. Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time · · , , ,
  190. Why I Care Deeply About Web Accessibility and You Should Too (by) · · ,
  191. The DevOps Basics (by) · · ,
  192. Object Structure in JavaScript Engines · · , ,
  193. Latest WebAIM’s Million—Some Thoughts (by) · ·
  194. Kobold Letters (by) · · , ,
  195. 10 JavaScript Sites Every Web Developer Should Know (by) · · , ,
  196. Design Is a Process of Getting Stuck (by) · · ,
  197. What Negative Effects Does a Bad Website Design Have on My Business? (by/via) · · ,
  198. The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (via) · · , , , ,
  199. The Power of “:has()” in CSS (by/via) · · ,
  200. The Easy Way to Access the Last JavaScript Array Element (by) · · ,
  201. The Curious Case of the CSS Monochrome Media Query (by) · · ,
  202. “@ scope” Is Coming to CSS and It’s Amazing (by) · · , , ,
  203. On “disabled” and “aria-disabled” Attributes (by) · · , ,
  204. Front-End Development’s Identity Crisis (by) · ·
  205. Figma Plugins (by) · ·
  206. What’s New in DevTools, Chrome 124 (via) · · , , , ,
  207. The Complete Guide to Captioned Videos (by) · · , , ,
  208. Release Notes for Safari Technology Preview 191 (by/via) · · , , ,
  209. New to the Web Platform in March (by/via) · · , , , , , , , ,
  210. Improving the Developer Experience of Enterprise Design Systems (by/via) · · , ,
  211. History of JS Interop in Dart (via) · · , , ,
  212. Finally Understanding How “Array.sort(comparator)” Works (by) · · ,
  213. CSS Color-Scheme-Dependent Colors With “light-dark()” (by/via) · · , , ,
  214. A Guide to Building CLI Tools in JavaScript (by) · · , , , ,
  215. What Even Are Dragging Movements? (by/via) · · , ,
  216. Meet Angular’s New “output()” API (by/via) · · ,
  217. Iterator Helpers (via) · · , , ,
  218. In-App Browsers Are Still a Privacy, Security, and Choice Problem (by/via) · · , , ,
  219. How I Fixed My Brutal TTFB (by/via) · · , ,
  220. Flickering Glowing Text Effect With CSS (by) · · ,
  221. What You Need to Know About Modern CSS (Spring 2024 Edition) (by/via) · · ,
  222. Quick Tip: How to Align Column Rows With CSS Subgrid (by/via) · · , , ,
  223. Node v20.12.0 (LTS) (by/via) · · ,
  224. How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests (by+/via) · · , , ,
  225. How to Take Control of Flexbox (by) · · , , ,
  226. History of Web Accessibility (by/via) · · , ,
  227. Exploring the Power of ARIA Live Attribute in Web Accessibility (by) · · ,
  228. CSS Anchor Positioning (by+/via) · · ,
  229. Convention Over Creativity? The Ups and Downs of UX Design (via) · · ,
  230. Be Flexible About What People Need (and Don’t Assume) (by) · ·
  231. Animating Clip Paths on Scroll With “@ property” in CSS (by) · · , , , ,
  232. Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (by/via) · · , , ,
  233. How to Consolidate Multiple Design Systems (via) · · , ,
  234. Error Messages 101 (by/via) · · , , ,
  235. 7 Simple Rules for Better Data Visualization (via) · ·
  236. Spicing Up Text With “text-emphasis” in CSS (by) · · , ,
  237. No One Actually Wants Accessibility (by) · ·
  238. JavaScript Visualized: Promise Execution (by) · · , ,
  239. Incredible JavaScript Animation Libraries · · , , ,
  240. Diving Into the Node.js Website Redesign (by/via) · · ,
  241. Radix Themes 3.0 (by+/via) · · ,
  242. Profile Node.js Performance With the Performance Panel (by/via) · · , , , , , ,
  243. Learn OAuth 2.0 by Building Your Own OAuth Client (by/via) · · ,
  244. ARIA “role="application"” and Mobile Screen Readers (by) · · , , , , ,
  245. AI Can Make a Code Review for Free (by) · · , ,
  246. Don’t Get Scammed by Fake Performance Experts and Apps (by/via) · · ,
  247. CSS Values and Units Module Level 3 (by+/via) · · ,
  248. CAPTCHA Excludes Disabled Web Users (by) · · ,
  249. Accessible Forms With Pseudo Classes (by/via) · · , , ,
  250. 12 Figma Tips to Work More Efficiently (via) · · , ,