Web development for the PS3

The PS3 uses the NetFront browser. Developing for this is like web development in the days when ie5.5 or ie6 were the dominant browsers. Some things I have picked up that might help someone when developing for PS3:

  • 1 – There seems to be a scrollbar that appears all of the time and the best way to get rid of this is to add the attribute scroll=”no” to the body tag
  • 2 –The html star hack works for targeting the browser (* html)
  • 3 –JavaScript events are set up with attachEvent and removed with detachEvent. So if you want you events to work cross browser I suggest using something like John Resigs cross browser addEvent function
  • 4 –If you want to use a JavaScript library I found that BBC glow works well. The JQuery ready function would not fire, admittedly I did not spend much time trying to get to the bottom of this but I have found Glow to offer everything I required.
  • 5 – Absolutely positioned elements dont seem to receive focus when you tab with the dpad
  • 6 –If you want to align you site vertically in the middle of the screen then you will need JavaScript. I took the route of hiding the site, positioning it and then showing it as this prevents an FOUC
  • 7 –I worked with a fixed width and height but there is scope to make your site fluid. However remember that users can be viewing you site on 52inch TV’s so you will probably need hi res images which can be bandwidth hungry to download
  • 8 –Sony told a work colleague of mine that playstation owners tend to take a while to update so build and test for a the browser version that is a year old.
  • 9 –The browser cache can be quite aggressive and I often found that even when I cleared the cache in the setting the HTML would not change. The best way to sort this is to attach a query string to the URL
  • 10 –CSS sprites and transparent pngs work fine
This entry was posted on by Charlie and is filed under Design.