Posts

List of blog posts

Explore in-depth articles on modern web development — JavaScript, React, Next.js, CSS, HTML, Python, Ruby on Rails, animations, and SVG. Learn concepts, patterns, and real-world techniques for building better software.

• Mastering Asynchronous JavaScript: Callbacks, Promises, and Async/Await

  Write clean, predictable asynchronous JavaScript
  A deep guide to asynchronous JavaScript covering the event loop, callbacks, promises, async/await, microtasks, concurrency patterns, and performance best practices for modern web development.

• Mastering JavaScript Observers: A Complete Guide to Reactive Web APIs

  Unlock reactive power with JavaScript Observer APIs.
  Master MutationObserver, IntersectionObserver, ResizeObserver, and PerformanceObserver. Learn to build high-performance, reactive web apps with real-world examples and best practices.

• SVG Essentials: Mastering the Path Element

  Understand SVG paths, curves, and commands
  A complete guide to the SVG path element — path commands, coordinates, bézier curves, arcs, compound paths and fill-rule, pathLength-based line-draw animation, CSS's path() function, stroke rendering, and the shorthand tricks behind exported path data.

• Animating SVG: A Guide to CSS Transitions and Keyframes

  Bring static shapes to life with transitions and @keyframes.
  Learn how to animate SVG with CSS: transitions vs @keyframes, self-drawing lines, clip-path reveals, staggered delays, motion paths, shape morphing, and scroll-driven timelines.

• Mastering CSS Gradients: Types, Use Cases & Best Practices

  Design modern UI backgrounds using CSS gradients
  A deep dive into CSS gradients—linear, radial, conic, repeating—with examples, SCSS helpers, animations, and practical best practices for modern web design.