Submit Search
Upload
HTML5 for dummies
•
Download as PPTX, PDF
•
2 likes
•
2,734 views
Ran Bar-Zik
Follow
Explanation on HTML5 for UX, graphic designers and managers.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 34
Download now
Recommended
Bootstrapping your plugin
Bootstrapping your plugin
Marko Heijnen
Building plugins like a pro
Building plugins like a pro
Marko Heijnen
Front-End Modernization for Mortals
Front-End Modernization for Mortals
cgack
Improve your Java Environment with Docker
Improve your Java Environment with Docker
HanoiJUG
React native in the wild @ Codemotion 2016 in Rome
React native in the wild @ Codemotion 2016 in Rome
Alessandro Nadalin
Composer at Scale, Release and Dependency Management
Composer at Scale, Release and Dependency Management
Joe Ferguson
DevQA: make your testers happier with Groovy, Spock and Geb (Greach 2014)
DevQA: make your testers happier with Groovy, Spock and Geb (Greach 2014)
Alvaro Sanchez-Mariscal
Put an end to regression with codeception testing
Put an end to regression with codeception testing
Joe Ferguson
Recommended
Bootstrapping your plugin
Bootstrapping your plugin
Marko Heijnen
Building plugins like a pro
Building plugins like a pro
Marko Heijnen
Front-End Modernization for Mortals
Front-End Modernization for Mortals
cgack
Improve your Java Environment with Docker
Improve your Java Environment with Docker
HanoiJUG
React native in the wild @ Codemotion 2016 in Rome
React native in the wild @ Codemotion 2016 in Rome
Alessandro Nadalin
Composer at Scale, Release and Dependency Management
Composer at Scale, Release and Dependency Management
Joe Ferguson
DevQA: make your testers happier with Groovy, Spock and Geb (Greach 2014)
DevQA: make your testers happier with Groovy, Spock and Geb (Greach 2014)
Alvaro Sanchez-Mariscal
Put an end to regression with codeception testing
Put an end to regression with codeception testing
Joe Ferguson
Midwest PHP 2017 DevOps For Small team
Midwest PHP 2017 DevOps For Small team
Joe Ferguson
Drone CI
Drone CI
Thomas Boerger
Comparing Agile QA Approaches to End-to-End Testing
Comparing Agile QA Approaches to End-to-End Testing
Katie Chin
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...
Codemotion
Continuous delivery - tools and techniques
Continuous delivery - tools and techniques
Mike McGarr
Silverlight vs HTML5 - Lessons learned from the real world...
Silverlight vs HTML5 - Lessons learned from the real world...
Peter Gfader
What I learned teaching programming to 150 beginners
What I learned teaching programming to 150 beginners
Etiene Dalcol
CI
CI
Patrick Mizer
How to outsource the pain of drupal translation to smartling from loparev
How to outsource the pain of drupal translation to smartling from loparev
Oleksii Bogush
Drupalcamp Simpletest
Drupalcamp Simpletest
lyricnz
React native first impression
React native first impression
Alvaro Viebrantz
Testing as a container
Testing as a container
Irfan Ahmad
Experiences building apps with React Native @DomCode 2016
Experiences building apps with React Native @DomCode 2016
Adrian Philipp
Use groovy & grails in your spring boot projects
Use groovy & grails in your spring boot projects
Fátima Casaú Pérez
Continuous delivery of your legacy application
Continuous delivery of your legacy application
ColdFusionConference
JavaScript All The Things
JavaScript All The Things
Jordan Yaker
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
Iván López Martín
Alexey Kupriyanenko "Release Early, Often, Stable"
Alexey Kupriyanenko "Release Early, Often, Stable"
Fwdays
Drone Continuous Integration
Drone Continuous Integration
Daniel Cerecedo
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
Ortus Solutions, Corp
Basic web dveleopers terms for UX and graphic designers
Basic web dveleopers terms for UX and graphic designers
Ran Bar-Zik
Introducing AppPulse
Introducing AppPulse
Globe Testing
More Related Content
What's hot
Midwest PHP 2017 DevOps For Small team
Midwest PHP 2017 DevOps For Small team
Joe Ferguson
Drone CI
Drone CI
Thomas Boerger
Comparing Agile QA Approaches to End-to-End Testing
Comparing Agile QA Approaches to End-to-End Testing
Katie Chin
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...
Codemotion
Continuous delivery - tools and techniques
Continuous delivery - tools and techniques
Mike McGarr
Silverlight vs HTML5 - Lessons learned from the real world...
Silverlight vs HTML5 - Lessons learned from the real world...
Peter Gfader
What I learned teaching programming to 150 beginners
What I learned teaching programming to 150 beginners
Etiene Dalcol
CI
CI
Patrick Mizer
How to outsource the pain of drupal translation to smartling from loparev
How to outsource the pain of drupal translation to smartling from loparev
Oleksii Bogush
Drupalcamp Simpletest
Drupalcamp Simpletest
lyricnz
React native first impression
React native first impression
Alvaro Viebrantz
Testing as a container
Testing as a container
Irfan Ahmad
Experiences building apps with React Native @DomCode 2016
Experiences building apps with React Native @DomCode 2016
Adrian Philipp
Use groovy & grails in your spring boot projects
Use groovy & grails in your spring boot projects
Fátima Casaú Pérez
Continuous delivery of your legacy application
Continuous delivery of your legacy application
ColdFusionConference
JavaScript All The Things
JavaScript All The Things
Jordan Yaker
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
Iván López Martín
Alexey Kupriyanenko "Release Early, Often, Stable"
Alexey Kupriyanenko "Release Early, Often, Stable"
Fwdays
Drone Continuous Integration
Drone Continuous Integration
Daniel Cerecedo
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
Ortus Solutions, Corp
What's hot
(20)
Midwest PHP 2017 DevOps For Small team
Midwest PHP 2017 DevOps For Small team
Drone CI
Drone CI
Comparing Agile QA Approaches to End-to-End Testing
Comparing Agile QA Approaches to End-to-End Testing
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...
Matteo Manchi - React Native for multi-platform mobile applications - Codemot...
Continuous delivery - tools and techniques
Continuous delivery - tools and techniques
Silverlight vs HTML5 - Lessons learned from the real world...
Silverlight vs HTML5 - Lessons learned from the real world...
What I learned teaching programming to 150 beginners
What I learned teaching programming to 150 beginners
CI
CI
How to outsource the pain of drupal translation to smartling from loparev
How to outsource the pain of drupal translation to smartling from loparev
Drupalcamp Simpletest
Drupalcamp Simpletest
React native first impression
React native first impression
Testing as a container
Testing as a container
Experiences building apps with React Native @DomCode 2016
Experiences building apps with React Native @DomCode 2016
Use groovy & grails in your spring boot projects
Use groovy & grails in your spring boot projects
Continuous delivery of your legacy application
Continuous delivery of your legacy application
JavaScript All The Things
JavaScript All The Things
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
GR8Conf 2015 - Spring Boot and Groovy. What more do you need?
Alexey Kupriyanenko "Release Early, Often, Stable"
Alexey Kupriyanenko "Release Early, Often, Stable"
Drone Continuous Integration
Drone Continuous Integration
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
Similar to HTML5 for dummies
Basic web dveleopers terms for UX and graphic designers
Basic web dveleopers terms for UX and graphic designers
Ran Bar-Zik
Introducing AppPulse
Introducing AppPulse
Globe Testing
HPLN Web Performance Optimization - Liran tal
HPLN Web Performance Optimization - Liran tal
Liran Tal
Html5
Html5
Western Illinois University Libraries
Html 5 Features And Benefits
Html 5 Features And Benefits
Software Engineering
HTML5: An Introduction
HTML5: An Introduction
ClearPivot
Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5
KaneJordy1
HTML5
HTML5
Western Illinois University Libraries
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
Hisham Mat Hussin
INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5
reshmy12
HTML5 101
HTML5 101
Matt Hardy
Html5
Html5
Nisa Soomro
Flex360 Milan 2008 - Flex & Webservices
Flex360 Milan 2008 - Flex & Webservices
ivascucristian
Why Embrace "Html5"?
Why Embrace "Html5"?
FossilDesigns
Html5 today
Html5 today
Roy Yu
HTML5_3.ppt
HTML5_3.ppt
NEILMANOJC1
Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)
Amit Kumar Singh
Here comes html5
Here comes html5
Sriram Raghavan
Coming Up to Speed with XML Authoring in Adobe FrameMaker
Coming Up to Speed with XML Authoring in Adobe FrameMaker
dclsocialmedia
Top 10 major benefits of html 5
Top 10 major benefits of html 5
Parul Rani Sagar
Similar to HTML5 for dummies
(20)
Basic web dveleopers terms for UX and graphic designers
Basic web dveleopers terms for UX and graphic designers
Introducing AppPulse
Introducing AppPulse
HPLN Web Performance Optimization - Liran tal
HPLN Web Performance Optimization - Liran tal
Html5
Html5
Html 5 Features And Benefits
Html 5 Features And Benefits
HTML5: An Introduction
HTML5: An Introduction
Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5
HTML5
HTML5
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5
HTML5 101
HTML5 101
Html5
Html5
Flex360 Milan 2008 - Flex & Webservices
Flex360 Milan 2008 - Flex & Webservices
Why Embrace "Html5"?
Why Embrace "Html5"?
Html5 today
Html5 today
HTML5_3.ppt
HTML5_3.ppt
Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)
Here comes html5
Here comes html5
Coming Up to Speed with XML Authoring in Adobe FrameMaker
Coming Up to Speed with XML Authoring in Adobe FrameMaker
Top 10 major benefits of html 5
Top 10 major benefits of html 5
More from Ran Bar-Zik
How to track users
How to track users
Ran Bar-Zik
7 deadly front end sins
7 deadly front end sins
Ran Bar-Zik
Javascript static code analysis
Javascript static code analysis
Ran Bar-Zik
Quality code in wordpress
Quality code in wordpress
Ran Bar-Zik
How to get your first job at the Israeli high tech industry
How to get your first job at the Israeli high tech industry
Ran Bar-Zik
WordPress Security 101 for developers
WordPress Security 101 for developers
Ran Bar-Zik
Javascript Security - Three main methods of defending your MEAN stack
Javascript Security - Three main methods of defending your MEAN stack
Ran Bar-Zik
WordPress automation and CI
WordPress automation and CI
Ran Bar-Zik
Drupal Security
Drupal Security
Ran Bar-Zik
Presentation skills - course example
Presentation skills - course example
Ran Bar-Zik
HTML55 media api
HTML55 media api
Ran Bar-Zik
Features in Drupal 7/6
Features in Drupal 7/6
Ran Bar-Zik
More from Ran Bar-Zik
(12)
How to track users
How to track users
7 deadly front end sins
7 deadly front end sins
Javascript static code analysis
Javascript static code analysis
Quality code in wordpress
Quality code in wordpress
How to get your first job at the Israeli high tech industry
How to get your first job at the Israeli high tech industry
WordPress Security 101 for developers
WordPress Security 101 for developers
Javascript Security - Three main methods of defending your MEAN stack
Javascript Security - Three main methods of defending your MEAN stack
WordPress automation and CI
WordPress automation and CI
Drupal Security
Drupal Security
Presentation skills - course example
Presentation skills - course example
HTML55 media api
HTML55 media api
Features in Drupal 7/6
Features in Drupal 7/6
Recently uploaded
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
CzechDreamin
Buy Epson EcoTank L3210 Colour Printer Online.pptx
Buy Epson EcoTank L3210 Colour Printer Online.pptx
EasyPrinterHelp
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Julian Hyde
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
Stefano
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
John Staveley
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
FIDO Alliance
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
CzechDreamin
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
UXDXConf
ECS 2024 Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
Femke de Vroome
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdf
EasyPrinterHelp
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
Samy Fodil
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
CzechDreamin
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
Jennifer Lim
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
CzechDreamin
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
FIDO Alliance
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
Patrick Viafore
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
FIDO Alliance
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
FIDO Alliance
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
Mark Opanasiuk
Recently uploaded
(20)
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Buy Epson EcoTank L3210 Colour Printer Online.pptx
Buy Epson EcoTank L3210 Colour Printer Online.pptx
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
ECS 2024 Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdf
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
HTML5 for dummies
1.
Guide to HTML
5 Ran Bar-Zik PHPDrupal Developer 19.02.2014 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
2.
Who am I? Ran
Bar-Zik, • PHP developer at HP Software • Working at hpln.hp.com • More information at my personal site: internet-israel.com 2 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
3.
What is HTML5 ©
Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
4.
Let’s talk about
HTML 4 HTML standards are standards HTML is Instructions for the browsers • • For example: take this string: <h1>HEADER</h1> and show it in large font. For example, take this string: <input type=“text” value=“hello” /> and show it like this: • • For example: allow CSS to change the basic design of the elements (HTML 3) The HTML standards are being defined by the W3C 4 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
5.
HTML4 was great,
really It allowed us to create sophisticated, rich web sites 5 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
6.
HTML4 needed a
lot of code And programmers hate a lot of code A lot of code means headache: 1. We need to maintain it. 2. We need to keep it updated with every version of browser. Yes IE – I am looking at you! 3. We need to QA it 4. We are lazy! 6 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
7.
HTML5 to the
rescue! HTML5 allows us to do a lot of things, but with less code HTML5 is a new standard that tells the browsers to do a lot more For example, use this string in order to create a placeholer: In order to do it in HTML 4 we need to write a lot of JavaScript: 7 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
8.
Some mind blowing
HTML5 demos Now I will amaze you! https://developer.mozilla.org/en-US/demos/detail/zen-photongarden/launch http://craftymind.com/factory/html5video/CanvasVideo.html [ff] http://www.clicktorelease.com/code/css3dclouds/ http://hompimpa.googlecode.com/svn/trunk/CSS3-Windows7-StartMenus/index.html 8 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
9.
HTML5 is more
than way to save code It allow us to do things that we can’t do previously For example: 1. Cache control (no way to deal with it previously) and offline behavior. 2. Geo location (very hard and unreliable in the past). 3. A lot of nerdy things for programmers to drool about like promises in JS, web workers etc. it allows us to create faster, reliable and efficient code. 9 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
10.
The IE situation ©
Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
11.
The main problem
with HTML5 Internet Explorer and other old browsers does not support it Even new versions of Internet Explorer sometimes does not support part of HTML5 Why? Because IE suck. That’s why. We have 3 ways to deal with it: 11 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
12.
Polyfills JavaScript file that
fill the gap for old browsers Allowing new features on old browsers For example: allowing HTML5 form control on Internet Explorer 8 that does not support this feature. What is the problem? • Performance • Reliability • Sometimes there is no polyfill. 12 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
13.
Fallbacks Allow alternative solution
for browsers that does not have the feature For example: Showing Flash videos for browsers that does not support HTML5 videos. What is the problem? • Very inefficient • A lot of code • Annoying 13 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
14.
Ignore old browsers And
there is no problem at all… 14 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
15.
HTML5 components: Video
& Audio © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
16.
We don’t need
no FLASH for that Video and Audio become native to application And you can do amazing things with that – natively! http://www.apple.com/html5/showcase/video/ http://www.internet-israel.com/?p=3835 16 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
17.
But why do
we need it? Video was there long before HTML5 Flash video suck • • • • • 17 It is slow, unreliable and dependent on flash plug in. It is not part of the page and it is very hard to control. Very hard to play with. Subtitles Not supported on mobile. © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
18.
HTML5 components: Appcache © Copyright
2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
19.
App cache is
a new way to control browser Browser cache – offline data cache 19 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
20.
You can control
how your application behave Especially in mobile! 20 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
21.
HTML5 components: Web notifications ©
Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
22.
Web notification: alert
your users Currently is being used at Gmail It is very easy to implement and we can change the graphic design. 22 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
23.
HTML5 components: Forms ©
Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
24.
Reminder: HTML4 form
elements Standard form element that being implemented along with the browser In HTML4 we had mainly four form items: • • Input (including password and text area) : Select list: • Radio buttons: • Checkbox: 24 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
25.
HTML5 form elements New
and exciting form elements in addition to the old ones No need to re-invent the wheel – use the native elements! http://jsfiddle.net/barzik/E426P/ 25 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
26.
Form elements in
mobile 26 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
27.
Custom Error messages
in forms HTML5 allows us native implementation of validation It can be redesigned. But should we do it? http://www.internet-israel.com/?p=3753 27 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
28.
And it is
still on development New features are being added! http://jsfiddle.net/barzik/2HcFG/ 28 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
29.
HTML5 components: Canvas
& SVG © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
30.
HTML5 allows us
to draw & create animations Live & Native support on all browsers. Canvas – classic graphics, no vector SVG – Vector based graphic Both have an API very similar to flash. 30 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
31.
HTML5 components: Web applications
components © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
32.
Full screen API Lets
take control on all of the screen It is mainly for web application and not web sites (but it is really cool) http://davidwalsh.name/demo/fullscreen.php 32 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
33.
Native web application
status Use native HTML5 indicators for web application <meter min="0" max="100" low="40" high="90" optimum="100" value="91">A+</meter> <progress>working...</progress> <progress value="75" max="100">3/4 complete</progress> 33 © Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
34.
Thank you © Copyright
2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Download now