SlideShare a Scribd company logo

WHAT IS HTML5? (at CSS Nite Osaka)

•Download as KEY, PDF•
•
Shumpei Shiraishi
Shumpei Shiraishi

This document discusses HTML5 and provides an overview of its key features. It explains that HTML5 is not just the HTML language, but also includes related APIs that allow richer functionality. Some of the major areas covered include semantics and accessibility, rich internet applications using new APIs, and specific technologies like canvas, video/audio, web storage, and web workers. The document emphasizes that HTML5 is still evolving and aims to unify web development across browsers.

Related slideshows

Advanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms toolsAdvanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms tools
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Web
 
Edge of the Web
Edge of the WebEdge of the Web
Edge of the Web
 
1 of 85
WHAT IS HTML5? SHUMPEI SHIRAISHI HTML5-DEVELOPERS-JP/GOOGLE API EXPERT(HTML5)
WELCOME!
WHO IS THIS?
SHUMPEI SHIRAISHI

Recommended for you

EuroPython 2011 - How to build complex web applications having fun?
EuroPython 2011 - How to build complex web applications having fun?EuroPython 2011 - How to build complex web applications having fun?
EuroPython 2011 - How to build complex web applications having fun?

Web development is a complexity challenge nowadays. Growing number of functionalities results in customer expectations increase which makes project design more difficult. Using proper tools that suite your customer needs is essential. This talk is about successful story using closely together Pyramid and Plone. Basing on these examples you will see the main reasons for using Plone as a CMS only and letting Pyramid do the rest (vertical application).

 
•by Andrew Mleczko
ep2011plonesqlalchemy
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overview

HTML5 provides new elements for structuring content like audio, video, and forms as well as new APIs for features like local storage, geolocation, and web sockets. It also introduces new CSS properties for styling like web fonts, transitions, and 3D transforms. While HTML5 enables many applications to be developed for the web, it still has limitations like restricted access to hardware and inability to run in the background on mobile devices. HTML5 aims to unify web development by building on existing standards in a backwards compatible way.

 
•by Mark Whitaker
html5software developmentprogramming
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applicationsDisrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications

Progressive Web Applications (PWA) is a comprehensive term describing web applications that implement a base set of browser platform features like HTTPS, Web Manifest and Service Workers. But it bleeds beyond the scope of an application's code because browsers are enabling qualified web applications to offer the same user experiences native application enjoy. This includes prominent home screen placement, push notifications, eliminated browser chrome and app store placement. Become a Progressive Web App expert with my course: Progressive Web Apps (PWA) Beginner to Expert -> http://PWACourse.com

 
•by Chris Love
businesstechnologyprogressive web applications
OPEN WEB TECHNOLOGY HTML5
MY ACTIVITY FOR HTML5
GOOGLE API EXPERT(HTML5) HTML5-DEVELOPERS-JP SOME ARTICLES @ @ 11 HTML5 @ HP ...
WHAT IS HTML5? (at CSS Nite Osaka)

Recommended for you

HTML5 Essential Training
HTML5 Essential TrainingHTML5 Essential Training
HTML5 Essential Training

This document outlines an agenda for an HTML5 essential training. It covers front-end technologies, HTML basics and evolution, terminology, document structure, common elements, section elements, semantic elements, features beyond basics, and useful resources. The training includes live demos of common elements and <div> usage. It compares using HTML4 divs versus HTML5 semantic elements for page structure.

 
•by Kaloyan Kosev
html5htmlhtml
HTML5 Mullet: Forms & Input Validation
HTML5 Mullet: Forms & Input ValidationHTML5 Mullet: Forms & Input Validation
HTML5 Mullet: Forms & Input Validation

Todd Anglin gave a presentation on HTML5 forms and input types. He discussed the new input types available like email, url, number and date/time. He demonstrated how to use these new input types and attributes like placeholder, required and pattern. Anglin also covered customizing the browser rendered inputs using shadow DOM and styling validation states with CSS. For older browsers without native support, he recommended polyfilling the new functionality with JavaScript.

 
•by Todd Anglin
validatorhtml5
Keypoints html5
Keypoints html5Keypoints html5
Keypoints html5

20100807 OSC Nagoya での講演資料 # スライドのみで見やすいよう若干整理 P5〜 Agenda P17〜 "HTML5" って何？ P56〜 HTML5 の範囲は？ P67〜 ブラウザのサポートは？ P94〜 IE6 はどうするの？ P118〜 使用上の注意 P147〜 便利なツールは？ P152〜 One Point Q&A P186〜 追加資料

 
•by dynamis
whatwghtml5webgl
HTML5&API 2940 BP
WHAT IS HTML5? (at CSS Nite Osaka)
HTML5 HTML
HTML5 HTML

Recommended for you

Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011

The document discusses the new features of HTML5 including improved semantics, forms, and multimedia capabilities. Some key points: 1. HTML5 adds new semantic elements like <header>, <footer>, <nav> that more accurately describe content. It also simplifies the doctype to <!DOCTYPE html>. 2. HTML5 introduces richer built-in form controls without JavaScript like date/time pickers, number sliders, and improved validation. 3. Multimedia is enhanced with <video>, <audio>, and <canvas> elements, allowing native playback of audio/video without plugins and scriptable drawing on <canvas>.

 
•by Patrick Lauke
audiohtmlh264
Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)

The document discusses an HTML5 presentation given by Peter Lubbers at STC12. It provides an agenda for the presentation that includes discussing what HTML5 is, its features, tools for HTML5, and a Q&A. It also shares quotes about the growing adoption of HTML5 and discusses several HTML5 topics like new elements, forms, multimedia, and CSS3.

 
•by Peter Lubbers
techcomtechnical writinghtml5 boilerplate
Engineering the New LinkedIn Profile
Engineering the New LinkedIn ProfileEngineering the New LinkedIn Profile
Engineering the New LinkedIn Profile

