SlideShare a Scribd company logo

Html5 aavaas gajurel techmela

•Download as PPTX, PDF•
•
A
Aavaas Gajurel

The document discusses HTML5, which is more of a movement than a single technology. It provides an overview of what HTML5 is, including that it is a new specification that builds upon HTML, CSS3, and JavaScript. Some of the major new features that HTML5 introduces are richer semantics, a simpler doctype, multimedia elements like audio and video, the canvas element, and new form controls. It also notes that HTML5 is still being developed and implemented across browsers.

Technology
1 of 17
Aavaas Gajurel Msp2014 : IOE,Pulchowk
What’s all the fuss about HTML5 HTML5 IS MORE A MOVEMENT THAN A UNIQUE, IDENTIFIABLE TECHNOLOGY
What is Html5  New HTML  Previous html was 15 years ago (1999 HTML 4.01)  Just a specification (loads of it)  WHATWYG (Web Hypertext Application Technology Working Group) started in 2004  a cooperation between W3C and WHATWYG
Not just HTML markup
Major highlights
What makes HTML5  Html markup  CSS 3  JavaScript  HTML5 ≈ HTML 5 + CSS 3 + JavaScript  Browser compatibility  Rich Internet Applications  NO PLUGINS PLEASE!
HTML markup  Flexible (backward compatibility)  Better semantics  Simpler code  Additions  Removals  Error handling
Doctype  The doctype for xhtml: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  The doctype for HTML5: <!DOCTYPE html> Character Set  HTML4 <meta http-equiv="Content-Type" content="text/html; charset=utf- 8">  HTML5 <meta charset=utf-8>
semantics  Give more meanings to your content  Before it was all Divs  <header>  <hgroup>  <nav>  <section>  <article>  <header>  <aside>  <footer>  <time>  <mark>
More elements  More input types  Search, tel, url, email, color, sliders, datetime, …..  <audio>  <video> with controls  Still some inconsistency over codecs (WebM, h.264)  <SVG> inline (infinitely zoomable elements)
Canvas  Creates a whole new arena for Design  Raster Display element  Draw elements and manipulate them using javascript  Create Games!  Dynamic displays  Web3D  Full Fledged Application with the help of javascript
Depreciated elements  <u>  <font>  <center>  <big>  <dir>  <basefont>  <applet>  <tt>  <strike>  <frame>  <noframes>  <frameset>
CSS Level 3  New selectors  Web Fonts  Columns  Rounded corners, Gradients  Transforms  Transitions  Animations  Means less JavaScript!
JavaScript  New selection methods  Local storage  Web SQL database  Offline storage  Web workers  Web sockets  Drag and drop  Geo location
compatibility  Only modern browsers  Not fully implemented in all browsers  Browser/Vendor prefixes (-ms-, -moz-, -o-, -webkit- )  HTML5 is not fully finalized  Standards are in development  New markup and architecture design are being proposed  www.modernizr.com
Future  Displacement of Flash  More immersing web experience  Better coding experience for developers  No browser incompatibilities  Future of ubiquitous application development  Towards semantic web 3.0
Thank you! THEAVS@LIVE.COM

Recommended

How i acheived a pretty good google page speed insights score
How i acheived a pretty good google page speed insights scoreHow i acheived a pretty good google page speed insights score
How i acheived a pretty good google page speed insights score
Matt Bailey
 
Html5 for beginners
Html5 for beginnersHtml5 for beginners
Html5 for beginners
n|u - The Open Security Community
 
Unobtrusive js
Unobtrusive jsUnobtrusive js
Unobtrusive js
bretticus
 
Java script202
Java script202Java script202
Java script202Wasiq Zia
 
