Optimal HTML width: 960 pixels

October 7, 2008

Assuming a screen resolution of 1024px, what should be the optimal HTML page width?

Cameron Moll shares an interesting concept: a 960-pixel page width. One of the reasons is due to 960 being divisible by 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480, and 960. It sure offers a lot of grid possibilities. :)


Small little icons

September 18, 2008

   

Needing small little utility icons for your applications? Find them all here at: http://www.famfamfam.com/lab/icons/silk/: Seven hundred 16-by-16 pixel icons to tickle your fancy. :)


How to generate facebook infinite session

May 30, 2008

When developing facebook applications, we might need an infinite session that will enable us to update the app users’ profile periodically. For instance, a “Quote Of TheDay” application needs to update its users’ profile everyday with a new quote.

Here are the steps to generate an infinite session that does not expire. Note: these steps only need to be done by the developer once; no action is needed from the app users.

  • Login to your own facebook account.
  • Browse to: http://www.facebook.com/code_gen.php?v=1.0&api_key=YOUR_API_KEY (replace YOUR_API_KEY with your app’s API key) Click through the simple instructions on the page. After that, you’ll be provided with a one-time code like 5P4I8D .
  • Invoke facebook API auth.getSession using the one-time code. The returned result will be the infinite session key.

References: http://wiki.developers.facebook.com/index.php/Authentication_guide


How to stay in facebook Page context

May 30, 2008

When developing Facebook application for Pages, it is mandatory to “stay in Page context” in order for <fb:page-admin-edit-header/> to be rendered. Thanks to Thought Labs Blog, for documenting the way to do so:

you MUST add the ‘fb_page_id=[pageID]‘ URL param to the POST URL.


Web 2.0 buttons

July 13, 2007

Interested in creating buttons that simply scream “Web 2.0″?

style1_final.png

A useful guide: http://blog.teamsumpter.com/2007/04/how-to-tutorial-on-using-gimp-to-create.html