Overview of the new frontend architecture used for the New Profile at LinkedIn. Blog version of this slidedeck: https://engineering.linkedin.com/profile/engineering-new-linkedin-profile

 
•by Josh Clemm
fizzyprofilesoftware development
WHAT IS HTML5? (at CSS Nite Osaka)
HTML5 API ( )
HTML5 IS API
HTML5 IS API DOM “DOM5 HTML” HTML/XHTML JavaScript API

Recommended for you

Service workers your applications never felt so good
Service workers your applications never felt so goodService workers your applications never felt so good
Service workers your applications never felt so good

If you have not heard of service workers you must attend this session. Service Workers encompass new browser capabilities, along with shiny new version of AJAX called Fetch. If you have every wanted your web applications to experience many native application features, such as push notifications, service workers is the gateway to your happiness. Have you felt confused by application cache and going offline? Well service workers enable offline experiences in a much cleaner way. But that is not all! If you want to see some of the cool new, advanced web platform features that you will actually use come to this session! https://love2dev.com/blog/what-is-a-service-worker/

 
•by Chris Love
service workersprogressive web applicationspwa
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5

The document provides an introduction to HTML 5, including: - HTML 5 is the new standard for HTML that aims to reduce the need for plugins like Flash and provide better error handling. - New features in HTML 5 include new semantic elements, form validation, deprecated elements, and new APIs for video, audio, offline applications and more. - Getting started with HTML 5 involves changes to page structure like shortening tags, using new elements and attributes, and removing obsolete code. Semantic elements, forms, and error handling are also covered.

 
•by Nir Elbaz
htmlapiweb
HTML 5 - Overview
HTML 5 - OverviewHTML 5 - Overview
HTML 5 - Overview

HTML 5 is the latest version of the HTML standard. It includes several new elements and features to improve structure and behavior. Some key changes include new semantic elements like <article>, <aside>, <header>, and <footer>; built-in support for audio and video; the <canvas> element for drawing graphics; and forms with new input types. HTML 5 aims to simplify HTML and separate structure and presentation, making code cleaner and pages more accessible. It is developed jointly by the WHATWG and W3C organizations.

 
•by Marcelio Leal
phppaideguaphphtml5
HTML5 IS API HTML/XHTML
WHAT IS HTML5? (at CSS Nite Osaka)
“HTML5” IS AMBIGUOUS WORD “HTML5” API API API Web Workers/Web SQL Database/Web Storage/etc/etc/etc....
“HTML5” IS AMBIGUOUS WORD “Open Web Platform” HTML+CSS+JavaScript (+SVG) “ HTML5”

Recommended for you

Html5 with SharePoint 2010
Html5 with SharePoint 2010Html5 with SharePoint 2010
Html5 with SharePoint 2010

This document discusses extending SharePoint 2010 with HTML 5 features. It provides a brief history of HTML and CSS standards. It then covers leveraging new HTML5 features in SharePoint 2010 like responsive design, adding support for newer browsers like IE9, and providing fallback support for older browsers like IE8 and IE7 through techniques like polyfills and Modernizr. The document demonstrates these concepts through examples and references additional resources for learning HTML5.

 
•by Hemant Joshi
html5html5 in sharepointsharepoint2010
Html5 more than just html5 v final
Html5 more than just html5 v finalHtml5 more than just html5 v final
Html5 more than just html5 v final

1. HTML5 is a major revision to the HTML standard that is still under development and aims to be the future of the web. 2. It includes new elements like <video>, <audio>, and <canvas> that allow embedding multimedia without plugins, as well as features like geolocation. 3. The HTML5 specification is very large, covering HTML, SVG, CSS, and APIs. It aims to provide a common standard for web applications. 4. HTML5 is not just a marketing term - it represents an ongoing effort to develop a unified standard for the next generation of the web.

 
•by Lohith Goudagere Nagaraj
html html5 w3c
Html5
Html5Html5
Html5

The document summarizes the history and key features of HTML5. It discusses the evolution of HTML from 1991 to the present, including versions like HTML4.01. It also covers new HTML5 elements like <header>, <nav>, <section>, <article>, and <footer> that replace older <div> elements. Additionally, it provides overviews of new HTML5 APIs and features like geolocation, WebSockets, and Web Storage, as well as CSS3 properties like text-shadow, RGBa colors, gradients, and transitions.

 
•by Satoshi Kikuchi
html5css3
HTML5 IS VERY, VERY, VERY BIG
HTML5 ( HTML5 )
HTML5 IS VERY, VERY, VERY BIG
HTML5 IS VERY, VERY, VERY BIG

Recommended for you

Is it time to start using HTML 5
Is it time to start using HTML 5Is it time to start using HTML 5
Is it time to start using HTML 5

The document discusses the history and evolution of HTML and web technologies from 1991 to present. It provides an overview of new semantic elements, multimedia capabilities, and client-side storage APIs introduced in HTML5. It also addresses techniques for detecting HTML5 support and workarounds for unknown elements in older browsers like Internet Explorer.

 
•by Ravi Raj
htmlhtml5
Making HTML5 Work Everywhere
Making HTML5 Work EverywhereMaking HTML5 Work Everywhere
Making HTML5 Work Everywhere

