Nothing but HTML5 ahead! Browsers be damned.

I realized the other day that every professional project I have ever worked on has involved a struggle for Internet Explorer 6 compliance. Whether it be customer demand, or a personal need for a perfect solution, my layouts seem to always become a mess of conditional comments. I remember when IE6 was released. I was actually excited for this new futuristic browser. If only the darn thing worked the way it was supposed to. Then the web grew up, I moved to Firefox, and IE6 lingered on as that final bullet point in all my functional specs.

IE7 & IE8 offered some improvements. Finally I could make an argument for PNG24 images. Still had to battle floats, margins, and the like for a please-everyone solution. To this day I still have a virtual machine devoted to running IE6; for testing purposes only I assure you. I’m finally saying No Mas! At least for all of my personal work. Everything I do from this point on will take full advantage of the latest standards.

The first step in this initiative is my new mwilber.com wordpress template. It’s based on the default theme, TwentyTen, and takes full advantage of CSS3. The only images in play are the four you see in the header above. With some creative use of CSS3 embedded fonts, I hope to one day bring that image count down to one. Which brings me to a prediction:

I suspect that much like CSS gave birth to the “tableless layout”, soon CSS3 will give birth to the “imageless layout”; where image files are restricted to content areas, reducing a theme down to a single CSS file.

I’ve been doing a lot of experimentation with HTML5 & CSS3 lately. I plan on a CSS3 upgrade to my CSS Speech Balloons, featured in the Zeta Comics, which offer fully search-able dialog in a comic strip. I’ve also recently fallen in love with the Google Web Fonts project and the prospect of beautiful fonts that are also editable text. There are tons of really cool tools out there that are making HMTL5 layouts a brain dead simple process. You’ll see many examples of them in coming posts.

Posted in Updates, Web Development | Leave a comment

Phoenix Lights

Alpha: … so it’s imperative that you retrieve the Earth minerals.
How do you intend to remain unseen?

Beta: Oh, That’s Easy!


Beta: Just Drop Flares.

Humans: We definitely have a real UFO sighting here…

Posted in Zeta Comics | Leave a comment

Facebook App Starter kit

In preparation for the March 10th change I’ve been porting a lot of old fbml apps over to iframe. I noticed that I was copying a lot of the same code every time. So I’ve packaged all of that starter code into a simple project.

The Facebook App Starter Kit automatically loads the Facebook Javascript API and jQuery 1.4.2. It includes:

  • starter javascript file with sample functions to perform an ajax request, do a wall post, request extended permissions, and re-size the facebook iframe around the page content.
  • Eric Meyer’s CSS Reset
  • Starter css file
  • an empty images folder

Just upload to your server, create a new app profile in facebook and replace “YOUR_APP_ID_HERE” in index.html with your App Id.

Visit the google code page to download the project.

And check out the demo on facebook.

Posted in Web Development | Leave a comment

Retro Consoles In My Pocket

One thing I love to do with a brand new, top of the line, piece of tech is see how it emulates brand new, top of the line, tech from 20 years ago. This is an area where Android and its open culture really shine. I was excited to find myself playing SpaceTaxi with little more than a marketplace download and a visit to c64.com. Nintendo support is amazing, with Nesoid and Snesoid. The list of emulators in the marketplace scrolls on and on.

I have found one big problem with retrogaming on a phone; touch screens make terrible classic controllers. I find myself losing track of where my fingers are needed and miss a button at the worst possible time. The phone’s hardware keyboard kind of works, but it’s cumbersome for any fast moving game. There is the Game Gripper, which attaches a plastic controller pad on top of the phone’s hardware keyboard. This is a great way to get a real d-pad on your phone. The only drawback is that you have to carry around an extra piece of plastic.

The app Wiimote Controller offers something completely different. You can sync a nintendo Wii controller to your android phone via buletooth. Controller buttons are mapped to keyboard events. At first it seems like a novelty since carrying around a Wii controller, and propping up your phone so you and use it, is cumbersome at the very least. One feature of this app however makes this a very intriguing solution: Connect up to 4 controllers at the same time. With that, it’s not so much about gaming on the go, as it is bringing an array of consoles with you in your pocket. A 2 Gigabyte SD card can easily hold over three decades of gaming. For those of us in our thirties, that’s an entire childhood in retro gaming nostalgia.

The ultimate scenario is to plug your phone into a television for the full console experience. Unfortunately, my Droid 2 is lacking in this feature. I quickly learned that android, in general, is lacking in a good screen-casting solution. If your phone does have an hdmi out, then you’re all set. Even without an HDTV it’s a great solution for two player gaming in the back of a car, or over a table top. Here’s a video featuring the Wii controllers in action, starring my son and his friend playing two player TMNT2 on Nesoid.

Posted in Retro Gaming, Reviews, Tech Tip | Leave a comment