Frontend Dogma

News and Tools for Frontend Development (10)

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

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