https://github.com/timwis/responsive-map-list-template
HTML template for a map + list application
https://github.com/timwis/responsive-map-list-template
Last synced: about 2 months ago
JSON representation
HTML template for a map + list application
- Host: GitHub
- URL: https://github.com/timwis/responsive-map-list-template
- Owner: timwis
- Created: 2018-03-08T19:07:07.000Z (about 7 years ago)
- Default Branch: gh-pages
- Last Pushed: 2018-03-08T19:11:52.000Z (about 7 years ago)
- Last Synced: 2025-01-25T07:11:23.009Z (3 months ago)
- Language: HTML
- Homepage: http://timwis.com/responsive-map-list-template
- Size: 1000 Bytes
- Stars: 8
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive map + list template
HTML template for an application with a map and corresponding list which, on smaller screens, lets user scroll between the two views. Inspired by google maps mobile app.
[View live demo](http://timwis.com/responsive-map-list-template). Resize the window to see mobile vs desktop arrangement.
It uses CSS grid, for which browser support is pretty darn good these days. The only JavaScript is used for making the "toggle" button work, but you can also just scroll with your mouse, which doesn't require any JavaScript.
## usage
Just open `index.html` in your browser, or run a static web server.