“I remember thinking that this would be a pretty harmless easter egg, that no one would really use it, but I was very wrong. When we released Netscape Navigator 1.0 we did not document the blink functionality in any way, and for a while all was quiet.”

I like Lou’s reaction to the first time he saw the BlinkTag in the wild:

“It was a lot like Las Vegas, except it was on my screen, with no way of turning it off.”

Read the rest of the Origin of the Blinktag.

I had my first opportunity yesterday to play around with the GeoAPI geo-referencing service. Although not quite as intuitive as Google Map’s forward and reverse geocoding services, GoeAPI gives you immediate access to geo-located feeds from Twitter, Flickr, and YouTube, plus the ability to create custom neighborhoods (what they called “guids”) for you to query.

Sounds nerdy – so here’s the English translation:

You now can, with a few lines of code, get Tweets happening real-time in your neighborhood.

Fun? I guess it depends on where you live. Mostly what I’ve been finding is that my neighbors are kind of pervs.

Here’s a quick and dirty Python code sample for you to get started. You’ll need your own API key first.

Also, you’ll need to know the latitude and longitude of a point in the neighborhood you’re interested in. Try (37.766 -122.417) for the Mission. Also, because sometimes you get garbage for location data (like Where: !!!!Frisco U noe!!!!), I’ve add a quick parser to find correctly formatted latitude and longitude pairs. Plenty more you can do with this with a few minutes of time.

– Nerdy Part –

import sys, os, json, urllib, re

#usage: python get_tweets.py [lat] [lng]

lat = sys.argv[1]
lng = sys.argv[2]

# Regex to find properly formatted lat-long pairs in the where response.

lat_lng_re = re.compile('^[\D]*[^-^\d](?P[\d\.-]+)\s*\,\s*(?P[\d\.-]+).*')
api = '[YOUR API KEY]'

parent_request = 'http://api.geoapi.com/v1/parents?lat=%s&lon=%s&apikey=%s' % (lat,lng,api)
response = urllib.urlopen(parent_request).read()

json1 = json.loads(response)

# Find your neighborhood 

guid = json1['result']['parents'][0]['guid']
print "\n\nYour neighborhood: %s\n\n" % json1['result']['parents'][0]['meta']['name']
print "--TWEETS--\n\n"

# Get Tweets in your neighborhood

tweets_request = 'http://api.geoapi.com/v1/e/%s/view/twitter?apikey=%s' % (guid,api)

response = urllib.urlopen(tweets_request).read()

json2 = json.loads(response)

for tweet in json2['result']:
	print "Tweet: %s" % tweet['text']
	print "When: %s" % tweet['created_at']
	loc = lat_lng_re.match(tweet['location'])
	if loc:
		print "Lat: %s Lng: %s" % (loc.group('lat'),loc.group('lng'))
	else:
		print "Unusable location: %s" % tweet['location']
	print "User: %s" % tweet['from_user']
	print "Profile image url: %s\n" % tweet['profile_image_url']

Things worked great, and it was easy to set up the custom url with bit.ly pro by changing the A record for the domain name, however this meant that anyone going to 511cc.org directly with no hash on the end would be redirected to bit.ly’s main page. We needed this to redirect to a URL of our choosing, in this case 511contracosta.org. This isn’t an option in bit.ly pro, according to their FAQ its only available for bitly.Pro Enterprise users which costs $995/month. This was way beyond our price range.

Fortunately, its pretty easy to use .htaccess to carry out this.

• First, you need to set up the short domain name to use namesevers that point to a hosting account you control. For us, this was Media Temple so we set nameservers to ns1.mediatemple.net and ns2.mediatemple.net.
• Next, add a file called .htaccess
• The contents of the .htaccess file should be:
  

  RewriteEngine on
RewriteRule ^/?$ http://511contracosta.org [L]
RewriteRule ^(.*)$ http://bit.ly/$1 [R=301,NC]


• You should replace “http://511contracosta.org” with the domain name you’d like to redirect the root to
• Enjoy bit.ly pro, with at least one feature of bitly.pro enterprise

