Interactively

Some ideas only click when you can poke at them. Interactively is a collection of articles and courses where every concept comes with a live demo: you change a value, drag a point, or edit a prompt, and see what happens right away. It's the opposite of a wall of text with a code block at the end.

Articles

Each article is built around small, focused demos you can play with:

• SVG Path Commands: draw paths point by point and watch the d attribute change as you go.
• Perfect Nested Rounded Corners: the simple formula behind inner and outer radii that actually look right.
• SVG Sticky Shapes, CSS Transform Guide, and Lighter or Darker Color with JavaScript for design-minded developers.
• The Anatomy of a URL, TypeScript: Omit & Pick, and Say Goodbye to useEffect and useState for everyday web development.
• Stable Diffusion Prompt Guide: build a prompt piece by piece and see how weights and details shape the result.

Courses

Three free, step-by-step courses with practice breaks along the way:

• Mastery of CSS Selectors: from type and class selectors to :has() and :not(). Useful for styling, but also for test automation and web scraping.
• Regex 101 and Regex for SEO: the same lesson tracks as RegexLearn, in Interactively's format.

You can join the newsletter on the site to hear about new articles and courses; it sends a few emails a month at most.