HTML5 overview

Just did a presentation about HTML5 for my co-workers at Firstborn and here are the slides:

(Link to the presentation)

I hope it’s useful for someone.

PS: don’t get mad with me because of the Flash comparisons, I like HTML way more than Flash but for interactive/multimedia stuff, Flash is usually a better tool – I don’t want to start a war.


Always comment weird things!

This is more a reminder to myself than anything else. It’s about something simple that I’ve been trying to do since a long time and that I hope most people been doing it too…

Always, I’ve said ALWAYS, comment things that may be strange to other developers (or even to yourself in the future) and/or fixes specific bugs, it can save you a lot of time…


  • Because the code may need to be updated later.
  • You may forget why/how you have done something (or maybe why you have not).
  • Someone may get confused and fix something that wasn’t broken. (imagine re-opening a project after 1-2 years)
  • It can save you a lot of time.
  • It can be used as a reference on future projects.
  • People may learn from your source code (including yourself).

Read more…


How I structure CSS files

Yesterday I was having dinner with my coworkers (company party!!) and between some bottles of wine, Italian food and Bocce, Marcus Schaefer commented that my CSS are really organized and I briefly explained why I do this way to him and thought that it was a good subject for a blog post…

The purpose of this post is to explain a little bit my workflow and how I setup my CSS files and why I do this way. I’ve been using almost the same structure on the past 3-4 years and it has been working pretty well, it’s the way that I find more productive/organized for my way-of-thinking/workflow and I’ve never seen someone writing about and/or using the same approach.

Keep in mind: each person has their own opinions/preferences and my setup may not fit other people’s workflows…

Read more…


Facebook Tabbed App Undocumented JS API

A couple weeks ago I’ve posted about some issues that I had while developing applications that runs inside a Facebook tab ( http://blog.millermedeiros.com/2010/05/facebook-you-are-doing-it-wrong/ ) and now I’m going to talk about “hidden features” that I’ve found..

Facebook documentation doesn’t explain what is available inside a tab and how to access the API from a tab, the only page that talks about this subject is really vague and doesn’t really help unless you already knows how the system works… (they may delete this page anytime soon since they are deprecating the old documentation)

Facebook deleted the old documentation about the Javascript API but it wasn’t really helpful since it was only about Facebook Connect apps and not for tabs.. Everything was accessed by the FB object and you don’t have access to this object inside a tab since they replace all function and variables names for “security reasons”… The new Graph API also doesn’t work inside a tab (as of May 2010) so the new documentation won’t help either.
Read more…



Facebook, you are doing it wrong

So, I’ve been delaying this post for a couple weeks, I was trying to finish my first Facebook app before posting the bugs and undocumented API that I’ve found while developing a Facebook tabbed app (application that runs inside a tab) and helping some of my co-workers with another projects involving Facebook.

Facebook, you are doing it wrong

Let’s get started, recently many big companies started to invest a lot of money on “social media” and to use Facebook as one of their platforms to engage with consumers, and the way they usually do this is by adding new tabs to their profiles using it almost as a micro-site. Here are a few samples: GAP, Adidas, Axe and many more..

My first complain is about the way that Facebook setup tabs, why the hell a tab needs to be an application? why everything is an application even being outside Facebook (Facebook connect website) or something that you don’t want other users to install on their profile or access through a canvas page? why does the tab works completely different than a canvas page or a Facebook Connect website and have different restrictions? why is it so hard to get started and why the documentation doesn’t explain which methods are available on a tab? – many questions, no answers..
Read more…

Tags: ,