However, there currently isn’t a way to get display the transit or bike map layer. However, Google Maps allows you to create your own tile layer and load in into the map. It’s not too difficult to create your own custom tile layer and actually refer to the actual bike map or transit map tiles and load them directly from Google.

The URL template you need for getting bike maps is:

http://mt1.google.com/vt/lyrs=m@121,bike&hl=en&x={X}&y={Y}&z={Z}

and for transit maps:

http://mt1.google.com/vt/lyrs=m@121,transit|vm:1&hl=en&opts=r&x={X}&y={Y}&z={Z}

To create your own tile layer, use one of the URL templates above:

function initialize() {
  var map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(37.880002, -122.189941), 11);

  //Create new Tile Layer
  var gTileUrlTemplate = 'http://mt1.google.com/vt/lyrs=m@121,bike&hl=en&x={X}&y={Y}&z={Z}';
  var tileLayerOverlay = new GTileLayerOverlay(
    new GTileLayer(null, null, null, {
      tileUrlTemplate: gTileUrlTemplate,
      isPng:true,
      opacity:0.8
    })
  );
  map.addOverlay(tileLayerOverlay);
  }

These URLs could change at any time, so there is no guarantee that this won’t break. You can see this in action at whereisbart.com

Google just announced support for PubSubHubbub (PuSH) in Google Reader. With PubSubHubbub, new posts show up nearly instantly in Google Reader instead of up to a half hour delay. This means content gets pushed to your readers faster.

However, this will only work for sites that have PubSubHubbub enabled. Fortunately, this is very easy on WordPress:

• Install the PubSubHubbub plugin – you can do this by going to Plugins -> Add New and searching for PubSubHubbub. Two plugins exist, the one called “PubSubHubbub” seems to be the more popular and actively maintained plugin, so go with that one.
• Once its installed, activate it:
  
• Thats it. Your posts should now show up in Google Reader nearly instantly.

TechCrunch created their own “Buzz it” button and posted a link to the code in the comments. Its easy to add to any wordpress site (or really any other content management system. The following steps will show you how to add a “Buzz This” link to your site, like the one above on the BlinkTag Blog.

• Open the single.php file of your sites template. You can do this via FTP or in WordPress by going to “Appearance” -> “Editor” and selecting single.php.
• Paste the following code where you would like the Buzz It button to appear. If you are not sure where, the line right before or after <?php the_content(); ?> is a good place.

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}">
<img src="http://IMAGE HERE" border="0" alt="Share on Google Buzz" /> Share on Google Buzz</a>

• Replace http://IMAGE HERE with the URL of your image, or remove the image code entirely to have a text only link. If you want, take this 16×16 Buzz Logo image: but please copy it to your site, don’t link directly the image hosted on BlinkTag.
• Save the single.php file. Test it out on an individual posts page on your site.
• This same process can be in used in page.php or any other template file to add a Buzz link to your WordPress pages.

Respond in the comments if you come up with a better way to accomplish this. If you liked this post, please Buzz it!

On Feb 26th at 9 AM right at BlinkTag HQ Mike McDerment, Freshbook CEO will explain the secrets behind building a business around a web app.  Read more about it on the Freshbooks Blog.  Tickets will probably go fast, so register now.

I found this picture of when the Freshbooks crew on our swinging couch.

Freshbooks Visits BlinkTag

As long as we stay under 100 employees and keep our average annual gross receipts of $12 million we get a 5% bid preference on applicable state solicitations, waived fees and a streamlined bidding process for state contracts. Also, non-small businesses who use us as a sub contractor are eligible for some bid preferences. Let us know if you are interested in working with us.

View our profile.

I was about the re-install Snow Leopard the other day because I did something real dumb and couldn’t figure out how to fix it. I was trying to install a postgreSQL client on my computer and was having trouble with permissions on certain folders in my root directory during installation.

So, stupidly, I recursively set all permissions in the /usr folder to read/write/execute, thinking I could set them back afterwards. Bad idea.

DON’T MESS WITH THESE.

The real kicker here is that if you screw up these settings, you also mess with your ability to use sudo to reset them from the terminal. I found a number of blog posts like this one or this one that basically said: you’re screwed. Wipe your hard drive.

