Frontend Dogma

News and Tools for Frontend Development (7)

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

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