thebeebs | January 2011
Learn the art of website security

Windows Phone 7 Colours

by thebeebs 13. January 2011 05:50

I was putting together a WP7 presentation recently. I needed to use all of the WP7 colours as background for the slides. It took me a while to collate all of the colours so I thought I'd post them up here in case anyone needed them.

Windows Phone 7


Magenta #FF0094 RGB( 255, 0, 148)
Purple #A500FF RGB(165, 0, 255)
Teal #00AAAD RGB(0, 170, 173)
Lime #8CBE29 RGB(140, 190, 41)
Brown #9C5100 RGB(156, 81, 0)
Pink #E671B5 RGB(230, 113, 181)
Orange #EF9608 RGB(239, 150, 8)
Blue #19A2DE RGB(25, 162, 222)
Red #E61400 RGB(230, 20, 0)
Green #319A31 RGB(49, 154, 49)

Tags: , ,

People of HTML5 - Remy Sharp

by thebeebs 12. January 2011 17:37

imageIn the second instalment of Chris Heilmann’s People of HTML5 series he talks to VimmmVimaaa about JavaScript and HTML5.

In this episode Remy and Christian talk about the topics below I’ve added the time that the topic starts at the beginning of each topic.

  • 0:25 - JavaScript and it’s recent maturity as a language.
  • 3:00 – Accessibility.
  • 5:40 - IE9s adherence to W3C and browser innovation outside of the spec.
  • 7:00 – Security with full screen video.
  • 10:00 – HTML5 is not a Flash killer.
  • 11:40 - Seb Lee-Delisle (P.S he's talking at one of our MSDN conferences next week)
  • 15:00 – How complicated some NEWT technologies like WebGL are for exisiting frontend developers.
  • 16:00 – Serverless applications (IndexDB, WebSQL, Offline Storage).
  • 21:10 – HTML5 showcases should be based around real web applications.

In summary Remy suggests that we should use the full power of the browser to create real world HTML5 applications and if something doesn't work or could be improved we should provide feedback to the browser vendors by filling bugs.

Tags: , ,

Google Drops H.264 codec support

by thebeebs 11. January 2011 16:27

Google Chrome LogoNow I will be honest, I wasn’t expecting this.

Google have today decided that they will remove support for the video codec H.264 from their Chrome browser in the next couple of months. H.264 is the codec that's used currently in Flash, PS3, Xbox and even my trusty little flip cam.

More importantly for HTML5 it’s also the codec that's used by Safari, that means iPads and iPhones.

Going forward Chrome will only support WebM(V8) and Theora.

IE9 Beta currently supports V8 and H.264 but not Theora .

Safari currently only supports H.264

There are currently 3 main codecs used with HTML 5 video:

  • H.264 - is patent-encumbered meaning that people that build encoders or decoders need to pay a licence fee to MPEG LA.
  • VP8 - is open source and was released by Google although the licence situation is a little murky
  • Theora - is distributed without licensing fees freely available, but is seen by many as having inferior playback quality.


The current state of browser support looks something like this:

  H.264 VP8 Theora
IE9 Beta Yes Yes (if codec installed) No
Chrome No Yes Yes
Safari Yes No No
FireFox No Yes Yes
Opera Depends on OS Yes Yes


How can you tell if a browser supports a particular codec?

This position switch by Google is a great example of why feature detection is so important when coding HTML5. You can’t rely on browser sniffing as browser vendors can change the HTML5 features they implement at any time.

Modernizer is a great JavaScript library which will tell you if a visitors browser supports a particular codec. I talked about it earlier in the month here.

How do you encode VP8?

thebeebs and Robert Reinhard after his talk at FOTB

I had a quick look on my machine and the net to find software to encode WebM and didn’t find much, after asking Robert Reinhard for a good tool (In regard to video encoding: if he doesn't know about it, it’s not worth knowing) he recommended his video encoding service (of course he would)  so If you need to  encode alot of video to support Chrome, it might be worth paying him a visit.

Tags: , , , , , , ,