Okay, assuming now that everyone knows what not to do, here’s how to fix it. Run Disk Utility and click “Repair Disk Permissions”:

Simple.

This new domain name is easier to communicate and matches our company name. All links to the old site redirect properly and all @blnktag.com email addresses forward to their @blinktag.com counterparts.

When a narrator, describing other candidates, says, “Political insiders and career politicians,” a woman’s face appears onscreen and she says, “What? Are you shitting me?” (The word “shitting” is bleeped out, as are all the other curse words in the add.) Then, a man comes on and asks, “Are you fucking kidding me?” He’s followed by another man who simply says, “What the fuck?”

We’re excited that James is getting good publicity and that he is getting recognized for his innovative campaign. Take a look at his website: http://jamesperry2010.com.

View the documentation & data on MUNIs site.

I’m curious how long it will take google maps to automatcally reroute around the bridge closure and what systems they have in place for verifying and updating info on emergency closures to key transportation links. As more people start to rely on online maps for traffic info it becomes increasingly important for emergency info to make it’s way online quickly.

Update: SFist wrote a followup article about us and our bus.

Blnktag just pimped its ride!  $3,250.  Worth every penny.

What’s even sweeter is that we figured every hipster with $10,000 bucks would have bid on this guy, thanks to SFist.  But I guess the down economy has come to our rescue once again.

Burning Man, here we come. (We’ll probably pull this to South By Southwest too, depending on its roadworthyness)

The stats:
1984 articulated MAN
Make: MAN Company Website
Model: SG310-18-3A
Serial:EC720800
Fleet #: 6090 SF. Muni
Engine: MAN pancake
Fuel: diesel
Transmission: 3 sp. Allison auto.
Registration: non op.
Top speed: 55 mph.
Starter: pneumatic
Tires: 50% or better
Length: 60 ft.
Width: 102 in.
Seating: 55

It was in the newer version of “The Italian Job” and at least one Nelly music video. It was mentioned in the IMDB “goofs” section for The Italian Job:

Factual errors: When Charlie is confronted by Steve in the helicopter under the freeway, the buses in the background are MUNI buses. The movie takes place in Los Angeles; MUNI is the public transportation in San Francisco.

So this might be kind of a gray area terms-of-service-wise, so do what you want with it. But if you’ve ever wondered how to mashup the Google Transit layer with your custom map, here’s how.

While we aren’t advocating anybody actually do this, we’ve heard from a *confidential* source that Google implements new feature requests in rough proportion to the number of people who hack together stuff like this. Just saying . . . .

Since our company name is based on a non-standard HTML tag that makes text Blink I thought it would be fitting to apply the orientation event to our entire site. To view, you need a laptop with an accelerometer (a newer macbook pro or Thinkpad) and to install and run Firefox 3.6.

Check it out some demos:

• A level Web App
• Accelerometer + Canvas Tag Demo
• Rotating Video & Other elements
• Rotating Firefox Logo
• View some code examples

In case you don’t have that, I made a video of the fun effects you are missing out on:

It turns out that if you actually have orientation events enabled, this embedded youtube video will disappear as it doesn’t play nice with embedded youtube videos. However, if you are seeing this effect live, then you don’t need to see the video.

Here are some choice shots:

From 511CC:

“511 Contra Costa is proud to announce the release of its very first iPhone app – iSmog!

iSmog displays air quality information for the San Francisco Bay Area. With just a tap of the screen, users will see an easy-to-understand map of environmental quality in the Bay Area’s five air basins, built using data provided by the Bay Area Air Quality Management District (BAAQMD). With this information, commuters can make more informed choices about environmentally friendly transportation options, and members of sensitive groups will be better able to stay abreast of information that can be, literally, life-or-death.

Push notification alerts users with allergies or other environmental sensitivities when the air contains unhealthy levels of contaminants including ozone, carbon monoxide, nitrogen dioxide, sulfur dioxide, and two sizes of particulate matter, all precursors of ozone. Notifications can be customized by level of sensitivity and by geographic area.”