/PDX-2018-Tech-Crawl

Primary LanguageCSS

PDX TechCrawl 2018

A static site that was suggested by The Dyrt as a tool for the TechCrawl 2018 users to see map items

Tools Used

  • MapBox
  • Rivets

Features

  • Sticky header with body only scrolling to allow for better cross platform experience
  • Sidebar and map that interact with each other
    • On sidebar item click map is centered on the corresponding map icon
    • On map icon click the item on the sidebar is scrolled to the corresponding item and highlighted
    • On smaller screens the sidebar is removed and on click the details of the clicked company show up below.
  • Custom styled map using MapBox's styling user interface
  • Ajax handling of data using Rivets
  • Clean non frame-worked CSS