Thadomal IEEE-HTML5-Workshop
Download as ppt, pdf0 likes1,000 views
1. The document summarizes HTML5, including its history, key features like semantics, multimedia, forms, and offline capabilities. 2. HTML5 aims to simplify development with new semantic elements, easier form handling, and making audio/video native elements. 3. The geolocation API allows websites to detect a user's location with permission, and features like the app cache and local storage enable offline use of web apps.
1 of 33
Downloaded 61 times
Ad
Recommended
WebRTC Integration from Tim Panton
WebRTC Integration from Tim PantonAlan Quayle The document discusses various WebRTC integration options, emphasizing challenges around interoperability, such as media compatibility and signaling protocols. It explores different approaches like using SIP in the browser, RESTful commands, and XMPP, highlighting issues like identity mapping and gateway scalability. Additionally, it touches on the limitations of WebRTC on mobile devices and the complexities of presenting multiple identities in various contexts.
Westhawk integration
Westhawk integrationTim Panton This document discusses various options for integrating WebRTC with carrier IMS networks. A gateway is currently needed due to incompatibilities between WebRTC and IMS protocols and codecs. Possible integration architectures described include using SIP in the browser with an SBC, REST calls to a WebRTC gateway, and XMPP through a gateway. Issues around identity mapping, scalability of gateways, and the immaturity of WebRTC on mobile are also covered.
WebRTC Reborn - Cloud Expo / WebRTC Summit
WebRTC Reborn - Cloud Expo / WebRTC SummitDan Jenkins The document discusses the evolution and current state of WebRTC (Web Real-Time Communication), highlighting its significance as a peer-to-peer technology for audio and video communication without plugins. It outlines the challenges faced by developers in its early adoption, the strength of the current community support, and the advancements in browser compatibility. The document concludes with a call for developers to utilize WebRTC, affirming its readiness for production use.
.NET Drop 4
.NET Drop 4guest63e8f8 The document provides an overview of Microsoft .NET, SOAP, web services, and the .NET framework. It discusses how XML and SOAP enable web services. It also outlines how .NET allows for software as a service and an improved user experience across a range of smart devices connected by high-speed wireless networks.
Visual studio code
Visual studio codeMVP Microsoft This document provides an overview of the author's work with Visual Studio Code, including projects in TypeScript, Node.js, and Angular. It discusses VS Code settings, shortcuts, snippets, plugins, extensions, and debugging features. It also lists the author's social media profiles where more information can be found.
Visual Studio Code Can Do That: Tips & Tricks
Visual Studio Code Can Do That: Tips & TricksMicrosoft Tech Community The document discusses features of the Visual Studio Code text editor. It focuses on VS Code's capabilities for web development, including support for JavaScript, TypeScript, Node.js, Angular, and other frameworks through extensions. Tips are provided for navigation, debugging, formatting code, and managing development workflows through features like terminals and settings sync.
Web development tool
Web development toolDeep Bhavsar This document discusses various web development tools. It begins by defining web development tools as those that allow developers to test and debug code using technologies like CSS, HTML, JavaScript. Popular tools mentioned include Chrome Developer Tools, Firebug, FirePHP, and IE Developer Tools. Each tool is briefly described, noting what technologies it supports (CSS, JavaScript debugging etc), how to access it (keyboard shortcuts, menus), and key features. The document provides a high-level overview of the most commonly used development tools.
IPhone Web Development With Grails from CodeMash 2009
IPhone Web Development With Grails from CodeMash 2009Christopher Judd The document discusses web development for the iPhone, focusing on tools like Grails and IUI, and highlights the specific advantages and disadvantages of developing for Apple's platform. It covers technical aspects such as development environments, application structure, and the need for mobile optimization while providing practical examples for creating a Grails app. Additionally, it addresses challenges in testing and debugging on iPhone and Safari, alongside resources for further guidelines.
SDK Hackery
SDK HackeryBrian Deitte The document discusses ways to modify and extend the Flex SDK framework through source code hacking. It explains that the Flex SDK source code is available online and outlines some examples of hacks people have done, such as improving compiler performance or adding new functionality. Developers are encouraged to submit significant changes to the official SDK to have them integrated and benefit future users.
Titanium Workshop - [Sainté Mobile Days]
Titanium Workshop - [Sainté Mobile Days]Christian Brousseau This document provides an overview of building mobile apps with Titanium and Alloy. It discusses what Titanium is, how it works by compiling JavaScript code to native mobile apps, and how the "Hello World" app is built in plain Titanium and also with Alloy. It then covers using the Rotten Tomatoes API to retrieve movie data and displaying it in the Titanium/Alloy app.
Phonegap/Cordova vs Native Application
Phonegap/Cordova vs Native ApplicationMuhammad Hakim A This document discusses native mobile applications, hybrid mobile applications using PhoneGap/Cordova, and the Cordova architecture and API. It provides an overview of Cordova, explaining that it allows developing mobile apps with web technologies by embedding a browser in a native container, and bridges JavaScript calls to native device APIs. Key APIs exposed include accelerometer, camera, contacts, and geolocation. Examples of Cordova application projects are also given.
Easy form creation and validation with Formjack
Easy form creation and validation with Formjackslicejack Formjack is an open-source PHP library created to simplify the process of form creation and validation, originally developed for Slicejack. It addresses common issues with HTML forms, such as low reusability and maintenance challenges, by providing an easy interface to create and validate forms. The library can be easily integrated into projects by cloning it from GitHub and including it in the project's functions file.
WebRTC Reborn Hackference
WebRTC Reborn HackferenceDan Jenkins The document discusses WebRTC, a technology enabling real-time communication via peer-to-peer connections for audio, video, and data sharing. It outlines its APIs, the importance of signaling servers, and highlights the growing support across browsers, despite initial challenges faced by developers. The presentation encourages developers to engage with WebRTC for building innovative applications and announces a call for hiring WebRTC developers.
Android chat in the cloud
Android chat in the cloudfirenze-gtug This document discusses building an Android chat app using Google Cloud Platform services including Cloud Datastore, authentication, and push notifications. It provides steps to create a backend using Mobile Backend Starter, generate client IDs, access APIs with and without authentication, add push notifications using Google Cloud Messaging, and discusses app architecture considerations.
What's new in flutter and dart in 2020
What's new in flutter and dart in 2020 Ahmed Abu Eldahab The document presents an overview of new features and improvements in Flutter and Dart, highlighting significant updates from versions 1.17 to 1.22. Key enhancements include performance boosts, new material widgets, mobile OS support, and various developer tools such as size analysis tools and improved dev environment integrations. Additionally, it mentions Google's adoption of Flutter for its global product development initiatives.
Google cloud endpoints
Google cloud endpointsDimitar Danailov The document provides an overview of Google Cloud Endpoints, detailing its architecture and how it facilitates the creation of APIs for web and mobile clients. It discusses Java Data Objects (JDO) for persistence and includes code examples for managing a beer database through RESTful APIs. Additionally, it outlines commands for interacting with these endpoints and offers links to tutorials and resources for further learning.
Intro Angular Ionic
Intro Angular Ionic Gianvito Siciliano This document provides an introduction to the AngularJS framework. It explains that AngularJS uses a Model-View-Whatever architecture, with views defined through HTML tags and directives, models defined with scopes and controllers, and additional features like modules, services, routing and configuration. It also discusses how Ionic and Cordova can be used with AngularJS to develop hybrid mobile apps, and concludes by welcoming any questions.
Html5
Html5Jetti Chowdary HTML5 provides better cross-browser compatibility and support for web applications, rich text formatting, and offline storage capabilities. It introduces new semantic elements, APIs, and multimedia features like video and audio playback. While HTML5 has advantages, some browsers may require JavaScript to recognize new elements and full backwards compatibility has not been achieved.
Common platform-for-mobile-applications- thorsignia
Common platform-for-mobile-applications- thorsigniacharan Teja The document discusses a common platform approach for Android app development, highlighting the use of modern browsers and webviews for hybrid applications. It explains how JavaScript can communicate with native code, allowing access to device features like GPS and sensors, while also acknowledging challenges such as API fragmentation and the limitations of cross-platform support. The document emphasizes the strength of native development within a framework that offers a common API set.
Mobile HTML Hybrid Apps
Mobile HTML Hybrid AppsMaryan Kacharaba This document discusses mobile app development approaches, focusing on hybrid apps. It defines a hybrid app as one that is built using HTML, CSS and JavaScript, then compiled for different platforms using a framework like PhoneGap. The process involves creating the HTML app, compiling it into a hybrid app with PhoneGap, and then distributing it through app stores or as a web link. It lists several mobile HTML frameworks that can be used and highlights features of PhoneGap like access to device APIs and plugins.
Mobile HTML Hybrid Apps
Mobile HTML Hybrid AppsABTO Software This document discusses developing mobile apps using hybrid approaches. Hybrid apps are built with web technologies like HTML, CSS, and JavaScript but are wrapped in a native container to utilize device capabilities and be distributed through app stores. The document outlines developing a hybrid app by first creating an HTML app, then compiling it into a hybrid app using a framework like PhoneGap or Cordova. This allows building once and deploying to multiple platforms. PhoneGap provides APIs for hardware features and plugins for additional functionality. Many popular apps have been developed using hybrid approaches and PhoneGap.
PHP in a mobile ecosystem
PHP in a mobile ecosystem Ivo Jansch The document discusses the evolution of mobile technology and the role of PHP in developing mobile applications, emphasizing the differences between web-based and native apps. It highlights the importance of responsive design, content optimization, and the utilization of HTML5 along with PHP skills to enhance mobile websites. Various tools for device detection and considerations for API design are also covered, alongside predictions for future mobile app trends.
Flutter state management from zero to hero
Flutter state management from zero to heroAhmed Abu Eldahab The document provides an overview of Flutter state management, covering key concepts such as data sources, state management techniques, and various libraries like Scoped Model, Provider, and Bloc. It emphasizes the importance of handling state efficiently within Flutter applications to ensure data accessibility and notification upon changes. Various architectural patterns like Redux and Flux are also discussed for managing application state.
How to implement internationalization (i18n) in angular application(multiple ...
How to implement internationalization (i18n) in angular application(multiple ...Katy Slemon The document provides a comprehensive guide on implementing internationalization (i18n) in Angular applications, enabling multi-language support. It includes step-by-step instructions for creating a new Angular project, setting up language files, and configuring language translation modules. The blog aims to assist developers in building applications that support multiple languages efficiently.
Bdd and Behat
Bdd and BehatAdam Englander This document discusses Behavior Driven Development (BDD) and the Behat testing framework. BDD develops applications based on required behaviors and uses tests written in plain language. Behat is a PHP implementation of BDD that uses the Gherkin language to write tests and annotations to match steps to code. Behat generates skeleton step code, allows reusable steps, and has extensions for different environments and frameworks.
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm SoftwareRomin Irani The document provides an overview of HTML5, including its history from 2004 to the present, widespread browser support, and new features such as semantic tags, simplified forms, 2D drawing, audio/video playback, device access APIs, offline storage, and performance improvements. It discusses HTML5's transition from a working group to recommendation status and references for further information.
The year of the peer-to-peer web
The year of the peer-to-peer webThomas Gorissen This document discusses the rise of peer-to-peer communication on the web through WebRTC. WebRTC allows real-time communication like audio and video calls directly in web applications without plugins. It consists of APIs for getting media, creating peer connections, and exchanging data between peers. WebRTC enables embedded contextual communication across different applications on various platforms, though support is still limited on some browsers.
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
JQuery Mobile vs Appcelerator Titanium vs Sencha TouchSteve Drucker The document compares three mobile development frameworks: jQuery Mobile, Sencha Touch, and Appcelerator Titanium, highlighting their features, strengths, and weaknesses. It includes an evaluation of criteria for building a reference app and discusses the development experiences with each framework. The conclusion suggests that Sencha Touch is the best for enterprise apps, while jQuery Mobile is suited for small projects, and Appcelerator Titanium is ideal for apps needing native functionality.
More Related Content
What's hot (20)
SDK Hackery
SDK HackeryBrian Deitte The document discusses ways to modify and extend the Flex SDK framework through source code hacking. It explains that the Flex SDK source code is available online and outlines some examples of hacks people have done, such as improving compiler performance or adding new functionality. Developers are encouraged to submit significant changes to the official SDK to have them integrated and benefit future users.
Titanium Workshop - [Sainté Mobile Days]
Titanium Workshop - [Sainté Mobile Days]Christian Brousseau This document provides an overview of building mobile apps with Titanium and Alloy. It discusses what Titanium is, how it works by compiling JavaScript code to native mobile apps, and how the "Hello World" app is built in plain Titanium and also with Alloy. It then covers using the Rotten Tomatoes API to retrieve movie data and displaying it in the Titanium/Alloy app.
Phonegap/Cordova vs Native Application
Phonegap/Cordova vs Native ApplicationMuhammad Hakim A This document discusses native mobile applications, hybrid mobile applications using PhoneGap/Cordova, and the Cordova architecture and API. It provides an overview of Cordova, explaining that it allows developing mobile apps with web technologies by embedding a browser in a native container, and bridges JavaScript calls to native device APIs. Key APIs exposed include accelerometer, camera, contacts, and geolocation. Examples of Cordova application projects are also given.
Easy form creation and validation with Formjack
Easy form creation and validation with Formjackslicejack Formjack is an open-source PHP library created to simplify the process of form creation and validation, originally developed for Slicejack. It addresses common issues with HTML forms, such as low reusability and maintenance challenges, by providing an easy interface to create and validate forms. The library can be easily integrated into projects by cloning it from GitHub and including it in the project's functions file.
WebRTC Reborn Hackference
WebRTC Reborn HackferenceDan Jenkins The document discusses WebRTC, a technology enabling real-time communication via peer-to-peer connections for audio, video, and data sharing. It outlines its APIs, the importance of signaling servers, and highlights the growing support across browsers, despite initial challenges faced by developers. The presentation encourages developers to engage with WebRTC for building innovative applications and announces a call for hiring WebRTC developers.
Android chat in the cloud
Android chat in the cloudfirenze-gtug This document discusses building an Android chat app using Google Cloud Platform services including Cloud Datastore, authentication, and push notifications. It provides steps to create a backend using Mobile Backend Starter, generate client IDs, access APIs with and without authentication, add push notifications using Google Cloud Messaging, and discusses app architecture considerations.
What's new in flutter and dart in 2020
What's new in flutter and dart in 2020 Ahmed Abu Eldahab The document presents an overview of new features and improvements in Flutter and Dart, highlighting significant updates from versions 1.17 to 1.22. Key enhancements include performance boosts, new material widgets, mobile OS support, and various developer tools such as size analysis tools and improved dev environment integrations. Additionally, it mentions Google's adoption of Flutter for its global product development initiatives.
Google cloud endpoints
Google cloud endpointsDimitar Danailov The document provides an overview of Google Cloud Endpoints, detailing its architecture and how it facilitates the creation of APIs for web and mobile clients. It discusses Java Data Objects (JDO) for persistence and includes code examples for managing a beer database through RESTful APIs. Additionally, it outlines commands for interacting with these endpoints and offers links to tutorials and resources for further learning.
Intro Angular Ionic
Intro Angular Ionic Gianvito Siciliano This document provides an introduction to the AngularJS framework. It explains that AngularJS uses a Model-View-Whatever architecture, with views defined through HTML tags and directives, models defined with scopes and controllers, and additional features like modules, services, routing and configuration. It also discusses how Ionic and Cordova can be used with AngularJS to develop hybrid mobile apps, and concludes by welcoming any questions.
Html5
Html5Jetti Chowdary HTML5 provides better cross-browser compatibility and support for web applications, rich text formatting, and offline storage capabilities. It introduces new semantic elements, APIs, and multimedia features like video and audio playback. While HTML5 has advantages, some browsers may require JavaScript to recognize new elements and full backwards compatibility has not been achieved.
Common platform-for-mobile-applications- thorsignia
Common platform-for-mobile-applications- thorsigniacharan Teja The document discusses a common platform approach for Android app development, highlighting the use of modern browsers and webviews for hybrid applications. It explains how JavaScript can communicate with native code, allowing access to device features like GPS and sensors, while also acknowledging challenges such as API fragmentation and the limitations of cross-platform support. The document emphasizes the strength of native development within a framework that offers a common API set.
Mobile HTML Hybrid Apps
Mobile HTML Hybrid AppsMaryan Kacharaba This document discusses mobile app development approaches, focusing on hybrid apps. It defines a hybrid app as one that is built using HTML, CSS and JavaScript, then compiled for different platforms using a framework like PhoneGap. The process involves creating the HTML app, compiling it into a hybrid app with PhoneGap, and then distributing it through app stores or as a web link. It lists several mobile HTML frameworks that can be used and highlights features of PhoneGap like access to device APIs and plugins.
Mobile HTML Hybrid Apps
Mobile HTML Hybrid AppsABTO Software This document discusses developing mobile apps using hybrid approaches. Hybrid apps are built with web technologies like HTML, CSS, and JavaScript but are wrapped in a native container to utilize device capabilities and be distributed through app stores. The document outlines developing a hybrid app by first creating an HTML app, then compiling it into a hybrid app using a framework like PhoneGap or Cordova. This allows building once and deploying to multiple platforms. PhoneGap provides APIs for hardware features and plugins for additional functionality. Many popular apps have been developed using hybrid approaches and PhoneGap.
PHP in a mobile ecosystem
PHP in a mobile ecosystem Ivo Jansch The document discusses the evolution of mobile technology and the role of PHP in developing mobile applications, emphasizing the differences between web-based and native apps. It highlights the importance of responsive design, content optimization, and the utilization of HTML5 along with PHP skills to enhance mobile websites. Various tools for device detection and considerations for API design are also covered, alongside predictions for future mobile app trends.
Flutter state management from zero to hero
Flutter state management from zero to heroAhmed Abu Eldahab The document provides an overview of Flutter state management, covering key concepts such as data sources, state management techniques, and various libraries like Scoped Model, Provider, and Bloc. It emphasizes the importance of handling state efficiently within Flutter applications to ensure data accessibility and notification upon changes. Various architectural patterns like Redux and Flux are also discussed for managing application state.
How to implement internationalization (i18n) in angular application(multiple ...
How to implement internationalization (i18n) in angular application(multiple ...Katy Slemon The document provides a comprehensive guide on implementing internationalization (i18n) in Angular applications, enabling multi-language support. It includes step-by-step instructions for creating a new Angular project, setting up language files, and configuring language translation modules. The blog aims to assist developers in building applications that support multiple languages efficiently.
Bdd and Behat
Bdd and BehatAdam Englander This document discusses Behavior Driven Development (BDD) and the Behat testing framework. BDD develops applications based on required behaviors and uses tests written in plain language. Behat is a PHP implementation of BDD that uses the Gherkin language to write tests and annotations to match steps to code. Behat generates skeleton step code, allows reusable steps, and has extensions for different environments and frameworks.
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm SoftwareRomin Irani The document provides an overview of HTML5, including its history from 2004 to the present, widespread browser support, and new features such as semantic tags, simplified forms, 2D drawing, audio/video playback, device access APIs, offline storage, and performance improvements. It discusses HTML5's transition from a working group to recommendation status and references for further information.
The year of the peer-to-peer web
The year of the peer-to-peer webThomas Gorissen This document discusses the rise of peer-to-peer communication on the web through WebRTC. WebRTC allows real-time communication like audio and video calls directly in web applications without plugins. It consists of APIs for getting media, creating peer connections, and exchanging data between peers. WebRTC enables embedded contextual communication across different applications on various platforms, though support is still limited on some browsers.
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
JQuery Mobile vs Appcelerator Titanium vs Sencha TouchSteve Drucker The document compares three mobile development frameworks: jQuery Mobile, Sencha Touch, and Appcelerator Titanium, highlighting their features, strengths, and weaknesses. It includes an evaluation of criteria for building a reference app and discusses the development experiences with each framework. The conclusion suggests that Sencha Touch is the best for enterprise apps, while jQuery Mobile is suited for small projects, and Appcelerator Titanium is ideal for apps needing native functionality.
Viewers also liked (7)
InfoTalk#17 1st
InfoTalk#17 1stWakasa Masao HTML5 is a new version of the HTML standard that was developed by the W3C and WHATWG to address limitations in previous versions and support new features. It includes new elements, scripting APIs, and various application programming interfaces. HTML5 aims to improve web applications by including features like local storage, web workers, geolocation, canvas, video and audio elements, and more. Demos and examples show how HTML5 features can be used to build richer applications that work offline and have capabilities similar to native desktop apps.
Development Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElementsRomin Irani The document outlines an application development workshop focused on Motorola's Rhoelements, an HTML5-based framework designed for creating cross-platform mobile applications. It discusses the benefits of Rhoelements, such as reduced development costs, support for multiple operating systems, and full access to device features. Additionally, it highlights the evolution and capabilities of HTML5, emphasizing its importance in modern web application development.
Rockin' HTML5 With Drupal
Rockin' HTML5 With DrupalJen Simmons The document presents a detailed discussion on integrating HTML5 with Drupal, highlighting new structural elements, forms, and tools for developers. Jen Simmons emphasizes the evolution from Web 1.0 to Web 3.0 and the importance of HTML5's semantic markup for improved user experiences. It encourages the community to adopt HTML5 practices in Drupal and participate in ongoing discussions and improvements.
Wearables Interaction Design
Wearables Interaction DesignMarkiyan Matsekh The document discusses the challenges and advancements in wearable interaction design, emphasizing the need for reduced user effort and frictionless experiences. It highlights the variety of input methods being explored, such as voice control and gestures, while questioning social acceptance and the potential for information overload. The insights are drawn from the author's experiences as a mobility product manager, with examples from various industries.
Ad
Similar to Thadomal IEEE-HTML5-Workshop (20)
Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...
Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...IndicThreads The document discusses the significance of HTML5 in mobile web application development, highlighting its features like semantic elements, forms, video support, and geolocation. It emphasizes the advantages of using HTML5, such as creating near-native functionality across multiple platforms and offline capabilities. The presentation also touches on the current mobile landscape and encourages developers to start using HTML5 due to its growing support and capabilities.
Html5
Html5Zahin Omar Alwa HTML5 is a collaborative effort between W3C and WHATWG to create a more versatile and powerful standard for web development. It introduces features like local storage, multimedia support, offline browsing capabilities, and improved graphics rendering, which enhance user experience and reduce reliance on external plugins. Additionally, HTML5 facilitates the development of complex applications that operate seamlessly across various devices and platforms.
Html5 workshop part 1
Html5 workshop part 1NAILBITER HTML5 is the new standard for HTML that provides many new features and capabilities. It is a collaboration between the W3C and WHATWG to develop the next generation of HTML. Some key features of HTML5 include new multimedia elements like <video> and <audio>, local storage options, offline capabilities, and improved graphics capabilities. HTML5 aims to make web development easier across browsers and devices with a single code base.
Speak the Web 15.02.2010
Speak the Web 15.02.2010Patrick Lauke Patrick Lauke gives an overview of new web technologies available in HTML5, including canvas, video, geolocation, offline support, storage and more. He discusses the history and development of HTML5, how it standardizes current browser behavior, and new powerful form and semantic elements. Patrick provides demonstrations of canvas, video, geolocation and other features, noting their importance for building applications without plugins. He encourages developers to start using these technologies today.
HTML5 features & JavaScript APIs
HTML5 features & JavaScript APIsFisnik Doko This document is a presentation by Fisnik Doko on HTML5 features and JavaScript APIs, highlighting the improvements and new elements introduced in HTML5 compared to previous versions. It covers various aspects such as document structure, input types, APIs for file handling, drag-and-drop functionality, multimedia elements, geolocation, and offline support. There are also discussions on local storage, IndexedDB, and CSS transformations aimed at enhancing web application development.
HTML5 - Future of Web
HTML5 - Future of WebMirza Asif HTML5 is the latest revision of the HTML standard that aims to improve the language with support for the latest multimedia capabilities. It introduces many new features such as geolocation, web storage, web sockets, and canvas for 2D and 3D graphics. Developers can use these new features to build richer applications that work across devices while also improving semantics and markup.
DevChatt: The Wonderful World Of Html5
DevChatt: The Wonderful World Of Html5Cameron Kilgore HTML5 is the future standard for web development that allows richer content without plugins. It introduces new semantic tags, APIs for offline apps, geolocation, storage, and multimedia with <canvas>, <audio>, <video>. HTML5 is already supported in most browsers and will be the norm within a few years. Key challenges include lack of agreement on video codecs and potential patent issues.
HTML5 Introduction
HTML5 Introductionbeforeach HTML 5 provides more semantic and less verbose markup than previous standards. It introduces new elements like <canvas> and <video> that allow dynamic drawing and video playback without plugins. Features like geolocation, offline storage and application caching improve offline and mobile support. Microdata allows embedding machine-readable semantic data in HTML. While browser support varies, many features can be used today to create robust and responsive web applications.
Workshop HTML5+PhoneGap by Ivano Malavolta
Workshop HTML5+PhoneGap by Ivano Malavolta Commit University This document discusses HTML5 and web application development. It begins with an overview of the anatomy of a web app, including setting up the server, using data services, and device detection. It then covers HTML5 features like new semantic tags, forms, multimedia capabilities using audio, video, and canvas. JavaScript APIs are discussed for geolocation, web storage, web SQL, and web workers. The document emphasizes that the mobile web is the most viable platform for cross-device applications.
HTML5: An Overview
HTML5: An OverviewNagendra Um The document discusses HTML5, highlighting its significance in web development as a combination of features that enhance web pages, applications, and eliminate fragmentation. It outlines the advantages of HTML5, such as built-in functionalities that simplify web development and improve user experience, alongside features like offline storage, new input types, and multimedia support. Additionally, it touches on CSS3 enhancements and provides references for further exploration of HTML5 capabilities.
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryGilad Khen HTML5 is the latest evolution of the HTML standard and includes new elements, JavaScript APIs, and CSS features. It allows building richer web applications that work across browsers and devices without needing plugins like Flash. While support for HTML5 features is improving, the specification continues to evolve and not all browsers fully support all parts of HTML5 yet. Developing with HTML5 requires considering cross-browser compatibility and supporting different content formats. Overall, HTML5 provides opportunities for building richer applications on the web and on mobile, but full standardization and implementation is still ongoing.
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentTilak Joshi HTML5 is the latest revision of the HTML standard designed to enhance web development, focusing on dynamic content and including features such as new semantic elements, native multimedia support, and APIs for drawing and geolocation. It aims to be more user-friendly while supporting improvements in accessibility and interactivity, reducing the reliance on plugins like Flash. HTML5 also introduces various new input types and attributes for forms, and enhances web applications through local storage, web workers, and microdata.
Html5(2)
Html5(2)Carol Maughan 1. HTML5 is a major development in web technology that will transform web development and influence both technical and non-technical aspects of content management.
2. It is designed to make all web content accessible across devices by reducing the need for separate site versions. There is an emphasis on backwards compatibility.
3. HTML5 was developed as browsers continued to be flexible with code even when strict XHTML standards were introduced, and aims to build on the way web pages are actually served by browsers.
Html5(2)
Html5(2)CMaughan HTML5 is a major development in web technology that will transform web development. It emphasizes backwards compatibility while adding new features like multimedia embedding, geolocation, and canvas drawing capabilities. These new features are being integrated into content management systems and supported by browsers, making HTML5 relevant for all types of web content and sites across devices.
Html5 Future of WEB
Html5 Future of WEBAmit Choudhary The document provides an overview of HTML5, covering its history, new features, and differences from HTML4, highlighting its role in web development. Key features include multimedia support, new semantic elements, web storage capabilities, and improvements in browser compatibility. It concludes that HTML5 is still under development but is expected to significantly influence the future of web applications.
HTML 5
HTML 5Karthik Madhavan The document provides an overview of HTML5, including its key features and differences from HTML4. It discusses new HTML5 elements like <canvas>, <video>, and <audio> that enable embedding multimedia. It also covers new form input types, attributes, and APIs in HTML5 for local storage, 2D drawing, and playing video/audio. The document states that HTML5 aims to make web applications more interactive by supporting drag and drop features, editing, and offline capabilities, without requiring plugins. It concludes by discussing how HTML5 could standardize web applications and blur the line between desktop and web apps.
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentTilak Joshi 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.
HTML5 introduction for beginners
HTML5 introduction for beginnersVineeth N Krishnan HTML5 is the latest revision of the HTML standard, introducing new tags, improved error handling, backward compatibility, and multimedia capabilities without reliance on plugins. This document outlines the evolution from earlier HTML versions, the timeline of HTML5's development, its new structural elements, and integrated JavaScript APIs that enhance web applications. Additionally, it describes CSS3 features that expand design options, such as rounded corners, shadows, and improved layout control.
A brief introduction on HTML5 and responsive layouts
A brief introduction on HTML5 and responsive layoutsTim Wray The document discusses the choice between building apps with HTML5 versus native apps. It provides an overview of new features in HTML5, including semantic layout tags, custom data attributes, new UI elements, smarter forms, CSS3, canvas graphics, audio/video support, drag and drop, offline storage, geolocation, and responsive web design. HTML5 allows building responsive mobile web experiences through features like media queries and viewport meta tags.
HTML5 and CSS3 refresher
HTML5 and CSS3 refresherIvano Malavolta The document provides a comprehensive overview of HTML5 and CSS3, detailing their structures, functionalities, and the anatomy of web applications. It discusses various aspects including new HTML5 features, forms, multimedia integration, offline data storage, geolocation, and advanced CSS styling methods. Additionally, it highlights key trends like backend-as-a-service (BaaS) and the importance of newer CSS functionalities for improved user experience.
Ad
More from Romin Irani (14)
Google Cloud Platform Update - NEXT 2017
Google Cloud Platform Update - NEXT 2017Romin Irani The document outlines key updates and announcements from Google Cloud Next 2017, highlighting new services, enterprise customer successes, and infrastructure investments. Significant features discussed include Cloud Spanner, serverless Cloud Functions, security updates, and innovations in machine learning APIs. The investment of $30 billion in infrastructure and the introduction of new regions are emphasized, along with extended free trial offerings and open-source contributions.
Introduction to Google Cloud Machine Learning APIs
Introduction to Google Cloud Machine Learning APIsRomin Irani The document provides an overview of Google Cloud's machine learning APIs presented during a developer day in India, outlining key services like Cloud Vision, Cloud Speech, Cloud Natural Language, and Cloud Translation APIs. It highlights how to use these APIs, including enabling them, creating service accounts, and utilizing client SDKs. Additional information includes features of each API and links to demos and more resources.
The Journey to conversational interfaces
The Journey to conversational interfacesRomin Irani This document summarizes the journey to building conversational interfaces using chatbots. It discusses starting with a help desk bot on Slack using NLP and machine learning via API.AI. Both rule-based and AI approaches are covered. The document outlines responding to questions, sending notifications, and analyzing data using the Slack API in Go. It also discusses notifying users, analyzing commands, and improving upon the initial architecture using general AI agents and NLP platforms. Key lessons learned include targeting multiple messaging platforms and choosing an ML engine.
Blogging Tips - A guide to why you should blog
Blogging Tips - A guide to why you should blogRomin Irani The document provides a guide on how to write a blog post, outlining essential steps such as choosing a topic, structuring the content, and engaging the audience. It emphasizes the importance of simplicity, credibility, emotional connection, and the use of stories in effective blogging. Additionally, it discusses common concerns for novice writers and offers tips for promotion and improvement over time.
How to Contribute to your Project
How to Contribute to your ProjectRomin Irani The document serves as a guide for developers looking to contribute more significantly to their organization beyond their current roles. It suggests actionable steps such as identifying technical problems, proposing solutions, addressing technical debt, and teaching teammates. The emphasis is on taking initiative, sharing knowledge, and seeking continuous improvement within projects and processes.
Go Language Hands-on Workshop Material
Go Language Hands-on Workshop MaterialRomin Irani The document provides an introduction to the Go programming language, covering its history, features, and benefits. It includes hands-on coding exercises, explaining key concepts like variable declarations, functions, control structures, arrays, and slices. The content aims to engage the reader in learning Go and showcases various resources and examples along with practical coding exercises.
Google Cloud Platform Updates
Google Cloud Platform UpdatesRomin Irani The document outlines updates to Google Cloud services as of December 2015, highlighting new features such as a redesigned cloud console, custom machine types for Google Compute Engine, and advancements in the Container Engine. It also introduces tools like Google Cloud Shell, the Cloud Security Scanner, and the Google Cloud Vision API, which offers image content analysis. Additional mentions include performance benchmarking with PerfKit, improved integration with Firebase, and enhancements to Cloud SQL for better performance.
Internet of Things Overview
Internet of Things OverviewRomin Irani The document introduces the Internet of Things (IoT), defining it as the interconnection of embedded computing devices. It outlines predictions for device growth by 2020 and describes various applications such as home automation and healthcare. Additionally, it provides a practical example of a temperature logger application using Arduino and cloud technology.
Gradle and Android Studio : Best of Friends
Gradle and Android Studio : Best of FriendsRomin Irani This document discusses Gradle and its use in Android Studio. It begins with defining Gradle as a build language, dependency manager, and task scheduler that uses Groovy for a build-by-convention approach. It then notes how Gradle makes it easy to create Android projects with multiple modules and build types/flavors in Android Studio. The rest of the document demonstrates Gradle's project structure and basics, use of plugins and tasks, and how to set up multi-module, build type, and flavor configurations to build different variants of an Android app in Gradle and Android Studio.
Powering your Apps via Google Cloud Platform
Powering your Apps via Google Cloud PlatformRomin Irani The document provides an overview of the Google Cloud Platform, emphasizing its storage, computation, and app services. It discusses the use of Cloud Endpoints for building APIs and the advantages of the App Engine for application development, including automatic resource provisioning and scalability. A live demo of an IoT project using temperature logging with Arduino and Python is also presented, alongside resources for getting started with Google Cloud.
How to get business ready for Wearables: GDayX Mumbai 2014
How to get business ready for Wearables: GDayX Mumbai 2014Romin Irani The document discusses the evolution and current market segments of wearable technology, highlighting significant devices and trends in fitness tracking and healthcare. It emphasizes the importance of creating an engaging user experience and addressing challenges related to data ownership, interoperability, and regulatory issues. Additionally, the document explores enterprise use cases and the potential for machine learning in analyzing wearable data.
Talk on Future of Enterprise Mobile App Development
Talk on Future of Enterprise Mobile App DevelopmentRomin Irani The document discusses the challenges and solutions in enterprise application development, highlighting the differences between enterprise and consumer apps. It introduces RhoElements as a framework that simplifies development across multiple operating systems using a single language set, while supporting device capabilities and integrations. The document also outlines an upcoming workshop focused on mobile app development options, including RhoElements features and sample applications.
Android developer webinar-march-2012-mindstormsoftware
Android developer webinar-march-2012-mindstormsoftwareRomin Irani The document summarizes an Android app development webinar. The webinar aims to help attendees understand Android, learn development tools, and build a simple app. It covers what Android is, popular tools like Eclipse and SDK, creating a "Hello World" app, and next steps for learning Android development.
Smart Computing : Cloud + Mobile + Social
Smart Computing : Cloud + Mobile + SocialRomin Irani Smart computing is defined as the integration of hardware, software, and people enabled by cloud, mobile, and social technologies, which are disrupting existing business models; opportunities exist for developers in these areas but challenges include privacy, security, interoperability, and developing a skilled workforce for an increasingly mobile and data-driven business environment. The retail sector was provided as an example domain that can leverage location data, offers, analytics and social/mobile integration to enhance customer experience.
Recently uploaded (20)
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55 This presentation dives into how MuleSoft empowers AgentForce with organized API discovery and streamlined integration using Topic Center and the API Catalog. Learn how these tools help structure APIs around business needs, improve reusability, and simplify collaboration across teams. Ideal for developers, architects, and business stakeholders looking to build a connected and scalable API ecosystem within AgentForce.
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...Fwdays We will explore how e-commerce projects prepare for the busiest time of the year, which key aspects to focus on, and what to expect. We’ll share our experience in setting up auto-scaling, load balancing, and discuss the loads that Silpo handles, as well as the solutions that help us navigate this season without failures.
Connecting Data and Intelligence: The Role of FME in Machine Learning
Connecting Data and Intelligence: The Role of FME in Machine LearningSafe Software In this presentation, we want to explore powerful data integration and preparation for Machine Learning. FME is known for its ability to manipulate and transform geospatial data, connecting diverse data sources into efficient and automated workflows. By integrating FME with Machine Learning techniques, it is possible to transform raw data into valuable insights faster and more accurately, enabling intelligent analysis and data-driven decision making.
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure SolutionsMichele Leroux Bustamante Delivering solutions to Azure may involve a variety of architecture patterns involving your applications, APIs data and associated Azure resources that comprise the solution. This session will use reference architectures to illustrate the security considerations to protect your Azure resources and data, how to achieve Zero Trust, and why it matters. Topics covered will include specific security recommendations for types Azure resources and related network security practices. The goal is to give you a breadth of understanding as to typical security requirements to meet compliance and security controls in an enterprise solution.
cnc-processing-centers-centateq-p-110-en.pdf
cnc-processing-centers-centateq-p-110-en.pdfAmirStern2 מרכז עיבודים תעשייתי בעל 3/4/5 צירים, עד 22 החלפות כלים עם כל אפשרויות העיבוד הדרושות. בעל שטח עבודה גדול ומחשב נוח וקל להפעלה בשפה העברית/רוסית/אנגלית/ספרדית/ערבית ועוד..
מסוגל לבצע פעולות עיבוד שונות המתאימות לענפים שונים: קידוח אנכי, אופקי, ניסור, וכרסום אנכי.
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to productionMichele Leroux Bustamante We live in an ever evolving landscape for cyber threats creating security risk for your production systems. Mitigating these risks requires participation throughout all stages from development through production delivery - and by every role including architects, developers QA and DevOps engineers, product owners and leadership. No one is excused! This session will cover examples of common mistakes or missed opportunities that can lead to vulnerabilities in production - and ways to do better throughout the development lifecycle.
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptxFIDO Alliance FIDO Seminar: Perspectives on Passkeys & Consumer Adoption
Techniques for Automatic Device Identification and Network Assignment.pdf
Techniques for Automatic Device Identification and Network Assignment.pdfPriyanka Aash Techniques for Automatic Device Identification and Network Assignment
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdf
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdfPriyanka Aash GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now
OpenPOWER Foundation & Open-Source Core Innovations
OpenPOWER Foundation & Open-Source Core InnovationsIBM penPOWER offers a fully open, royalty-free CPU architecture for custom chip design.
It enables both lightweight FPGA cores (like Microwatt) and high-performance processors (like POWER10).
Developers have full access to source code, specs, and tools for end-to-end chip creation.
It supports AI, HPC, cloud, and embedded workloads with proven performance.
Backed by a global community, it fosters innovation, education, and collaboration.
2025_06_18 - OpenMetadata Community Meeting.pdf
2025_06_18 - OpenMetadata Community Meeting.pdfOpenMetadata The community meetup was held Wednesday June 18, 2025 @ 9:00 AM PST.
Catch the next OpenMetadata Community Meetup @ https://www.meetup.com/openmetadata-meetup-group/
In this month's OpenMetadata Community Meetup, "Enforcing Quality & SLAs with OpenMetadata Data Contracts," we covered data contracts, why they matter, and how to implement them in OpenMetadata to increase the quality of your data assets!
Agenda Highlights:
👋 Introducing Data Contracts: An agreement between data producers and consumers
📝 Data Contracts key components: Understanding a contract and its purpose
🧑🎨 Writing your first contract: How to create your own contracts in OpenMetadata
🦾 An OpenMetadata MCP Server update!
➕ And More!
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdf
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdfbiswajitbanerjee38 Russia is one of the most aggressive nations when it comes to state coordinated cyberattacks — and Ukraine has been at the center of their crosshairs for 3 years. This report, provided the State Service of Special Communications and Information Protection of Ukraine contains an incredible amount of cybersecurity insights, showcasing the coordinated aggressive cyberwarfare campaigns of Russia against Ukraine.
It brings to the forefront that understanding your adversary, especially an aggressive nation state, is important for cyber defense. Knowing their motivations, capabilities, and tactics becomes an advantage when allocating resources for maximum impact.
Intelligence shows Russia is on a cyber rampage, leveraging FSB, SVR, and GRU resources to professionally target Ukraine’s critical infrastructures, military, and international diplomacy support efforts.
The number of total incidents against Ukraine, originating from Russia, has steadily increased from 1350 in 2021 to 4315 in 2024, but the number of actual critical incidents has been managed down from a high of 1048 in 2022 to a mere 59 in 2024 — showcasing how the rapid detection and response to cyberattacks has been impacted by Ukraine’s improved cyber resilience.
Even against a much larger adversary, Ukraine is showcasing outstanding cybersecurity, enabled by strong strategies and sound tactics. There are lessons to learn for any enterprise that could potentially be targeted by aggressive nation states.
Definitely worth the read!
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025pcprocore 👉𝗡𝗼𝘁𝗲:𝗖𝗼𝗽𝘆 𝗹𝗶𝗻𝗸 & 𝗽𝗮𝘀𝘁𝗲 𝗶𝗻𝘁𝗼 𝗚𝗼𝗼𝗴𝗹𝗲 𝗻𝗲𝘄 𝘁𝗮𝗯> https://pcprocore.com/ 👈◀
CapCut Pro Crack is a powerful tool that has taken the digital world by storm, offering users a fully unlocked experience that unleashes their creativity. With its user-friendly interface and advanced features, it’s no wonder why aspiring videographers are turning to this software for their projects.
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?Shashi Sathyanarayana, Ph.D This slide illustrates a side-by-side comparison between human-written, AI-written, and ambiguous content. It highlights subtle cues that help readers assess authenticity, raising essential questions about the future of communication, trust, and thought leadership in the age of generative AI.
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdfcaoyixuan2019 A presentation at Internetware 2025.
FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce.pptx
FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce.pptxFIDO Alliance FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptx
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptxFIDO Alliance FIDO Seminar: New Data: Passkey Adoption in the Workforce
Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming
Powering Multi-Page Web Applications Using Flow Apps and FME Data StreamingSafe Software Unleash the potential of FME Flow to build and deploy advanced multi-page web applications with ease. Discover how Flow Apps and FME’s data streaming capabilities empower you to create interactive web experiences directly within FME Platform. Without the need for dedicated web-hosting infrastructure, FME enhances both data accessibility and user experience. Join us to explore how to unlock the full potential of FME for your web projects and seamlessly integrate data-driven applications into your workflows.
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to productionMichele Leroux Bustamante
Thadomal IEEE-HTML5-Workshop
- 2. Name : Romin Irani Official Title : Principal Architect @ Xoriant Unofficial Title : Jack Of All Trades Vital Stats : Mobile Applications Cloud Web APIs Writer & Reviewer for various publications from Wrox, O’Reilly & Addison Wesley Freelance writer covering Web 2.0 APIs at ProgrammableWeb ( http://programmableweb.com )
- 3. HTML5 – A Brief History HTML5 Browser Support HTML5 Features/Demos/HandsOn The Road Ahead
- 4. WHAT : Next generation HTML WHO : WHATG, W3C, IETF WHEN : 2004, 2008, July 2014 All vendors support it ! (Is that true?)
- 5. Semantics Graphics Multimedia Device Access Offline Connectivity Performance/Integration CSS3
- 6. Keep it simple (Example doctype) Structural meaning Richer Set of Tags Eliminated Several Tags too
- 7. <header> <nav> <section> <article> <footer> <aside>
- 8. Aims to make development and usage of forms easier. 13 New Types introduced for user input. Additional attributes like : placeholder , required , autofocus. Coding for validations is made easier. Support varies across browsers but is compatible.
- 9. Input Types email phone url date, datetime, month, week, time, datetime-local) color search number and range
- 10. <input type=“email” placeholder=“Enter email address” required autofocus/> <input type=“phone”/> <input type=“search” placeholder=“Type your search here”/> <input type=“url” /> <input type=“date” />
- 11. Screenshots : Courtesy – Mark Pilgrim, http://diveintohtml5.org
- 12. Canvas API SVG WebGL CSS3 3D
- 13. 2D Drawing API Functions : line, arcs, rectangle, fills Allows styling via CSS Allows control via Javascript Can be used for: Charts, Animation, Images and other complex rendering.
- 14. Audio and video are first class citizens in the HTML5 web A plug-in free world
- 15. Simple tags : <video>, <audio> Even Simpler usage: <video src=“demo.mp4”></video> <audio src=“song.mp3”></audio> Control via APIs Play Pause Stop
- 16. Different browsers support different containers and Audio/Video formats. Containers : H264 and Ogg Codecs: Audio : AAC, MP3, Vorbis Video: H264, VP8, Thedora
- 17. Need to provide more than 1 format. Browser will play the one that it supports. This situation is not likely to change. <video controls> <source src="mov1.ogg" type="video/ogg" /> <source src="mov2.mp4" type="video/mp4" /> </video>
- 18. Currently - Geolocation API Coming soon Audio/Video input access to microphones and cameras Local data such as contacts & events, and even tilt orientation.
- 19. Determine where the device is. Find it right in the browser. Useful for providing location based services. User should be allowed to opt in. API allows for both : one time location and continuous location.
- 20. n avigator.geolocation.getCurrentPosition (showCurrentLocation, errorHandler, {enableHighAccuracy: true}); function showCurrentLocation(position){ //position.coords.latitude //position.coords.longitude; }
- 21. Web Apps can start faster and work even if there is no internet connection, thanks to the HTML5 App Cache, as well as the Local Storage, Indexed DB, and the File API specifications.
- 22. Allows local storage of application data on the device. 5MB per domain. Key component to Offline usage. Types of Storage options:
- 23. S imple API for storing values in easily retrievable JavaScript objects which persist across page loads window.localStorage getItem(key) setItem(key,value)
- 24. interface Storage { readonly attribute unsigned long length ; getter DOMString key (in unsigned long index); getter any getItem (in DOMString key); setter creator void setItem (in DOMString key, in any data); deleter void removeItem (in DOMString key); void clear (); };
- 25. Network is not available all the time. The application must be available even if the server is done. Application Cache to the rescue. Stores the specified resources (HTML,CSS,JS) on the client. Combine Application Cache with Offline Storage to provide availability.
- 26. 3 Steps to implementing AppCache Define manifest CACHE + NETWORK + FALLBACK Reference manifest Specify right manifest MIME Type in Server Demo
- 27. Performance & Integration Web Workers , XMLHttpRequest 2 CONNECTIVITY : WEB SOCKETS CSS3 IndexedDB
- 28. Indic Mobile Conference application Mobile Web application Works well with Webkit browsers Lets go !
- 29. Drag and Drop Content Editable Audio / Video CSS 3
- 30. Differing browser support & behaviour Use sites like HTML5Test.com, CanIUse.com to understand Browser support for HTML5 Fallback behaviour is important Great time to get started today! Be prepared for changes All vendors are supporting it
- 32. W3C : http://dev.w3.org/html5/spec/Overview.html HTML5 Rocks: http://www.html5rocks.com Mark Pilgrim : http://diveintohtml5.org Remy Sharp : http://html5demos.com HTML5 Tech Spec : http://developers.whatwg.org Modernizr : http://www.modernizr.com/ Caniuse : http://www.caniuse.com HTML5Test : http://www.html5test.com https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
- 33. Q & A romin.k.irani @ gmail.com iRomin
Editor's Notes
- #5: IE9 Beta has started supporting some parts HTML5 Guiding Principles: Compatibility : Utility : Interoperability: Universal Access : Languages support, Abilities Simplicity : Simpler DOCTYPE, Meta Tags. Plugin Free paradigm : Flash
- #8: New Elements that bring structure to your documents. These elements are based on studies conducted looking at the markups from thousands of sites. E.g. Most people have a “nav” class to indicate navigation, so why not have a “nav” tag.
- #10: Normal form elements are still available like checkbox, text, button, radiobutton, password, textarea
- #11: Mention that browsers render it differently. For e.g. in the Safari Mobile browser, if the input type is phone, then only a numeric keypad is shown.
- #12: Mention that browsers render it differently. For e.g. in the Safari Mobile browser, if the input type is phone, then only a numeric keypad is shown.
- #14: Previously possible with Flash, VML, Silverlight Very complex to do in JavaScript without plugins (for example, rounded corners or diagonal lines) Provide native drawing functionality on the Web Completely integrated into HTML5 documents (part of DOM) Can be styled with CSS Can be controlled with JavaScript
- #16: <Video> element dissection Supports fallback Autoplay Preload Controls Poster Height and Width Src
- #21: navigator.geolocation getCurrentPosition watchPosition Both the methods take same parameters success function error function options
- #23: Allows application to store data locally on the device. Good for speeding up applications, avoiding repeated server side calls and also to provide different views locally.
- #24: Allows application to store data locally on the device. Good for speeding up applications, avoiding repeated server side calls and also to provide different views locally.
- #25: Allows application to store data locally on the device. Good for speeding up applications, avoiding repeated server side calls and also to provide different views locally.
- #26: Native applicatons have a big advantage of being installed on the device and available if network is not possible. Yes – not all functionality can be available but the user can use the application. Mobile applications if they want to be touted as good as native apps must support offline availability.
- #27: navigator.on/off events are only supported by few browsers : Firefox, Opera, IE
- #28: Make your Web Apps and dynamic web content faster with a variety of techniques and technologies such as Web Workers and XMLHttpRequest 2. No user should ever wait on your watch. More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) CSS3 delivers a wide range of stylization and effects, enhancing the web app without sacrificing your semantic structure or performance. Additionally Web Open Font Format (WOFF) provides typographic flexibility and control far beyond anything the web has offered before. data between client and server more efficiently than ever before.