One of the great promises of HTML5 is that you can create software that runs everywhere. In many ways, HTML5 lives-up to this promise, but as with any evolving standard, support across different browsers and devices is inconsistent. To effectively adopt HTML5 today, developers must master the skills that fill-in the gaps and minimize the differences between HTML5 runtimes. In this session, you will learn the essential techniques needed to create HTML5 sites and apps that truly work everywhere. You will learn: • Learn four strategies for adopting HTML5 • Analyze the impact browsers have on HTML5 readiness & adoption • Explore new HTML5 features and techniques for using in older browsers

 
•by Todd Anglin
html5css3web design and development
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)

This document discusses HTML5 and provides an overview of its features. It introduces Shumpei Shiraishi and their work related to HTML5 and Google APIs. It then explains that HTML5 is about more than just HTML, it also includes APIs that allow richer interactions. Some of the key features covered include semantics and accessibility, rich internet applications, 2D and 3D graphics, video and audio, offline web applications, and more. Resources for the Japanese HTML5 community are also listed.

 
•by Shumpei Shiraishi
html5
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
HTML5
SEMANTICS, ACCESSIBILITY PAVE THE COWPATHS HTML5 RICH INTERNET APPLICATIONS

Recommended for you

What is HTML5
What is HTML5What is HTML5
What is HTML5

HTML5 provides richer semantics and improved compatibility compared to previous versions of HTML. It allows for richer internet applications through features like multimedia, graphics, offline web applications, web workers and device APIs. HTML5 aims to improve the web experience across browsers and devices.

 
•by Kyohei Morimoto
html5javascript
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える

This document provides an overview of HTML5 technologies including HTML5 markup, microdata/RDFa, WebFonts, Canvas, MediaQueries, performance optimizations like SPDY and HTTP 2.0. It discusses specifications from the W3C and implementations by companies. Tools for testing responsive design, fonts and browser compatibility are also mentioned. The document is written in Japanese and references the author's blog for code samples.

 
•by Sadaaki HIRAI
html5html5j
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5

Familiar HTML5 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5 HTML5 Conference Miyazaki 2013 2013/02/10 ひらい さだあき @sada_h

 
•by Sadaaki HIRAI
html5html5-miyazakihtml5j
ARE YOU READY?
HTML5 & ” PAVE THE COWPATHS”
,
SEMANTICS, ACCESSIBILITY More Readable for Everyone

Recommended for you

Looking into HTML5 + CSS3
Looking into HTML5 + CSS3Looking into HTML5 + CSS3
Looking into HTML5 + CSS3

The document discusses HTML5 and CSS3. It begins by looking at Flash and XHTML. It then covers new HTML5 elements like article, aside, audio and video. It discusses HTML5 audio and video formats and browser support. It provides examples of using Canvas, geolocation, offline applications and local databases in HTML5. It also discusses using CSS3 properties like fonts, shadows, gradients and rounded corners. Finally, it notes some criticisms of HTML5 and looks at the future of CSS3.

 
•by Christopher Schmitt
htmlweb designhtml5
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb

This document provides an introduction to HTML5. It describes HTML5 as a draft specification from the W3C that is over 1100 pages and is not yet complete, as it continues to evolve. It adds new elements like canvas, video, audio, and inline SVG, and changes or removes some older elements and attributes. The document outlines the status and roadmap for the HTML5 specification. It also provides examples and demonstrations of new HTML5 features like video, audio, canvas, and geolocation.

 
•by Panagiotis Grigoropoulos
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb

This document provides an introduction to HTML5. It describes HTML5 as a draft specification from the W3C that is over 1100 pages and is not yet complete, as it continues to evolve. It adds new elements like canvas, video, audio, and inline SVG, and changes or removes some older elements and attributes. The document outlines the status and roadmap for the HTML5 specification. It also provides examples and demonstrations of new HTML5 features like video, audio, canvas, and geolocation.

 
•by GreekTuts Ελληνικά Βοηθήματα
SEMANTICS, ACCESSIBILITY More Readable for Everyone
SEMANTICS, ACCESSIBILITY (section/article/nav/aside/...) (header/footer/time/command...) hidden (strong/small/b/i/address/menu...)
SEMANTICS, ACCESSIBILITY <div class=”header”> <h1>Site Title</h1> <div class=”site-nav”> <ul><li>Home</li><li>Profile</li><li>Settings</li></ul> </div> </div> <div class=”content”> <div class=”article”>Main Content <div class=”date”>2009/11/23 </div> <div class=”address”> <a href=”mailto:a@a.jp”> </a></div> </div> </div> <div class=”footer”> <div class=”copyright”>Copyright ...</div> </div>
SEMANTICS, ACCESSIBILITY <header> <h1>Site Title</h1> <nav> <ul><li>Home</li><li>Profile</li><li>Settings</li></ul> </nav> </header> <div class=”content”> <article>Main Content <time datetime=”2009-11-23”>2009/11/23 </time> <div> <address><a href=”mailto:a@a.jp”> </a></address></div> </article> </div> <footer> <small class=”copyright”>Copyright ...</small> </div>

Recommended for you

WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb

The document discusses HTML5 and provides an overview of its key elements and features. It begins with a definition of HTML5 as a draft specification from the W3C that adds new elements like canvas, video and audio. It then provides summaries of important HTML5 elements and features like video, audio, canvas, SVG, CSS3, DOM scripting, geolocation and more. The document concludes by discussing resources for learning more about HTML5 and considerations around using HTML5 versus apps or other technologies on mobile.

 
•by George Kanellopoulos
beauty of the webcss 3.0html5
Html5 public
Html5 publicHtml5 public
Html5 public

