HTML5, CSS3 & why its important

Use HTML5 & CSS now. This presentation is all about why I think this.

Transcript

1. HTML5,  CSS3  and  why  its  important     Evan Richards Twitter: twitter.com/evanrichards Email: hello@evan-richards.co.uk
2. Some  sta9s9cs…  
3. 1999  –  2010,  Internet  usage  throughout  the   world  grew  by  444.8%!!   Year 2000: XHTML 1.0 released as a candidate recommendation by the W3C. Currently used to build websites. Internet World Stats (2010)
4. 5  billion  Internet  connected  devices!!   The Internet landscape has changed drastically since XHTML 1.0 was first introduced. People and society use the internet differently compared to when XHTML 1.0 was introduced back in 2000 This is because of the amount of devices available today IMS (2010)
5. HTML5  and  CSS3  can  improve  the  current   browsing  experience   XHTML 1.0 evolved the web in 2000 but complicates the implementation of common features such as video and audio. HTML5 vs Adobe Flash - Third party plugins cannot be used on handheld devices HTML5 is about markup and structure CSS3 is just decoration and how a page looks
6. The  problem?   W3C will finalise HTML5 as a candidate recommendation in 2014 Developers would have faced 14 years using XHTML 1.0 Rolling specification, some elements are even classed as CSS4 CSS3  
7. HTML5  is  made  for  the  modern  web  [and]  its  devices   “   ”  
8. Don’t  wait  9ll  2014  to  use  HTML5  and  CSS3     You  CAN  use  them  now,  as  in  today!  
9. Introducing…   http://byassociationonly.com
10. How  do  websites  that  u9lise  older   specifica9ons  look  on  handheld  devices?   Built using XHTML 1.0 and CSS 2.1 Hard to navigate Can’t read content clearly http://www.anglia.ac.uk
11. CSS3  @media  queries   Enable different styles to be applied depending on the viewport size of the device accessing the website
12. http://byassociationonly.com
13. It’s  not  perfect!   Not all browsers support @media rule, especially older handheld devices Page load times can be slow when rendering images & downloading content that is hidden from view
14. hZp://twiZer.com/evanrichards   hello@evan-­‐richards.co.uk           h%p://evan-­‐richards.co.uk   h%p://byassocia9ononly.com