Frontend Dogma

“2023” Archive (5)

  1. Assistive Technology Shouldn’t Be a Mystery Box · · , , , , ,
  2. Route-Based Code Splitting With React · · , ,
  3. The Easy Intro to the APCA Contrast Method · · , , , ,
  4. How Google Measures Developer Productivity · · , , , ,
  5. Implementing Design Tokens: Colors · · ,
  6. Insertion Sort: A Deep Dive · · ,
  7. Finding My Blogging Path: Lessons from My Journey · · , , , ,
  8. The Next Generation of Web Layouts · · , ,
  9. Designing Accessible Text over Images: Best Practices, Techniques, and Resources · · , , , ,
  10. Things You Forgot (or Never Knew) Because of React · · , ,
  11. An Overview of CSS Sizing Units · · , ,
  12. How Does Reflowing Content Affect People With Screen Magnification? · · , ,
  13. Contextual Form Errors and ARIA · · , , ,
  14. New DOJ Web Accessibility Regulation Is a Disaster · · ,
  15. A Blog Post With Every HTML Element · · ,
  16. Prepare to Spy on a Method Added Dynamically · · , , , ,
  17. How We Optimized Performance to Serve a Global Audience · · , ,
  18. How to Use the CSS Grid “repeat()” Function · · , , ,
  19. No Exit — Every Feed Is a Traffic Jam · · , ,
  20. Accessibility of the Button: Should We Fix It or the Root Cause Problem? · · , ,
  21. Why Isn’t “z-index” Working? · · ,
  22. Creating Custom Easing Effects in CSS Animations Using the “linear()” Function · · , ,
  23. Mixing Colors to Create Variants in CSS · · ,
  24. Evading JavaScript Anti-Debugging Techniques · · ,
  25. Understanding React Server Components · · ,
  26. What’s New in Svelte: August 2023 · · , ,
  27. CSS and Accessibility: Inclusion Through User Choice · · , , ,
  28. Tuesday August 8 2023 Security Releases · · , ,
  29. How to Earn High-Authority Links That Drive Rankings · · , ,
  30. The Curious Case of “iff” and Overriding Screenreader Pronunciations · · , , , ,
  31. New to the Web Platform in July · · , , , , , , , ,
  32. Front End Practice: Top 25+ JavaScript Code Best Practices for Development · · ,
  33. What Happens When Developers Are Liable for Accessibility? · · ,
  34. Accessibility Represents Maturity · · ,
  35. Start by Writing Messy Code · · ,
  36. Randomness in CSS Using Trigonometry · · ,
  37. Why I No Longer Believe in Content Design · · , ,
  38. The Virtual Keyboard API ·
  39. Contrast Checker Bookmarklet · · , , ,
  40. Should New Developers Use AI Coding Tools? · · , , , ,
  41. A Future of Themes With CSS Container Style Queries · · , ,
  42. Resume and Pause Animations in CSS · · ,
  43. If Web Components Are So Great, Why Am I Not Using Them? ·
  44. Run JavaScript/WASM in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey · · , ,
  45. Design Systems Management from Bottom–Up · · ,
  46. How to Define an Array of Colors With CSS · · , , ,
  47. How “position: absolute” Works in CSS Grid · · , ,
  48. Mastering Git Shortcuts: A Guide to Git Aliases · · , ,
  49. Toggles Suck! · · , ,
  50. Do We Need WCAG 3 (Now)? · · , ,
  51. The Web Development Glossary 3K · · , , , ,
  52. Release Notes for Safari Technology Preview 175 · · , , ,
  53. Adapting Typography to User Preferences With CSS · · , ,
  54. Speeding Up V8 Heap Snapshots · · , , , ,
  55. The Future of Design Systems Is Semantic · · , ,
  56. How to Make Your Captions and Audio Descriptions WCAG-Compliant · · , , , , ,
  57. What Is Platform Engineering (and What Is It Not)? ·
  58. You Probably Don’t Need “http-equiv” Meta Tags · · , , ,
  59. Is Jamstack Officially Finished? · · , ,
  60. Publishing With npm Provenance from Private Source Repositories Is No Longer Supported · · , , , ,
  61. How I Name and Arrange My Color Variables in Figma · · , ,
  62. How to Use CSS “aspect-ratio” · · ,
  63. Testing a Component’s Accessibility · · , , ,
  64. The Joy of Simplicity in Web Development · · ,
  65. Tailwind, and the Death of Web Craftsmanship · · , ,
  66. CrBug Release Indicator · · , ,
  67. Help Design the Inaugural State of HTML Survey · · ,
  68. The Rise of Minimalism in Web Design: Less Is More · · ,
  69. Combining Data With Multiple Fetch Requests · · , ,
  70. Fetching Data from an HTTP API With Python · · , ,
  71. Promises Training · · , , ,
  72. Application State Management With Angular Signals · · , ,
  73. Web Accessibility in High-Risk Segments · · , ,
  74. Solving the Accessibility Palette Riddle · · , ,
  75. Microservices vs. Micro Frontends: What’s the Difference? · · , ,
  76. Blockquotes in Screen Readers · · , , , , ,
  77. Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware · · ,
  78. Vision for W3C · · , , ,
  79. What to Do When Your Developers Don’t Collaborate · · ,
  80. Getting Started With Pico CSS · · ,
  81. WebKit Features in Safari 16.6 · · , , , ,
  82. 10 Simple CSS and JavaScript Micro-Interactions for Buttons · · , , ,
  83. The New “X” Button Doesn’t Close the Website · · , ,
  84. I Blame the W3C’s HTML Standard for Ordered Lists · · ,
  85. The Problem With Auto-Generated Alternative Texts for Images · · , ,
  86. Securing the Web Forward: Addressing Developer Concerns in Web Security · · , ,
  87. Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? · · , ,
  88. SVG Gradients: Solving Curved Challenges · · ,
  89. Benefits of Integrating UX into Your Overall Business Strategy · · ,
  90. Understanding the WCAG 3 Working Draft Update · · ,
  91. 6 Ways ChatGPT Can Improve Your SEO · · , , ,
  92. Good Code Is— · · ,
  93. Using Imagery in Visual Design · · , ,
  94. Effective Code Reviews · · , , ,
  95. Accessible Animated GIF Alternatives · · , , , ,
  96. Why Learning to Program Is Easier Now, but Also Way Harder Than Before · · , , ,
  97. CSP Testing Using Cypress · · , ,
  98. Enable Hover Conditionally in CSS ·
  99. The Art of Looking Back: A Critical Reflection for Individual Contributors · · , ,
  100. How SEOs and UX Designers Can Work Better Together · · , , ,
  101. CSS Cascade Layers · · , ,
  102. Ember JS Essentials: A Beginner’s Guide · · ,
  103. Web Content Accessibility Guidelines (WCAG) 2.2 · · , , ,
  104. Design Systems: Avoiding Common Pitfalls ·
  105. How to Use CSS “object-fit” and “object-position” · · , ,
  106. From Mid to Senior: Time Management and Prioritization · · ,
  107. A Guide to Perfecting Pull Requests · · , , ,
  108. We Deleted More Than 5,000 Pages from Our College Website—Here’s Why · · , ,
  109. DX in the Frontend Developer Ecosystem · · ,
  110. What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) · · , , , , , ,
  111. Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It · · , , ,
  112. Visually Hidden Links With 0 Dimensions · · , , , ,
  113. Encoding: A Brief History and Its Role in Cybersecurity · · , , ,
  114. How to Build and Deploy a Modern Day Next.js Application · · , , ,
  115. How Platform Teams Get Stuff Done · · , ,
  116. What Is the Bento UI Trend, and How Can You Get Started? · · ,
  117. SvelteKit in 100 Seconds · · , ,
  118. An Introduction to Langchain, Python, and OpenAI · · , , ,
  119. Signals Make Angular Much Easier · · ,
  120. Getting Instant Return from Your Accessibility Testing · · ,
  121. Figma Now Supports “rem” Units: Understanding the Use and Benefits · · , , ,
  122. Getting Started With CSS Nesting · · , , ,
  123. Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately? · · , ,
  124. O “dialog” Focus, Where Art Thou? · · , , ,
  125. Node.js Security Progress Report—17 Reports Closed · · ,
  126. The Power of Git: A Guide to Collaborative Version Control · · , ,
  127. Upgrading an Ancient React Application · · ,
  128. 5 Inconvenient Truths About TypeScript · · , ,
  129. Advanced Positioning in CSS Grid · · , ,
  130. The 10 Commitments of an Agile Leader · · , , ,
  131. Stick to Boring Architecture for as Long as Possible ·
  132. Using Emoji on the Web · · , , ,
  133. Lightweight JavaScript Framework Review (for Django Developers) · · , , , ,
  134. How I Structured My Design System Using Figma’s New Variables · · ,
  135. 15 Advanced TypeScript Tips for Development · · ,
  136. Down-and-Across Highlighting · · , , ,
  137. A Comprehensive Beginner’s Guide to npm: Simplifying Package Management · · , ,
  138. React-ing to Accessibility: Building Accessible Forms That Everyone Can Use · · , , ,
  139. Figma Typography Secrets—Seven Pro Tips Revealed · · ,
  140. Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” · · , , , , ,
  141. WordPress 6.3 to Introduce a Development Mode ·
  142. Scroll Progress Animations in CSS · · , ,
  143. Writing CSS in 2023: Is It Any Different Than a Few Years Ago? ·
  144. Useful Functions for [an] HTTP Server · · , , ,
  145. Why Design Systems Fail · · ,
  146. CSS Findings from the Threads App · · ,
  147. Better Roadmaps ·
  148. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II · · , ,
  149. Mock JSON API Endpoints for Testing · · , ,
  150. Release Notes for Safari Technology Preview 174 · · , , ,
  151. Top 20 Must-Know Tips for Web Accessibility · · ,
  152. JPEG XL: How It Started, How It’s Going · · , ,
  153. How to Use Your Intuition in Your Product Design Process · · , , ,
  154. Preload vs. Early Hints vs. Fetch Priority · · , , , , ,
  155. The Magic of Empty Git Commit · · ,
  156. Recent Design · · , ,
  157. A Case Study on Scroll-Driven Animations Performance · · , , , ,
  158. The alt-text.org Project Is Moving Forward · · ,
  159. 3 Common Types of Test Automation · · ,
  160. Developer’s Research Process · · ,
  161. How AI Is Making Web Design More Efficient · · , ,
  162. Tailwind CSS Tips and Tricks Worth Knowing · · ,
  163. A Guide to Variables in Figma · · ,
  164. Introduction to CSS Grid: A Comprehensive Guide · · , ,
  165. My Journey to Learning CSS · · , ,
  166. Sass Features in CSS · · , ,
  167. TypeScript and the Dawn of Gradual Types ·
  168. Loading and Progress Indicators · · ,
  169. Permission · · , ,
  170. Tree Shaking in JavaScript · · ,
  171. JavaScript Debounce, Easiest Explanation (With Code) · · ,
  172. ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA · · , , ,
  173. How to Prevent Unnecessary React Component Re-Rendering · · , , ,
  174. Making Numbers in Web Content Accessible ·
  175. Invisible Details of Interaction Design · · , ,
  176. Getting Started With Vector Databases in Node.js · · , ,
  177. Getting Started—Understanding the History of Web Accessibility · · , , ,
  178. Find Memory Leaks by Comparing Heap Snapshots · · , , , , , ,
  179. The Anatomy of a Perfect Landing Page That Converts · · ,
  180. Developing Inclusivity Features · · , ,
  181. Data-Driven Design: The Rise of Big Data in UX · · , ,
  182. Mockups Explained · · ,
  183. React Design Patterns · · ,
  184. How to Improve the Release Frequency of Your Team? · · , , , ,
  185. All the Places Where You Can Use “prefers-color-scheme” Media Query · · , , , ,
  186. Awesome List of Free CSS [Generators] · · , , ,
  187. The Decline in Design (Thinking) · · ,
  188. New Viewport Units · · , ,
  189. Deploying a Fastify and Vue 3 Static Site to Heroku · · ,
  190. Four Lenses of Productivity ·
  191. The New “@ font-face” Syntax · · ,
  192. Testing the Dark Scenarios of Your Node.js Application · · ,
  193. From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry · · , , ,
  194. htmx in 100 Seconds · · , ,
  195. Strategic UX Research Is the Next Big Thing · · , ,
  196. Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images · · , ,
  197. Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions · · ,
  198. URL Explained: The Fundamentals ·
  199. Just Normal Web Things · · ,
  200. The Case Against Self-Closing Tags in HTML ·
  201. There’s No Such Thing as a “Normal” User ·
  202. Is Lighthouse a Misleading Performance Tool? · · , , ,
  203. An Introduction to Native CSS Nesting · · , ,
  204. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace · · , ,
  205. Can We Query the Root Container? · · ,
  206. Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management · · , , ,
  207. How to Validate HTML On-Line at W3C · · , , ,
  208. Redundancy Is Great ·
  209. Understanding JWTs: A Simple Guide for Beginners · · ,
  210. When User Testing Sessions Bring Up Trauma · · ,
  211. CSS Only Floating Labels · · ,
  212. Multithreading With Worker Threads in Node.js · · ,
  213. Creating SVG Animations Using Tailwind CSS · · , ,
  214. Resources for Procurement of Accessible Digital Products and VPAT · · , , ,
  215. Build a Simple Beginner App With Node, Bootstrap, and MongoDB · · , , ,
  216. The “article” Element and Screen Readers · · , , , , ,
  217. What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? · · , , ,
  218. Design for the Web Without Figma · · ,
  219. The Trick to Smoothly Animating Shadows in CSS · · , , ,
  220. Are We There Yet? · · , ,
  221. See What’s New in Firefox [115.0] · · , , ,
  222. How I Am Blogging the IndieWeb Way · · , ,
  223. Your Browser May Be Having a Secret Relationship With a Screen Reader · · , , ,
  224. Understanding SVG Paths ·
  225. The Fake Aura of Care in UX ·
  226. How to Use Node.js to SSH into Remote Servers: A Comprehensive Guide · · , , , , ,
  227. And 4 More HTML Concepts You Didn’t Know · · , ,
  228. 4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone · · , , ,
  229. AI and the Automation of Work · · , ,
  230. Angular Is Getting New Template Syntax ·
  231. How to Tackle Docker and Kubernetes for Frontend · · , ,
  232. Observing Node.js Processes With eBPF · · ,
  233. How to Measure the Impact of a Design System? · · , ,
  234. The Big Problem With Variables in Figma ·
  235. In Defence of “DOM­Content­Loaded” · · , ,
  236. Setting Expectations for the Node.js Test Runner · · , ,
  237. Identify Unused npm Packages in Your Project · · , ,
  238. The “details” Element and In-Page Search · · , , ,
  239. React Developers Love Preact, Here’s Why · · , ,
  240. Introduction to JSX · · , ,
  241. New to the Web Platform in June · · , , , , , , , ,
  242. CommonJS Is Hurting JavaScript ·
  243. Understanding TypeScript Generators ·
  244. What’s Next for Redux With Mark Erikson · · , , , ,
  245. JavaScript Gom Jabbar ·
  246. WCAG 2.2, Quick and Simplified · · , ,
  247. An Introduction to the View Transitions API · · , ,
  248. Accessible Overlays Aren’t Accessible · · ,
  249. Under-Engineered Comboboxen? · · , , ,
  250. What’s the Perfect Design Process? · · ,