Posted in HTML, HTML5, Web standards, Web2.0

HTML5 video

With regards to HTML5 <video> there are 3 different video formats which are used across all the major browsers.  There isn’t one standard video format as yet so different formats need to be available. Eg.

<video poster=”movie.jpg” controls>
<source src=”movie.webm” type=’video/webm; codecs=”vp8.0, vorbis”‘>
<source src=”movie.ogv” type=’video/ogg; codecs=”theora, vorbis”‘>
<source src=”movie.mp4″ type=’video/mp4; codecs=”avc1.4D401E, mp4a.40.2″‘>
<p>This is fallback content</p>
</video>

The latest current information regarding supported video formats is available here: http://en.wikipedia.org/wiki/HTML5_video

Update: 19th April 2012:

Longtail have also recently released an article called ‘The State of HTML5 Video

 

Posted in CSS, HTML, HTML5, Web standards, Web2.0

HTML5 browser support and comparison overview

The amount of support for HTML5 varies for each browser.  This excellent website has a breakdown of what elements of HTML5 are supported from browser to browser.  You can also do browser comparisons: http://caniuse.com/#cats=HTML5

Here is an overview of the earliest to latest versions of browsers which have support for HTML5 (23rd April 2012).

HTML5 Powered with CSS3 / Styling, and Semantics

Browser

IE

Firefox

Chrome

Safari (Win)

iOS Safari

Opera

Opera Mobile

Android browser

Earliest Version

6.0

3.6

17.0

3.1

3.2

11.6

10.0

2.1

Latest version

9.0

11.0

18.0

5.15

5.1.4 (Lion)

11.62

12.0

4.0 (IceCream Sandwich)

Posted in Android, Audio / Video Manipulation, CSS, HTML, HTML5, Web standards, Web2.0

HTML5 standards and browser version support

Since 1996, HTML standards have been maintained by the World Wide Web Consortium (W3C) with input from commercial software vendors.

http://en.wikipedia.org/wiki/HTML4#Version_history_of_the_standard

As from 2008, the HTML5 web standards are currently being developed by the Web Hypertext Application Technology Working Group (WHATWG) and the World Wide Web Consortium (W3C).

http://en.wikipedia.org/wiki/HTML5

I also found this HTML5 browser comparison chart which is the best place to find out the latest support for HTML5 in browsers:

http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28HTML5%29&oldid=487486098

Whencaniuse.com also provides a detailed overview of what html5 elements are supported in every version of browser.  It also includes a comparison chart.

When can I use… Support tables for HTML5, CSS3, etc.

Posted in Computer Science, Graphic Design (Image Manipulation), HTML, HTML5, Web standards, Web2.0

Hexadecimal colours

Colour codes are written with hexadecimal values which takes some getting used to if you haven’t done computer science – humans count in base-10 (decimal) whereas a lot of computer things use base 16 (hexadecimal).

Decimal runs from 0-9 so you can go: 0,1,2,3,4,5,6,7,8,9

Hexadecimal runs from 0 to F so you can go: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

Colour hex values are three pairs of hex numbers, two for the Red, Two for the Green and two for the Blue (That’s where you get RGB from, Red-Green-Blue)

So a colour hex number is actually RRGGBB (Two for the red, two for the Green, two for the blue).

All you’re doing is mixing different amounts of red, green and blue to get a colour just like in playschool J

The lowest value in Hexadecimal (Hex for short) is 0 and the highest value is F and you can use two of them for each bit of the colour.

So if you want pure red you’d use two F’s in the Red part and zero’s in the other parts, i.e: FF0000 (that means full red (FF0000), no green (FF0000) and no blue (FF0000)

Pure green would be 00FF00 and pure blue would be 0000FF

There are 16 numbers in the hexadecimal range so 8 is in the middle.  Generally the lower the number, the darker the colour and the higher the number the brighter the colour.

White is FFFFFF – maximum everything and black is 000000 – none of everything.

Colours usually have a # symbol in front of them because that’s the symbol for a hexadecimal code so black is #000000 and white is #FFFFFF

I use this site for getting colours: http://colorschemedesigner.com/