Frontend Dogma

News and Tools for Frontend Development (9)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

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