Skip to content

Instantly share code, notes, and snippets.

Saman Bemel-Benrud samanpwbb

Block or report user

Report or block samanpwbb

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View jekyll-liquid-weirdness.html
<!-- works -->
{% if page.category == 'author' %}
<div class='introduction col12'>
{% include landingheader.html %}
{% endif %}
<!-- doesn't work -->
{% if page.category == 'author' %}
{% include landingheader.html %}
View maplist.geojson
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Notice an error on the foursquare map?

You can fix it! The maps you see on foursquare are powered by OpenStreetMap, a free map that anyone can edit. Thousands of websites and apps rely on OpenStreetMap to provide the underlying data for their maps. By improving the map, you'll be contributing to a project with far-reaching influence.

Two important things you should know before editing:

  1. foursquare uses a custom style of OpenStreetMap provided by MapBox that selectively hides and shows map features - so not every feature in OpenStreetMap will be visible on our maps. A perceived error on the map may be due to our style rather than missing data in OpenStreetMap.

  2. The blue venue markers that are overlaid on top of the base map are completely disconnected from OpenStreetMap. Foursquare venue errors should be dealt with…(??).

View gist:5751648
>> User.find_by_display_name('samanbb')
User Load (2.2ms) SELECT "users".* FROM "users" WHERE "users"."display_name" = 'samanbb' LIMIT 1
=> nil
>> User.find_by_display_name('saman')
User Load (3.1ms) SELECT "users".* FROM "users" WHERE "users"."display_name" = 'saman' LIMIT 1
=> #<User email: "", id: 1, pass_crypt: "c3d0633a5ea55ac9f3d4043c94d2b005", creation_time: "2012-10-19 21:26:09", display_name: "saman", data_public: true, description: "", home_lat: nil, home_lon: nil, home_zoom: 3, nearby: 50, pass_salt: "FjTRXGXE", image_file_name: nil, email_valid: false, new_email: nil, creation_ip: "", languages: "en-US,en", status: "pending", terms_agreed: "2012-10-19 21:26:09", consider_pd: true, openid_url: nil, preferred_editor: nil, terms_seen: true, description_format: "markdown", image_fingerprint: nil, changesets_count: 0, traces_count: 0, diary_entries_count: 0, image_use_gravatar: true>
>> u = User.find_by_display_name('saman')
User Load (3.7ms) SELECT "users".* FROM "

this is about 8 months old

I took a first shot at wireframes for the OSM website. Right now they're incomplete but the major concepts are there, so I wanted to take some time to outline my intentions and open things up for feedback.

Basically, I am introducing two new concepts: a revised information architecture, and a new, combined activity feed.

Information Architecture

I scrapped the old navigation. No more tabs, and no more persistent sidebar. I wrote down all the components of the OSM web app, and thought about how best to categorize them. I ended up with 5 basic uses of the site, and buit the UI around those functions. Rather than tabs, these sections are more like overlays, with a more-or-less persistent map underlying everything.


Outline for talk

Plan is to define a number of fundamental problems with and present concrete, solutions, in the form of visual mock-ups, that address these flaws.

Problem 1: The site information architecture doesn't properly represent the project.

Rethink the information architecture and visual design of the website to better represent the project and meet real user needs. OpenStreetMap is four interconnected things:

  1. is a map in the way Wikipedia is an encyclopedia. Users use it for navigation and exploration. It needs to look like a map and function like a map.
  2. is an app designed for editing and maintaining the map. Users use it to inspect data and directly access editing tools.
View gist:5525833
# Originally written by Young Hahn
# Expects a batch export from Inkscape of tiles in the current directory.
echo "
tile_data blob,
tile_id text
View gist:5490008
.tour .map-legends {
display: none;
.tour .leaflet-bar,
.tour .leaflet-touch .leaflet-bar,
.tour .leaflet-touch .leaflet-control-zoom {
border: none;
View gist:5456139
var getTop = function(el) {
var id = el.attr('href');
return $(id).offset().top;
var getBottom = function(el) {
var id = el.attr('href');
return $(document).height() - ($(id).offset().top + $(id).height());
View gist:5391602
cat data/locales/cs.js data/locales/da.js data/locales/de.js data/locales/en.js data/locales/es.js data/locales/fr.js data/locales/hr.js data/locales/hu.js data/locales/it.js data/locales/ja.js data/locales/lv.js data/locales/nl.js data/locales/pl.js data/locales/pt.js data/locales/ru.js data/locales/sk.js data/locales/sv.js data/locales/tr.js data/locales/uk.js data/locales/vi.js data/locales/zh.js data/locales/zh_TW.js > data/locales.js
node build.js
cat js/lib/bootstrap-tooltip.js js/lib/d3.v3.js js/lib/d3.combobox.js js/lib/d3.geo.tile.js js/lib/d3.jsonp.js js/lib/d3.keybinding.js js/lib/ js/lib/d3.size.js js/lib/d3.trigger.js js/lib/d3.typeahead.js js/lib/d3.curtain.js js/lib/jxon.js js/lib/lodash.js js/lib/osmauth.js js/lib/rtree.js js/lib/togeojson.js js/lib/marked.js js/id/start.js js/id/id.js js/id/connection.js js/id/services/taginfo.js js/id/services/wikipedia.js js/id/util.js js/id/geo.js js/id/geo/extent.js js/id/actions.js js/id/actions/add_entity.js js/id/actions/add_midpoint.js js/id/
You can’t perform that action at this time.