(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone
Chris Mills
 
從一個超簡單範例開始學習 Canvas
從一個超簡單範例開始學習 Canvas從一個超簡單範例開始學習 Canvas
從一個超簡單範例開始學習 Canvas
Anna Su
 
Visual resume
Visual resumeVisual resume
Visual resumeMilan Skorić
 
WebMatrix
WebMatrixWebMatrix
WebMatrix
Subodh Pushpak
 

Recommended

How i acheived a pretty good google page speed insights score
How i acheived a pretty good google page speed insights scoreHow i acheived a pretty good google page speed insights score
How i acheived a pretty good google page speed insights score
Matt Bailey
 
Html5 for beginners
Html5 for beginnersHtml5 for beginners
Html5 for beginners
n|u - The Open Security Community
 
Unobtrusive js
Unobtrusive jsUnobtrusive js
Unobtrusive js
bretticus
 
Java script202
Java script202Java script202
Java script202Wasiq Zia
 
(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone
Chris Mills
 
從一個超簡單範例開始學習 Canvas
從一個超簡單範例開始學習 Canvas從一個超簡單範例開始學習 Canvas
從一個超簡單範例開始學習 Canvas
Anna Su
 
Visual resume
Visual resumeVisual resume
Visual resumeMilan Skorić
 
WebMatrix
WebMatrixWebMatrix
WebMatrix
Subodh Pushpak
 
Introduction:
Introduction:Introduction:
Introduction:
Reema
 
Dealing With Large Data In Ajax
Dealing With Large Data In AjaxDealing With Large Data In Ajax
Dealing With Large Data In Ajaxwebtel125
 
CSS Eye for the Programmer Guy
CSS Eye for the Programmer GuyCSS Eye for the Programmer Guy
CSS Eye for the Programmer Guy
Dennis Slade Jr.
 
HTML 5 New Features:
HTML 5 New Features:HTML 5 New Features:
HTML 5 New Features:
Reema
 
Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Karambir Singh Nain
 
Usersnap and the javascript magic behind the scenes - ViennaJS
Usersnap and the javascript magic behind the scenes - ViennaJSUsersnap and the javascript magic behind the scenes - ViennaJS
Usersnap and the javascript magic behind the scenes - ViennaJS
Usersnap
 
Html5 & less css
Html5 & less cssHtml5 & less css
Html5 & less css
Graham Johnson
 
Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)
Igalia
 
WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016
jancbeck
 
Disruptive code
Disruptive codeDisruptive code
Disruptive code
brucelawson
 
Web 2.0 & Ajax Basics
Web 2.0 & Ajax BasicsWeb 2.0 & Ajax Basics
Web 2.0 & Ajax Basics
Abhishek Nagar
 
Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...
Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...
Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...S P Jain Institute of Management & Research (SPJIMR)
 
More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable web
Chris Mills
 
Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16
Sean Malseed
 
Getting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & BracketsGetting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & Brackets
Teerasej Jiraphatchandej
 
Modern web application devlopment workflow
Modern web application devlopment workflowModern web application devlopment workflow
Modern web application devlopment workflow
Hamdi Hmidi
 
State of the Web
State of the WebState of the Web
State of the WebDmitry Buzdin
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overviewMark Whitaker
 
Angular and SEO
Angular and SEOAngular and SEO
Angular and SEO
Greenlane
 
Google’s PRPL Web development pattern
Google’s PRPL Web development patternGoogle’s PRPL Web development pattern
Google’s PRPL Web development pattern
Jeongkyu Shin
 
Hiring Tools for 2014 and Beyond
Hiring Tools for 2014 and BeyondHiring Tools for 2014 and Beyond
Hiring Tools for 2014 and Beyond
RelianceStaffingAndRecruiting
 
Dreamspark
DreamsparkDreamspark
Dreamspark
Aavaas Gajurel
 

More Related Content

What's hot

Introduction:
Introduction:Introduction:
Introduction:
Reema
 
Dealing With Large Data In Ajax
Dealing With Large Data In AjaxDealing With Large Data In Ajax
Dealing With Large Data In Ajaxwebtel125
 
CSS Eye for the Programmer Guy
CSS Eye for the Programmer GuyCSS Eye for the Programmer Guy
CSS Eye for the Programmer Guy
Dennis Slade Jr.
 
HTML 5 New Features:
HTML 5 New Features:HTML 5 New Features:
HTML 5 New Features:
Reema
 
Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Karambir Singh Nain
 
Usersnap and the javascript magic behind the scenes - ViennaJS
Usersnap and the javascript magic behind the scenes - ViennaJSUsersnap and the javascript magic behind the scenes - ViennaJS
Usersnap and the javascript magic behind the scenes - ViennaJS
Usersnap
 
Html5 & less css
Html5 & less cssHtml5 & less css
Html5 & less css
Graham Johnson
 
Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)
Igalia
 
WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016
jancbeck
 
Disruptive code
Disruptive codeDisruptive code
Disruptive code
brucelawson
 
Web 2.0 & Ajax Basics
Web 2.0 & Ajax BasicsWeb 2.0 & Ajax Basics
Web 2.0 & Ajax Basics
Abhishek Nagar
 
More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable web
Chris Mills
 
Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16
Sean Malseed
 
Getting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & BracketsGetting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & Brackets
Teerasej Jiraphatchandej
 
Modern web application devlopment workflow
Modern web application devlopment workflowModern web application devlopment workflow
Modern web application devlopment workflow
Hamdi Hmidi
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overviewMark Whitaker
 
Angular and SEO
Angular and SEOAngular and SEO
Angular and SEO
Greenlane
 
Google’s PRPL Web development pattern
Google’s PRPL Web development patternGoogle’s PRPL Web development pattern
Google’s PRPL Web development pattern
Jeongkyu Shin
 

What's hot (20)

Introduction:
Introduction:Introduction:
Introduction:
 
Dealing With Large Data In Ajax
Dealing With Large Data In AjaxDealing With Large Data In Ajax
Dealing With Large Data In Ajax
 
CSS Eye for the Programmer Guy
CSS Eye for the Programmer GuyCSS Eye for the Programmer Guy
CSS Eye for the Programmer Guy
 
HTML 5 New Features:
HTML 5 New Features:HTML 5 New Features:
HTML 5 New Features:
 
Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3
 
Usersnap and the javascript magic behind the scenes - ViennaJS
Usersnap and the javascript magic behind the scenes - ViennaJSUsersnap and the javascript magic behind the scenes - ViennaJS
Usersnap and the javascript magic behind the scenes - ViennaJS
 
Html5 & less css
Html5 & less cssHtml5 & less css
Html5 & less css
 
Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)
 
WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016
 
Disruptive code
Disruptive codeDisruptive code
Disruptive code
 
Web 2.0 & Ajax Basics
Web 2.0 & Ajax BasicsWeb 2.0 & Ajax Basics
Web 2.0 & Ajax Basics
 
Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...
Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...
Careers In Java Script Ajax - Java Script Ajax Tutorials & Programs by Learni...
 
More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable web
 
Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16Angular and SEO - Greenlane All Hands Day 10/17/16
Angular and SEO - Greenlane All Hands Day 10/17/16
 
Getting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & BracketsGetting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & Brackets
 
Modern web application devlopment workflow
Modern web application devlopment workflowModern web application devlopment workflow
Modern web application devlopment workflow
 
State of the Web
State of the WebState of the Web
State of the Web
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overview
 
Angular and SEO
Angular and SEOAngular and SEO
Angular and SEO
 
Google’s PRPL Web development pattern
Google’s PRPL Web development patternGoogle’s PRPL Web development pattern
Google’s PRPL Web development pattern
 

Viewers also liked

Hiring Tools for 2014 and Beyond
Hiring Tools for 2014 and BeyondHiring Tools for 2014 and Beyond
Hiring Tools for 2014 and Beyond
RelianceStaffingAndRecruiting
 
Dreamspark
DreamsparkDreamspark
Dreamspark
Aavaas Gajurel
 
Nepali Speech Recognition
Nepali Speech RecognitionNepali Speech Recognition
Nepali Speech Recognition
Aavaas Gajurel
 
Midnight Hackers
Midnight HackersMidnight Hackers
Midnight Hackers
Aavaas Gajurel
 
Meneroka case study
Meneroka case studyMeneroka case study
Meneroka case study
Wipro
 
Reliance Digital Signage for May 2014
Reliance Digital Signage for May 2014Reliance Digital Signage for May 2014
Reliance Digital Signage for May 2014
RelianceStaffingAndRecruiting
 
Microsoft Student Partner Year Review
Microsoft Student Partner Year ReviewMicrosoft Student Partner Year Review
Microsoft Student Partner Year Review
Aavaas Gajurel
 
Search Engine Project Presentation
Search Engine Project PresentationSearch Engine Project Presentation
Search Engine Project Presentation
Aavaas Gajurel
 
