This is a 21-page course for the Swiftener HTML / CSS Playground. Open this tab, enable Leaflet under Libraries, paste into the matching pane. The preview updates live. Enable Leaflet under Libraries.
Goal
Finish every chapter by running the copy-paste blocks in the workbench. The last chapter is a small kiosk story you can reuse.
How to take the course
- Keep this tutorial tab and the HTML / CSS Playground side by side.
- Paste HTML, CSS, and JS into the matching panes. Enable Leaflet first.
- Enable Leaflet. Paste HTML / CSS / JS into the matching panes. The preview updates live.
City names in the examples are Nairobi, Mombasa, Kisumu, Nakuru, and Eldoret.