+14  Published on
Interactive plans preview

I answer questions on toster.ru and every week I see questions about interactive maps there. A lot of beginners don’t understand how to create them. So I wrote a tutorial for them. I used SVG, leader-line.js and hammer.js to create an interactive plan with hover effects, arrows and popups. I hope it’ll be helpful.

See the Pen Interactive Map (SVG + leader-line.js + hammer.js) by Ivan Bogachev (@sfi0zy) on CodePen.

Related posts

Pet projects

Muilessium preview

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.

Promo Core preview

Boilerplate for static promotional websites. Pug, LESS, PostCSS, ES6+, Gulp, Webpack, BrowserSync, ESLint, Stylelint, auto-generated docs...