Cholecystitis in overweight mexican american children 08 2013
Cholecystitis in overweight mexican american children 08 2013Cholecystitis in overweight mexican american children 08 2013
Cholecystitis in overweight mexican american children 08 2013
Margarita Faz
 
New kids in town 10 2013
New kids in town 10 2013New kids in town 10 2013
New kids in town 10 2013
Margarita Faz
 
The supply chain process of square group of ltd. of bangladesh assignment hrm
The supply chain process of square group of ltd. of bangladesh assignment hrmThe supply chain process of square group of ltd. of bangladesh assignment hrm
The supply chain process of square group of ltd. of bangladesh assignment hrmFortune Hunter
 

Viewers also liked (11)

Hiring Tools for 2014 and Beyond
Hiring Tools for 2014 and BeyondHiring Tools for 2014 and Beyond
Hiring Tools for 2014 and Beyond
 
Dreamspark
DreamsparkDreamspark
Dreamspark
 
Nepali Speech Recognition
Nepali Speech RecognitionNepali Speech Recognition
Nepali Speech Recognition
 
Midnight Hackers
Midnight HackersMidnight Hackers
Midnight Hackers
 
Meneroka case study
Meneroka case studyMeneroka case study
Meneroka case study
 
Reliance Digital Signage for May 2014
Reliance Digital Signage for May 2014Reliance Digital Signage for May 2014
Reliance Digital Signage for May 2014
 
Microsoft Student Partner Year Review
Microsoft Student Partner Year ReviewMicrosoft Student Partner Year Review
Microsoft Student Partner Year Review
 
Search Engine Project Presentation
Search Engine Project PresentationSearch Engine Project Presentation
Search Engine Project Presentation
 
Cholecystitis in overweight mexican american children 08 2013
Cholecystitis in overweight mexican american children 08 2013Cholecystitis in overweight mexican american children 08 2013
Cholecystitis in overweight mexican american children 08 2013
 
New kids in town 10 2013
New kids in town 10 2013New kids in town 10 2013
New kids in town 10 2013
 
The supply chain process of square group of ltd. of bangladesh assignment hrm
The supply chain process of square group of ltd. of bangladesh assignment hrmThe supply chain process of square group of ltd. of bangladesh assignment hrm
The supply chain process of square group of ltd. of bangladesh assignment hrm
 

Similar to Html5 aavaas gajurel techmela