HTML5 is a new version of HTML that aims to improve the semantic structure and functionality of web pages. It introduces new elements like <header>, <nav>, <article>, and <footer> to better define page sections. While browser support is still evolving, many modern browsers support key HTML5 features. The HTML5 specification is developed by the World Wide Web Consortium to advance web standards.

 
•by doodlemoonch
Html 5
Html 5Html 5
Html 5

This document provides an introduction and overview of HTML5. It discusses the new features and elements in HTML5, including video/audio, canvas, drag and drop, geolocation, web storage, web workers, and new form elements. It also covers browser support for various HTML5 features and provides examples of how to implement many of the new technologies.

 
•by Nguyen Quang
“PAVE THE COWPATH”
Image by Noel Sarah Dietrich via Flickr
EXAMPLES OF “PAVE THE COWPATH” HTML contentEditable/designMode/document.execCommand() innerHTML Drag & Drop API ...
EXAMPLES OF “PAVE THE COWPATH” API IE6 Safari Firefox - Ian Hickson(HTML5 hito

Recommended for you

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 is the next generation web development standard that improves upon HTML4 and XHTML. It focuses on features rather than syntax, and includes new elements like <article> and <section>, native audio/video support, drawing APIs, geolocation, drag and drop, web forms 2.0, and more. HTML5 aims to improve multimedia capabilities while keeping code readable by humans and machines. It is supported by all major browsers, though support for specific features may vary, and polyfills can help with backwards compatibility.

 
•by Tilak Joshi
html5web 2.0audio
Demystifying HTML5
Demystifying HTML5Demystifying HTML5
Demystifying HTML5

This document provides an overview and history of HTML5, summarizing some of the key new features in 3 sentences or less: HTML5 aims to simplify HTML markup and make it more semantic with new elements like <section> and <nav>. It also introduces new JavaScript APIs, richer media like <audio> and <video>, and the <canvas> element for drawing. The development of HTML5 was a collaborative effort between browser vendors to create a common standard that is backwards compatible and supports modern web applications.

 
•by Sergejus Barinovas
html5svgcss3
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScriptHTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

HTML5 and CSS3 have arrived and they are redefining rich, standards-based web development. Features previously the exclusive domain of browser plug-ins can now be added to web applications as easily as images. Understanding the new power that these standards define, as well as the rapidly increasing power and speed of JavaScript in modern browsers and devices is essential. These slides accompany a full-day workshop, where attendees are guided through the new features in HTML5 and CSS3, with special attention to how these technologies can be used today in new and old browsers.

 
•by Todd Anglin
html5css3javascript
HTML5 HTML5 HTML4 HTML5 HTML5
EXAMPLE OF COMPATIBILITY <progress> <progress value=75 max=100> ...[75 / 100]</progress> ...[75 / 100]
WHAT IS HTML5? (at CSS Nite Osaka)
“This specification evolves HTML and its related APIs to ease the authoring of Web-based applications.” HTML5 Draft Standard - 13 Nov 2009 (Ian Hickson)

Recommended for you

[In Control 2010] HTML5
[In Control 2010] HTML5[In Control 2010] HTML5
[In Control 2010] HTML5

This document discusses HTML5 and provides examples of new HTML5 elements and features such as audio, video, and the canvas element. It demonstrates how to add audio and video to a basic HTML5 page structure and provides code samples using the canvas element to draw shapes. It also discusses HTML5 support in different browsers and techniques for improving compatibility, such as using JavaScript to add support for new elements in older browsers.

 
•by Christopher Schmitt
html5
Echo HTML5
Echo HTML5Echo HTML5
Echo HTML5

Slides I co-presented with John Dyer at the 2010 Echo Conference in Dallas, TX. http://johndyer.name/ http://echoconference.com/

 
•by Nathan Smith
echo conferencehtml5css3
HTML5 and Beyond
HTML5 and BeyondHTML5 and Beyond
HTML5 and Beyond

This document is a presentation on HTML5 and beyond given by Tomoya Asai at JSiSE at Hokkaido University. The presentation covers the current state and future of HTML5, browsers, JavaScript APIs, and new web technologies. It provides examples and references to specifications, browser implementations, and demos related to HTML5 features such as semantic markup, forms, canvas, WebSockets, geolocation, and more.

 
•by dynamis
referencehtml5firefox
HTML5 & API • 2D & 3D • • Web • • • • • OS
HTML5 & API • 2D & 3D o HTML5 <canvas> element and API, SVG • o HTML5 <video>/<audio> element and API • Web o HTML5 <html manifest=attribute> and ApplicationCache • o HTML5 Cross Document Messaging, XHR Level2 • o Web Storage, Web SQL Database, Indexed Database API • o Web Workers • Server-Sent Events, Web Sockets o • OS o File API, Drag & Drop API
2D & 3D HTML5 <canvas> element and API,SVG
HTML5 <canvas> element and API • <canvas> var canvas = document.getElementsById("c1"); var context = canvas.getContext("2d"); context.drawImage(...) • 2 o Canvas 2D Context 2 W3C ( ID "2d" o WebGL 3 Khronos ID "webgl"

Recommended for you

HTML5のご紹介
HTML5のご紹介HTML5のご紹介
HTML5のご紹介

The document discusses HTML5 and its features. It provides an overview of the history and development of HTML5. It describes several key HTML5 APIs and features including offline storage, multimedia, graphics and 3D, real-time connectivity, device access, semantics, and CSS3 styling. It also discusses polyfills that can be used to enable HTML5 features in older browsers and lists some resources for learning more about HTML5.

 
•by yoshikawa_t
html5css3javascript
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & Friends

I look at HTML 5, the language the APIs and the big number 2022. Lots of examples for you check out.

 
•by Remy Sharp
htmlhtml5javascript
Html5
Html5Html5
Html5

A look at some of exciting features of HTML5, a presentation given by me at Universtiy Seminar in 7th Semester.

 
•by Zahin Omar Alwa
htmlhtml5geolocation
SVG SVG Scalable Vector Graphics XML SVG W3C Wikipedia • IE9 SVG HTML SVG
SVG • IE9 SVG HTML SVG <!DOCTYPE html> <html> <svg> <path d="M 20 20 L 60 20 L 40 60 z" fill="green" stroke="red" stroke-width="3" /> </svg> </html>
HTML5 <video>/<audio> element and API
HTML5 <video>/<audio> element and API • <video> <audio> • src <source> URL <video src="sample.ogv"></video> <video>   <source src="sample.ogv"> </video> • JavaScript API DOM CSS OK

Recommended for you

Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5

Doris Chen is a developer evangelist at Microsoft who has over 15 years of experience in the software industry focusing on web technologies. She will give a presentation on HTML5 that includes an overview of HTML5, its main features such as new semantic elements, CSS3, HTML5 video and audio, SVG, and Canvas. She will also demonstrate examples of these features.

 
•by Doris Chen
audiohtml5svg
俺的GEB概論（前半）
俺的GEB概論（前半）俺的GEB概論（前半）
俺的GEB概論（前半）

ゲーデル、エッシャー、バッハ序論〜9章までの内容を、自分的にまとめてみました。専門家ではないので、内容の不正確な点などがありましたらご容赦＆ご指摘ください（ twitter: @shumpei ）。 追記: SlideShareが再アップロードできなくなっていたので、この資料は古いです。 Google Slidesに最新バージョンを公開していますので、こちらをご覧ください。 https://docs.google.com/presentation/d/e/2PACX-1vQqQOj2kl-i4opePOgIrYzbBBL7Pc2LSxoWrKbPdPlNAL5TRSpdOEmvVj_IuDbgt9SLrFiwww2fholE/pub

 
•by Shumpei Shiraishi
gebmathematics人工知能
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術

HTML5 Conference 2017のセッション「コンセプトのつくりかた - アイデアをかたちにする技術」の発表スライドです。 http://events.html5j.org/conference/2017/9/session/#c4

 
•by Shumpei Shiraishi
conceptplanningcommunity
Web HTML5 <html manifest=attribute> and ApplicationCache
Web • Web • HTML/CSS/JavaScript/ Web
Web • html manifest hello.manifest CACHE MANIFEST hello.html hello.js hello.html <!DOCTYPE html> <html manifest="hello.manifest"> ... </html>
HTML5 Cross Document Messaging, XHR Level2

Recommended for you

jQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶjQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶ

プログレッシブ・ウェブアプリ、コンポーネント指向フレームワーク（Angular2）、ECMAScript.next / TypeScriptについての概要です。 2016/9/24 ドリームビジョンセミナーにおける講演資料です。

 
•by Shumpei Shiraishi
typescriptprogressive web appsangular2
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門

HTML5 Conference 2016で発表したスライドです。 TechFeed (https://techfeed.io) での開発経験を元に、Angular2, Webpack, Ionic2, Cordovaについて、それらの技術を採用した経緯と、実際に使ってみて感じたメリット・デメリットなどを解説しています。

 
•by Shumpei Shiraishi
cordovaangular2ionic2
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門

JavaScript書ける人向けの、実践的なTypeScript入門です。 「書いて学ぶ」をコンセプトとして、TypeScriptの文法全般学べる内容にしてみました。スライド通りコピペで進めて頂ければ、10分くらいでTypeScriptの全容を知ることができると思います。 TechFeed (https://techfeed.io) 開発を行う上で得た知見 (エディタは何を使うか、WebpackやTSのメリット・デメリットなど) も盛り込んであります。 2016/8/26 html5jビギナー部主宰の勉強会で話した内容です。

 
•by Shumpei Shiraishi
javascripttechfeedtypescript
IE9 Ready! • iframe • onmessage postMessage()
XMLHttpRequest Level2 IE9 Ready! • IE8 o • form
Web Storage, Web SQL Database, Indexed Database API
Web Storage IE9 Ready! • o o • JavaScript •

Recommended for you

「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで

第95回 読書するエンジニアの会（テーマ: 「最悪」）で発表した資料です。

 
•by Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで

第95回 読書するエンジニアの会にて。

 
•by Shumpei Shiraishi
Angular2実践入門
Angular2実践入門Angular2実践入門
Angular2実践入門

ng-japan 2016で発表したスライドです。

 
•by Shumpei Shiraishi
angular2angularrxjs
Web SQL Database • • • Safari Chrome
Indexed Database API • • Web Storage o •
Web Workers
Web Workers • JavaScript API • JavaScript

Recommended for you

WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探るWebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る

WebRTC Conference Japanのパネルディスカッションで使用した進行用のスライドです。

 
•by Shumpei Shiraishi
html5video conferencewebrtc
変身×フランツ・カフカ
変身×フランツ・カフカ変身×フランツ・カフカ
変身×フランツ・カフカ

2014年12月20日開催、第77回 読書するエンジニアの会（テーマ: 「コスプレ」）での対馬さんの講演資料です。

 
•by Shumpei Shiraishi
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んでイラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んで

第76回 読書するエンジニアの会（テーマ: ファッション）若林さんプレゼン資料

 
•by Shumpei Shiraishi
Server-Sent Events, Web Sockets
Server-Sent Events • Comet o API o • DOM •
Web Sockets • o API W3C o IETF • • (^^;
OS File API, Drag & Drop API

Recommended for you

「1秒でわかる！アパレル業界ハンドブック」を読んで
「1秒でわかる！アパレル業界ハンドブック」を読んで「1秒でわかる！アパレル業界ハンドブック」を読んで
「1秒でわかる！アパレル業界ハンドブック」を読んで

第72回 読書するエンジニアの会（テーマ: ファッション）で白石が読んだ本に関する感想・まとめです。

 
•by Shumpei Shiraishi
漫☆画太郎論
漫☆画太郎論漫☆画太郎論
漫☆画太郎論
 
•by Shumpei Shiraishi
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門

長野県で講演した際に使用した資料です。

 
•by Shumpei Shiraishi
html5javascript
File API • JavaScript API • •
WHAT IS HTML5? (at CSS Nite Osaka)
100%
HTML5

Recommended for you

6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと

コミュニティ・マネージャーズ・ミートアップで講演した際に使った資料です。

 
•by Shumpei Shiraishi
marketinghtml5jcommunity
はじめにことばありき
はじめにことばありきはじめにことばありき
はじめにことばありき

第69回 読書するエンジニアの会 （テーマ: 「はじまり」）で発表した資料。

 
•by Shumpei Shiraishi
言語仏教哲学
秒速一億円
秒速一億円秒速一億円
秒速一億円
 
•by Shumpei Shiraishi
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
canvas IE XDM Video/Audio IE Web SQL Database Safari, Chrome Web Workers IE, Opera ...
HTTP://A.DEVERIA.COM/CANIUSE/

Recommended for you

HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクトHTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
 
•by Shumpei Shiraishi
この人と結婚していいの？を読んで
この人と結婚していいの？を読んでこの人と結婚していいの？を読んで
この人と結婚していいの？を読んで
 
•by Shumpei Shiraishi
20130921レジュメ2
20130921レジュメ220130921レジュメ2
20130921レジュメ2
 
•by Shumpei Shiraishi
HTML5
Blowing apart fragments of Video • HTML5 o Video o Canvas 1.video canvas 2 2. video canvas 3. canvas
Movement Tracker • HTML5 o Video o Canvas o Web Workers 1. video canvas 2. 3.
QuakeⅡ GWT Port • HTML5 o WebGL o Video/Audio o WebSockets o LocalStorage

Recommended for you

Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx

MuleSoft Meetup on APM and IDP

 
•by ishalveerrandhawa1
mulesoftai
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf

Profile portofolio

 
•by ArgaBisma
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...

Have you noticed the OpenSSF Scorecard badges on the official Dart and Flutter repos? It's Google's way of showing that they care about security. Practices such as pinning dependencies, branch protection, required reviews, continuous integration tests etc. are measured to provide a score and accompanying badge. You can do the same for your projects, and this presentation will show you how, with an emphasis on the unique challenges that come up when working with Dart and Flutter. The session will provide a walkthrough of the steps involved in securing a first repository, and then what it takes to repeat that process across an organization with multiple repos. It will also look at the ongoing maintenance involved once scorecards have been implemented, and how aspects of that maintenance can be better automated to minimize toil.

 
•by Chris Swan
dartflutteropenssf
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
JAPANESE RESOURCES HTML5.jp HTML5 html5 Google API Expert ! HTML 5 API html5 API HTML5 html5
JAPANESE COMMUNITY HTML5-developers-jp HTML5 html5 developers HTML5 Japanese Interest Group HTML5 W3C html5 japanese

Recommended for you

DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition

The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.

 
•by Yevgen Sysoyev
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant

Password Rotation in 2024 is still Relevant

 
•by Bert Blevins
passwordmanagementrotation
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides

If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights. During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to: - Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value - Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems - Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors - Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported - Look Ahead: Gain insights into where FME is headed with coordinate systems in the future Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!

 
•by Safe Software
CONTACT mailto: shumpei.shiraishi at gmail.com twitter: @shumpei blog: http://d.hatena.ne.jp/Syunpei/ mixi: id=3989166

More Related Content

What's hot

Advanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms toolsAdvanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms tools
Chris Love
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Web
philogb
 
Edge of the Web
Edge of the WebEdge of the Web
Edge of the Web
Todd Anglin
 
EuroPython 2011 - How to build complex web applications having fun?
EuroPython 2011 - How to build complex web applications having fun?EuroPython 2011 - How to build complex web applications having fun?
EuroPython 2011 - How to build complex web applications having fun?
Andrew Mleczko
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overview
Mark Whitaker
 
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applicationsDisrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications
Chris Love
 
HTML5 Essential Training
HTML5 Essential TrainingHTML5 Essential Training
HTML5 Essential Training
Kaloyan Kosev
 
HTML5 Mullet: Forms & Input Validation
HTML5 Mullet: Forms & Input ValidationHTML5 Mullet: Forms & Input Validation
HTML5 Mullet: Forms & Input Validation
Todd Anglin
 
Keypoints html5
Keypoints html5Keypoints html5
Keypoints html5
dynamis
 
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Patrick Lauke
 
Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)
Peter Lubbers
 
Engineering the New LinkedIn Profile
Engineering the New LinkedIn ProfileEngineering the New LinkedIn Profile
Engineering the New LinkedIn Profile
Josh Clemm
 
Service workers your applications never felt so good
Service workers your applications never felt so goodService workers your applications never felt so good
Service workers your applications never felt so good
Chris Love
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5
Nir Elbaz
 
HTML 5 - Overview
HTML 5 - OverviewHTML 5 - Overview
HTML 5 - Overview
Marcelio Leal
 
Html5 with SharePoint 2010
Html5 with SharePoint 2010Html5 with SharePoint 2010
Html5 with SharePoint 2010
Hemant Joshi
 
Html5 more than just html5 v final
Html5 more than just html5 v finalHtml5 more than just html5 v final
Html5 more than just html5 v final
Lohith Goudagere Nagaraj
 
Html5
Html5Html5
Html5
Satoshi Kikuchi
 
Is it time to start using HTML 5
Is it time to start using HTML 5Is it time to start using HTML 5
Is it time to start using HTML 5
Ravi Raj
 
Making HTML5 Work Everywhere
Making HTML5 Work EverywhereMaking HTML5 Work Everywhere
Making HTML5 Work Everywhere
Todd Anglin
 

What's hot (20)

Advanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms toolsAdvanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms tools
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Web
 
Edge of the Web
Edge of the WebEdge of the Web
Edge of the Web
 
EuroPython 2011 - How to build complex web applications having fun?
EuroPython 2011 - How to build complex web applications having fun?EuroPython 2011 - How to build complex web applications having fun?
EuroPython 2011 - How to build complex web applications having fun?
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overview
 
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applicationsDisrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications
 
HTML5 Essential Training
HTML5 Essential TrainingHTML5 Essential Training
HTML5 Essential Training
 
HTML5 Mullet: Forms & Input Validation
HTML5 Mullet: Forms & Input ValidationHTML5 Mullet: Forms & Input Validation
HTML5 Mullet: Forms & Input Validation
 
Keypoints html5
Keypoints html5Keypoints html5
Keypoints html5
 
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
 
Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)
 
Engineering the New LinkedIn Profile
Engineering the New LinkedIn ProfileEngineering the New LinkedIn Profile
Engineering the New LinkedIn Profile
 
Service workers your applications never felt so good
Service workers your applications never felt so goodService workers your applications never felt so good
Service workers your applications never felt so good
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5
 
HTML 5 - Overview
HTML 5 - OverviewHTML 5 - Overview
HTML 5 - Overview
 
Html5 with SharePoint 2010
Html5 with SharePoint 2010Html5 with SharePoint 2010
Html5 with SharePoint 2010
 
Html5 more than just html5 v final
Html5 more than just html5 v finalHtml5 more than just html5 v final
Html5 more than just html5 v final
 
Html5
Html5Html5
Html5
 
Is it time to start using HTML 5
Is it time to start using HTML 5Is it time to start using HTML 5
Is it time to start using HTML 5
 
Making HTML5 Work Everywhere
Making HTML5 Work EverywhereMaking HTML5 Work Everywhere
Making HTML5 Work Everywhere
 

Similar to WHAT IS HTML5? (at CSS Nite Osaka)

WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
Shumpei Shiraishi
 
What is HTML5
What is HTML5What is HTML5
What is HTML5
Kyohei Morimoto
 
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
Sadaaki HIRAI
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Sadaaki HIRAI
 
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Christopher Schmitt
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
Panagiotis Grigoropoulos
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
GreekTuts Ελληνικά Βοηθήματα
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
George Kanellopoulos
 
Html5 public
Html5 publicHtml5 public
Html5 public
doodlemoonch
 
Html 5
Html 5Html 5
Html 5
Nguyen Quang
 
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
 
Demystifying HTML5
Demystifying HTML5Demystifying HTML5
Demystifying HTML5
Sergejus Barinovas
 
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScriptHTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
Todd Anglin
 
[In Control 2010] HTML5
[In Control 2010] HTML5[In Control 2010] HTML5
[In Control 2010] HTML5
Christopher Schmitt
 
Echo HTML5
Echo HTML5Echo HTML5
Echo HTML5
Nathan Smith
 
HTML5 and Beyond
HTML5 and BeyondHTML5 and Beyond
HTML5 and Beyond
dynamis
 
HTML5のご紹介
HTML5のご紹介HTML5のご紹介
HTML5のご紹介
yoshikawa_t
 
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & Friends
Remy Sharp
 
Html5
Html5Html5
Html5
Zahin Omar Alwa
 
Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5
Doris Chen
 

Similar to WHAT IS HTML5? (at CSS Nite Osaka) (20)

WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
 
What is HTML5
What is HTML5What is HTML5
What is HTML5
 
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
 
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
 
Html5 public
Html5 publicHtml5 public
Html5 public
 
Html 5
Html 5Html 5
Html 5
 
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
 
Demystifying HTML5
Demystifying HTML5Demystifying HTML5
Demystifying HTML5
 
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScriptHTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
 
[In Control 2010] HTML5
[In Control 2010] HTML5[In Control 2010] HTML5
[In Control 2010] HTML5
 
Echo HTML5
Echo HTML5Echo HTML5
Echo HTML5
 
HTML5 and Beyond
HTML5 and BeyondHTML5 and Beyond
HTML5 and Beyond
 
HTML5のご紹介
HTML5のご紹介HTML5のご紹介
HTML5のご紹介
 
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & Friends
 
Html5
Html5Html5
Html5
 
Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5
 

More from Shumpei Shiraishi

俺的GEB概論（前半）
俺的GEB概論（前半）俺的GEB概論（前半）
俺的GEB概論（前半）
Shumpei Shiraishi
 
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
Shumpei Shiraishi
 
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶjQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
 
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
 
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
Shumpei Shiraishi
 
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
 
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
 
Angular2実践入門
Angular2実践入門Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
 
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探るWebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
Shumpei Shiraishi
 
変身×フランツ・カフカ
変身×フランツ・カフカ変身×フランツ・カフカ
変身×フランツ・カフカ
Shumpei Shiraishi
 
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んでイラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
Shumpei Shiraishi
 
「1秒でわかる！アパレル業界ハンドブック」を読んで
「1秒でわかる！アパレル業界ハンドブック」を読んで「1秒でわかる！アパレル業界ハンドブック」を読んで
「1秒でわかる！アパレル業界ハンドブック」を読んで
Shumpei Shiraishi
 
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Shumpei Shiraishi
 
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
Shumpei Shiraishi
 
はじめにことばありき
はじめにことばありきはじめにことばありき
はじめにことばありき
Shumpei Shiraishi
 
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクトHTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
Shumpei Shiraishi
 
この人と結婚していいの？を読んで
この人と結婚していいの？を読んでこの人と結婚していいの？を読んで
この人と結婚していいの？を読んで
Shumpei Shiraishi
 

More from Shumpei Shiraishi (20)

俺的GEB概論（前半）
俺的GEB概論（前半）俺的GEB概論（前半）
俺的GEB概論（前半）
 
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
 
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう！最先���のWeb開発トレンドを学ぶjQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう！最先端のWeb開発トレンドを学ぶ
 
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
 
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
 
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
 
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
 
Angular2実践入門
Angular2実践入門Angular2実践入門
Angular2実践入門
 
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探るWebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
 
変身×フランツ・カフカ
変身×フランツ・カフカ変身×フランツ・カフカ
変身×フランツ・カフカ
 
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んでイラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
イラスト日用服飾辞典／三面記事の歴史／健康男 を読んで
 
「1秒でわかる！アパレル業界ハンドブック」を読んで
「1秒でわかる！アパレル業界ハンドブック」を読んで「1秒でわかる！アパレル業界ハンドブック」を読んで
「1秒でわかる！アパレル業界ハンドブック」を読んで
 
漫☆画太郎論
漫☆画太郎論漫☆画太郎論
漫☆画太郎論
 
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
 
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
 
はじめにことばありき
はじめにことばありきはじめにことばありき
はじめにことばありき
 
秒速一億円
秒速一億円秒速一億円
秒速一億円
 
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクトHTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
 
この人と結婚していいの？を読んで
この人と結婚していいの？を読んでこの人と結婚していいの？を読んで
この人と結婚していいの？を読んで
 
20130921レジュメ2
20130921レジュメ220130921レジュメ2
20130921レジュメ2
 

Recently uploaded

Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Chris Swan
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
Yevgen Sysoyev
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
Bert Blevins
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
Safe Software
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
Awais Yaseen
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf
Enterprise Wired
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
Mark Billinghurst
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
Matthew Sinclair
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
Vijayananda Mohire
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
Neo4j
 

Recently uploaded (20)

Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
 

WHAT IS HTML5? (at CSS Nite Osaka)

Editor's Notes

  36. &amp;#x3053;&amp;#x3046;&amp;#x3044;&amp;#x3046;&amp;#x65B9;&amp;#x5411;&amp;#x6027;&amp;#x306B;&amp;#x3088;&amp;#x308A;&amp;#x3001;&amp;#x65E2;&amp;#x5B58;&amp;#x30D9;&amp;#x30F3;&amp;#x30C0;&amp;#x306E;&amp;#x5B9F;&amp;#x88C5;&amp;#x52AA;&amp;#x529B;&amp;#x3092;&amp;#x7121;&amp;#x70BA;&amp;#x306B;&amp;#x305B;&amp;#x305A;&amp;#x3001;&amp;#x305D;&amp;#x308C;&amp;#x3089;&amp;#x306E;API&amp;#x306B;&amp;#x4F9D;&amp;#x5B58;&amp;#x3057;&amp;#x305F;&amp;#x30D7;&amp;#x30ED;&amp;#x30B0;&amp;#x30E9;&amp;#x30E0;&amp;#x306B;&amp;#x300C;&amp;#x6A19;&amp;#x6E96;&amp;#x300D;&amp;#x306E;&amp;#x304A;&amp;#x58A8;&amp;#x4ED8;&amp;#x304D;&amp;#x3092;&amp;#x4E0E;&amp;#x3048;&amp;#x3089;&amp;#x308C;&amp;#x308B;
  39. Backward Compatibility&amp;#x306B;&amp;#x3064;&amp;#x3044;&amp;#x3066;&amp;#x306F;&amp;#x3001;&amp;#x975E;&amp;#x63A8;&amp;#x5968;&amp;#x306E;&amp;#x8981;&amp;#x7D20;&amp;#x3082;&amp;#x30D6;&amp;#x30E9;&amp;#x30A6;&amp;#x30B6;&amp;#x304C;&amp;#x30B5;&amp;#x30DD;&amp;#x30FC;&amp;#x30C8;&amp;#x3059;&amp;#x3079;&amp;#x304D;&amp;#x3060;&amp;#x3057;&amp;#x3001;
  40. progress&amp;#x8981;&amp;#x7D20;&amp;#x306F;textContent&amp;#x3082;&amp;#x30D1;&amp;#x30FC;&amp;#x30B9;&amp;#x3059;&amp;#x308B;&amp;#x3002; HTML4&amp;#x30D6;&amp;#x30E9;&amp;#x30A6;&amp;#x30B6;&amp;#x3067;&amp;#x898B;&amp;#x308B;&amp;#x3068;&amp;#x3001;&amp;#x8981;&amp;#x7D20;&amp;#x306E;&amp;#x5185;&amp;#x5074;&amp;#x306E;&amp;#x307F;&amp;#x304C;&amp;#x8868;&amp;#x793A;&amp;#x3055;&amp;#x308C;&amp;#x308B;&amp;#x3002;