HTML5

Location Aware Campaigns with HTML5

Submitted by mgifford on

More and more our browsers know where we are and can help simplify our decisions. Many campaigns ask for your postal code as a simple means to help gain some location awareness about your visitors, however, this is rarely accurate on a smart phone and never convenient. As we've already blogged HTML5 begins to address this problem by providing a better means for dealing with location. There's a lot of new ways that sites are going begin to take advantage of this information.

One way that I've wanted to explore was with political campaigns. Most of us spend a great deal of our time in the our ridings and know which electoral district we are in even if we don't vote. However, it would be useful many times to be able to simply pick up your smart phone and figure out which riding you happen to be standing in. Say if there's a dangerous pot hole you wanted to report to a municipal councillor, but were outside of your riding. Or you wanted to tell a member of parliament where you worked that it is important to you to fund public transit. Whatever it is, if you can make it easier to put people in touch with those who are elected representatives for that region they will be more interested in your communications.

Now Vote.ca has a great system that allows you to find Canadian federal as well as some provincial & municipal electoral districts. They also have an API that allows for a machine operable way to do this, so our computers can do some work for us. I haven't spent any time verifying this data or comparing it with the postal code to riding data that we have purchased through Statistics Canada, but in my limited tests it seems to work well. It is a free rate limited service (10 requests per minute/IP address) but it should be workable for many Canadian campaigns.

I wanted to simply blend in some of the HTML5 geolocation information with this API to show quickly how powerful this framework is. I saw being able to further extend it so that we could access the name & contact information that we have on file for members of parliament through our Make the Change service. We have a similar API that we wrote a while back to interact with riding data. I saw this all being done with the jQuery library which has a lot of great client side tools for manipulating data. Using HTML5, geodata & mashing that up with two different API's to produce politically useful information just seemed to good to pass up.

Geolocation With Drupal 7 & HTML5

Submitted by mgifford on

Google Maps & HTML5 GeolocationThe quick summary is that it's not ready yet, but it's looking very exciting! To get an update on the status of geospacial modules the following wiki is key.  Unfortunately, of the 20 or so geo modules, only 6 have a Drupal 7 release at this point (only two of which are alpha releases & the rest are development releases).  

Together At Last: HTML5 & Drupal

Submitted by mgifford on

OpenConcept Consulting takes a step into the future of the web with HTML5. Witness the power of lightning fast and super stable in-page video with the stunning effects of jQuery. Accessible, mobile friendly, sleek and flexible: HTML5 is where our heart is.

We are early adopters of many new technologies so that we can test/evaluate them before implementing them for our clients.  We pushed forward with an early Drupal 7 install so that we could dedicate some time to working out the remaining kinks that are holding back implementation of this great new version.  We've been using social media to extend our network with others & continue to explore how it can be used to improve our services.  With so many new technologies you really do need to dive into them before you know how they can be used.  

Although the standards for HTML5 are still in draft form, there really isn't any debate about the core aspects of this new standard.  Yes, if you want to use some of the really cutting edge pieces of this new standard, you're going to have to pick and choose very carefully.  There are great tools like the When Can I use site which gives a summary of what functions are supported by which browsers.  We've clearly stated that we're not supporting IE6. Eliminating support for IE6 allows us to build sites based on W3C standards rather then specific browsers.  IE support is still generally lagging behind other browsers, but both IE7 & IE8 support most of what we are likely going to want to implement.

There are great tools to see how well your browser supports HTML5.  There are a bunch of HTML5 elements for instance that we aren't going to be implementing until there is better support for them (I use Firefox 3.6 and it only scores 155/400 points). However, we can already start to take advantage of the new elements that are part of this new standard.

Preparing a Drupal Presentation with HTML5 & CSS3

Submitted by mgifford on

A slide from the presentationIn preparing for my live streamed HD session at Drupal Camp Montreal 2010, I was prompted by someone's tweet or blogpost from DrupalCon Copenhagen to try a different approach with this presentation. I'd much rather be facilitating than presenting, but I do have a message I want to spread to the community, so I had to take this seriously.

Now the quality of the notes from DrupalCon's are definitely getting getting better. Here's examples from San Francisco & Copenhagen (links removed). There's stuff here that should be borrowed by many other conferences.

A few folks I respect have also written a few calls for better presentations. Gregory Heller's post We've Met The Enemy And He Is Powerpoint is great. Emma Jane Hogbin's Presenting: Make It Short and Make It Memorable at DrupalCon DC (links removed) is good. She's written some great books for the community too.

{C}

Subscribe to HTML5