I wrote..

The Smashing Book #5

Smashing Book 5: Real-Life Responsive Web Design

I wrote an 80-page long chapter about SVG in this book, covering everything you need to know to get up and running using it in your RWD workflow.

Buy The Book or Read More About It

Codrops CSS Reference

The Codrops CSS Reference

An extensive list of more than 300 CSS articles—alphabetisized, categorized, structured and detailed. This is an extensive reference to the most important CSS properties and concepts, available for free, for all skills levels—beginner to advanced.

Go To Reference or Read More About It

I also wrote for:

  • Smashing Magazine Logo
  • Opera Developers Blog Logo
  • CSS-Tricks Logo
  • Codrops Logo
  • net Magazine Logo
  • A List Apart Logo

I made..


An interactive tool that allows you to customize and download an SVG circular/pie menu. The tool includes a complete guide on using the generated code, animating the menu (with examples) and UX consideration tips.

Go To Tool

CSS Blender

An interactive tool that allows you upload an image and apply the different CSS background blend modes and preview the result live. It also comes with an option to add text and blend that text with the background image you provide.

Go To Tool

SVG Coordinate System Visualiser

Featured by netmag’s Creative Bloq as one of the top 10 best web design tools of July 2015, this is an interactive tool that allows you to visualize how the SVG attributes: viewBox and preserveAspectRatio work and interact with each other, providing a better understanding of how SVG coordinate systems work. The tool also comes with a cheat sheet for quick reference and easier understanding.

Go To Tool

Looking for front-end development client work? Please check the Case Studies section for those.