[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher
Ivano Malavolta
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebGeorge Kanellopoulos
 
Building the next generation of browser apps today
Building the next generation of browser apps todayBuilding the next generation of browser apps today
Building the next generation of browser apps today
Randy Williams
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
Daniel Arndt Alves
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
Vineeth N Krishnan
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
Hosam Kamel
 
HTML5 for developers
HTML5 for developersHTML5 for developers
HTML5 for developers
Mark Allan
 
HTML5 Intoduction for Web Developers
HTML5 Intoduction for Web DevelopersHTML5 Intoduction for Web Developers
HTML5 Intoduction for Web Developers
Sascha Corti
 
Workshop HTML5+PhoneGap by Ivano Malavolta
Workshop HTML5+PhoneGap by Ivano Malavolta Workshop HTML5+PhoneGap by Ivano Malavolta
Workshop HTML5+PhoneGap by Ivano Malavolta
Commit University
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web Development
Tilak Joshi
 
HTML5 WebSocket: The New Network Stack for the Web
HTML5 WebSocket: The New Network Stack for the WebHTML5 WebSocket: The New Network Stack for the Web
HTML5 WebSocket: The New Network Stack for the Web
Peter Lubbers
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7Hisham Mat Hussin
 
HTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web DevelopmentHTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web Development
MobilePundits
 
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebWordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebGeorge Kanellopoulos
 
Making HTML5 Work Everywhere
Making HTML5 Work EverywhereMaking HTML5 Work Everywhere
Making HTML5 Work Everywhere
Todd Anglin
 
HTML5: An Overview
HTML5: An OverviewHTML5: An Overview
HTML5: An Overview
Nagendra Um
 

Similar to Html5 aavaas gajurel techmela (20)

Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
 
Building the next generation of browser apps today
Building the next generation of browser apps todayBuilding the next generation of browser apps today
Building the next generation of browser apps today
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
 
HTML5 for developers
HTML5 for developersHTML5 for developers
HTML5 for developers
 
HTML5 Intoduction for Web Developers
HTML5 Intoduction for Web DevelopersHTML5 Intoduction for Web Developers
HTML5 Intoduction for Web Developers
 
Workshop HTML5+PhoneGap by Ivano Malavolta
Workshop HTML5+PhoneGap by Ivano Malavolta Workshop HTML5+PhoneGap by Ivano Malavolta
Workshop HTML5+PhoneGap by Ivano Malavolta
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web Development
 
HTML5 WebSocket: The New Network Stack for the Web
HTML5 WebSocket: The New Network Stack for the WebHTML5 WebSocket: The New Network Stack for the Web
HTML5 WebSocket: The New Network Stack for the Web
 
Demystifying HTML5
Demystifying HTML5Demystifying HTML5
Demystifying HTML5
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
 
Html5
Html5Html5
Html5
 
HTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web DevelopmentHTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web Development
 
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebWordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The Nextweb
 
Making HTML5 Work Everywhere
Making HTML5 Work EverywhereMaking HTML5 Work Everywhere
Making HTML5 Work Everywhere
 
HTML5: An Overview
HTML5: An OverviewHTML5: An Overview
HTML5: An Overview
 

Recently uploaded

The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
RinaMondal9
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 

Recently uploaded (20)

The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 

Html5 aavaas gajurel techmela

  • 2. What’s all the fuss about HTML5 HTML5 IS MORE A MOVEMENT THAN A UNIQUE, IDENTIFIABLE TECHNOLOGY
  • 3. What is Html5  New HTML  Previous html was 15 years ago (1999 HTML 4.01)  Just a specification (loads of it)  WHATWYG (Web Hypertext Application Technology Working Group) started in 2004  a cooperation between W3C and WHATWYG
  • 4. Not just HTML markup
  • 6. What makes HTML5  Html markup  CSS 3  JavaScript  HTML5 ≈ HTML 5 + CSS 3 + JavaScript  Browser compatibility  Rich Internet Applications  NO PLUGINS PLEASE!
  • 7. HTML markup  Flexible (backward compatibility)  Better semantics  Simpler code  Additions  Removals  Error handling
  • 8. Doctype  The doctype for xhtml: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  The doctype for HTML5: <!DOCTYPE html> Character Set  HTML4 <meta http-equiv="Content-Type" content="text/html; charset=utf- 8">  HTML5 <meta charset=utf-8>
  • 9. semantics  Give more meanings to your content  Before it was all Divs  <header>  <hgroup>  <nav>  <section>  <article>  <header>  <aside>  <footer>  <time>  <mark>
  • 10. More elements  More input types  Search, tel, url, email, color, sliders, datetime, …..  <audio>  <video> with controls  Still some inconsistency over codecs (WebM, h.264)  <SVG> inline (infinitely zoomable elements)
  • 11. Canvas  Creates a whole new arena for Design  Raster Display element  Draw elements and manipulate them using javascript  Create Games!  Dynamic displays  Web3D  Full Fledged Application with the help of javascript
  • 12. Depreciated elements  <u>  <font>  <center>  <big>  <dir>  <basefont>  <applet>  <tt>  <strike>  <frame>  <noframes>  <frameset>
  • 13. CSS Level 3  New selectors  Web Fonts  Columns  Rounded corners, Gradients  Transforms  Transitions  Animations  Means less JavaScript!
  • 14. JavaScript  New selection methods  Local storage  Web SQL database  Offline storage  Web workers  Web sockets  Drag and drop  Geo location
  • 15. compatibility  Only modern browsers  Not fully implemented in all browsers  Browser/Vendor prefixes (-ms-, -moz-, -o-, -webkit- )  HTML5 is not fully finalized  Standards are in development  New markup and architecture design are being proposed  www.modernizr.com
  • 16. Future  Displacement of Flash  More immersing web experience  Better coding experience for developers  No browser incompatibilities  Future of ubiquitous application development  Towards semantic web 3.0