Introduction to HTML5 & CSS3
Download as pptx, pdf9 likes9,779 views
This document discusses new features in HTML5 and CSS3. It provides examples of new HTML5 elements like <header>, <nav>, <article>, and new forms elements. It also covers new CSS3 features like gradients, rounded corners, shadows. Additionally, it mentions new JavaScript APIs in HTML5 for things like geolocation, drag and drop, offline web apps, storage and more. Finally, it encourages developers to use new web standards and provides resources for learning HTML5.
1 of 57
Downloaded 820 times
![Hisroty APIwindow . history . pushState(data, title [, url ] )window.addEventListener("popstate", function(event) {set(event.state);}http://diveintohtml5.org/history.htmlhttp://www.flickr.com/photos/archetypefotografie/3821120232](https://image.slidesharecdn.com/openhack-2011-html5-css3-110729232108-phpapp02/85/Introduction-to-HTML5-CSS3-26-320.jpg)
![Cross-Origin Resource SharingXHR request across domainsif the server you are connecting to allows it<?phpheader('Access-Control-Allow-Origin: *');?>myproxy.php<?php $url = $_SERVER['QUERY_STRING']; $ch = curl_init($url);curl_exec($ch);?>http://www.flickr.com/photos/garryknight/3861083969/](https://image.slidesharecdn.com/openhack-2011-html5-css3-110729232108-phpapp02/85/Introduction-to-HTML5-CSS3-36-320.jpg)
Ad
Recommended
Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]Aaron Gustafson Web standards are all about rules and structure, formalities that many people find restrictive and stifling. From another perspective, however, the rigid structure of web standards can be seen as a boon to creativity on the web. In this session, Aaron Gustafson will teach you how to use smart JavaScript to leverage the extensibility of XHTML and CSS and push the boundaries of web design and development, all while still adhering to the best practices of web standards.
Extending & Scaling | Dallas PHP
Extending & Scaling | Dallas PHPrandyhoyt WordPress is an effective platform for powering large web sites with various types of content and structured data. In this case study, Randy Hoyt will share from his experience developing a network of shopping center web sites on WordPress for a large property management company. He will explore the newer WordPress 3.x features, its child theme architecture, custom plugins, caching techniques, and cloud hosting infrastructure used to extend and scale WordPress for this project.
Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0Estelle Weyl The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!Christian Heilmann Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.
Real World Web Standards
Real World Web Standardsgleddy Scott Gledhill presents at Web Directions South Government 2008 in Canberra. You have sold the concepts of web standards to your company or boss, so what next? How do you make this work in the real workplace and what problems are you likely to encounter?
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
HTML5 JS APIs
HTML5 JS APIsRemy Sharp The document discusses various JavaScript APIs available in HTML5 for building rich web applications, including Canvas, Drag and Drop, Geolocation, Local Storage, Web Sockers, Offline Applications, and more. It provides code examples and links to documentation resources for each API. The last part encourages exploring demos and contacting the author with any other questions.
Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011Zi Bin Cheah This document provides an overview of HTML5 and CSS3 features including new semantic HTML5 elements, multimedia capabilities like video and canvas, geolocation, and CSS3 properties for styling like borders, backgrounds, shadows, fonts, transitions and transforms. It includes code examples and screenshots to illustrate these new capabilities.
Structured Data in WordPress
Structured Data in WordPressrandyhoyt Not just for blogging anymore, WordPress is an effective platform for powering websites with a variety of types of content: product catalogs, store locations, employee directories, and more.
Using advanced WordPress features like custom post types, store this content as structured data to make it easier to maintain and better suited to live in new contexts like mobile applications. Learn about these structured data features, custom plugin and theme development, and mobile device optimization.
An Introduction To HTML5
An Introduction To HTML5Robert Nyman This document provides an introduction to HTML5:
- It discusses backwards compatibility, progressive enhancement, and the <!DOCTYPE html> declaration in HTML5.
- It describes the syntax options of HTML or XHTML and provides examples of new HTML5 elements like <video>, <canvas>, and various new <input> types.
- It includes a full sample HTML5 page with new elements, semantics, and WAI-ARIA roles for accessibility.
HTML5 Introduction
HTML5 Introductiondynamis This document provides an overview and introduction to HTML5. It begins with a discussion of browser market share statistics and the birth of HTML5 by the WHATWG organization. It then outlines the wide range of new HTML5 markup, elements, events, APIs and technologies including forms, canvas, web sockets, and more. The remainder of the document discusses the status and implementation of these HTML5 features across modern browsers like Firefox, and provides references to HTML5 test suites, specifications, implementations and demos.
Web Standards
Web StandardsHelior Colorado The document discusses the history and evolution of the Internet from 1991 onward. It notes that in 1991, Tim Berners-Lee invented the World Wide Web and technologies like HTTP and HTML. This allowed the Internet to grow beyond use by just governments and universities. Businesses then started using the web for marketing. Over time, HTML evolved through different versions to support more features. Browser wars occurred between Netscape and Microsoft. While technologies advanced the web, some issues also arose like overuse of tables and convoluted code. Later, CSS was introduced to separate design from content, but was slow to be adopted.
What does the browser pre-loader do?
What does the browser pre-loader do?Andy Davies Slides from talk at London Webstandards (Sept 2014) on what the browser preloader is, how it works and why we need it
HTML5 Video Player - HTML5 Dev Conf 2012
HTML5 Video Player - HTML5 Dev Conf 2012steveheffernan Slides from my presentation on building your own HTML5 video player at the HTML5 Developer Conference 2012.
Building mobile applications with DrupalGap
Building mobile applications with DrupalGapAlex S DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services. It uses PhoneGap and Apache Cordova to package HTML, CSS, and JavaScript into native iOS and Android apps. DrupalGap inherits Drupal concepts like modules, blocks, menus, pages, and views, and it can be extended with contrib modules and custom functionality through services and plugins. Developers need knowledge of JavaScript, Drupal modules, and mobile app development to use DrupalGap.
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for AllMarc Grabanski Mobile web development frameworks are targeting the builtin web browsers on iPhone and Android only; however, jQuery mobile has in a different vision, one that will reach the largest distribution of phones possible. Leveraging the ways of progressive enhancement, your website can be viewed in raw HTML on old mobile phones and then enhanced with nice CSS styles across mobile platforms that have a decent CSS and JavaScript support. In this session, Grabanski gives you his list of reasons to use jQuery mobile, an overview of the framework and will draw from his experiences building websites on top of jQuery Mobile.
What is HTML 5?
What is HTML 5?Susan Winters Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details.
"What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5.
You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
HTML5 & Friends
HTML5 & FriendsRemy Sharp I look at HTML 5, the language the APIs and the big number 2022.
Lots of examples for you check out.
Findability Bliss Through Web Standards
Findability Bliss Through Web StandardsAarron Walter Connecting with your audience is objective number one for any website. Findability—the discipline of helping users discover the content they seek—not only helps businesses get their message out, but it improves the user experience, too. The secret to attaining findability bliss, both with search engines and beyond, lies in the wisdom of web standards.
The web is too slow
The web is too slow Andy Davies Talk from The Web Is in Cardiff, October 2014 exploring the business case for web performance, and some of the underlying factors that can make sites slow
Yahoo for the Masses
Yahoo for the MassesChristian Heilmann Internal training presentation about how I go about advocating Yahoo to the outside world and what gets me pretty excited about our developer offers at the moment.
Introduction to html 5
Introduction to html 5Nir Elbaz 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.
HTML5 Essentials
HTML5 EssentialsMarc Grabanski The document summarizes new features in HTML5 including less header code needed, more semantic HTML tags, media tags for embedding video and audio, geolocation capabilities, the canvas element for drawing, new input types for forms, drag and drop, local storage, cross-domain messaging, web sockets, and the eventual ability to do 3D graphics with canvas. It provides examples and explanations of how to use many of these new features.
Intro to html5 Boilerplate
Intro to html5 BoilerplateMichael Enslow Introduction to Paul Irish and Divya Manian's HTML5 Boilerplate project. HTML5 Boilerplate helps you to quickly get up and running with front-end web project.
Even faster web sites presentation 3
Even faster web sites presentation 3Felipe Lavín The document discusses techniques for optimizing frontend performance of websites. It recommends flushing content early, simplifying CSS selectors, avoiding @import rules, and other best practices like minimizing HTTP requests and assets. Performance testing results show the impact of different CSS selectors and optimizations in reducing page load times and reflows, improving user experience and potentially increasing revenue.
BDD - Writing better scenario
BDD - Writing better scenarioArnauld Loyer The document discusses using behavior driven development (BDD) to write better test scenarios. It provides an example of a scenario that tests whether a Confluence server is accessible. The author questions whether this scenario truly qualifies as BDD or is instead just a technical test. The discussion covers differences between BDD and technical testing, as well as considerations around using Cucumber for technical tests versus unit tests. The author emphasizes being pragmatic and ensuring scenarios will be read and understood by their intended audience.
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!
Are Today’s Good Practices… Tomorrow’s Performance Anti-Patterns?
Are Today’s Good Practices… Tomorrow’s Performance Anti-Patterns?Andy Davies Talk from Akamai Edge 2014 looking at some of our current web performance optimisation practices and how they may need to change as new standards and protocols emerge
Building an HTML5 Video Player
Building an HTML5 Video PlayerJim Jeffers Slides from my talk discussing my experience rebuilding a video player I previously developed in Flash. I gave this talk on March 18th, at the Brisbane Web Design Meetup.
Html5 tutorial for beginners
Html5 tutorial for beginnersSingsys Pte Ltd HTML5 Tutorial For Beginners - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Forms Elements,Application Cache,Inline SVG,Document
More Related Content
What's hot (20)
Structured Data in WordPress
Structured Data in WordPressrandyhoyt Not just for blogging anymore, WordPress is an effective platform for powering websites with a variety of types of content: product catalogs, store locations, employee directories, and more.
Using advanced WordPress features like custom post types, store this content as structured data to make it easier to maintain and better suited to live in new contexts like mobile applications. Learn about these structured data features, custom plugin and theme development, and mobile device optimization.
An Introduction To HTML5
An Introduction To HTML5Robert Nyman This document provides an introduction to HTML5:
- It discusses backwards compatibility, progressive enhancement, and the <!DOCTYPE html> declaration in HTML5.
- It describes the syntax options of HTML or XHTML and provides examples of new HTML5 elements like <video>, <canvas>, and various new <input> types.
- It includes a full sample HTML5 page with new elements, semantics, and WAI-ARIA roles for accessibility.
HTML5 Introduction
HTML5 Introductiondynamis This document provides an overview and introduction to HTML5. It begins with a discussion of browser market share statistics and the birth of HTML5 by the WHATWG organization. It then outlines the wide range of new HTML5 markup, elements, events, APIs and technologies including forms, canvas, web sockets, and more. The remainder of the document discusses the status and implementation of these HTML5 features across modern browsers like Firefox, and provides references to HTML5 test suites, specifications, implementations and demos.
Web Standards
Web StandardsHelior Colorado The document discusses the history and evolution of the Internet from 1991 onward. It notes that in 1991, Tim Berners-Lee invented the World Wide Web and technologies like HTTP and HTML. This allowed the Internet to grow beyond use by just governments and universities. Businesses then started using the web for marketing. Over time, HTML evolved through different versions to support more features. Browser wars occurred between Netscape and Microsoft. While technologies advanced the web, some issues also arose like overuse of tables and convoluted code. Later, CSS was introduced to separate design from content, but was slow to be adopted.
What does the browser pre-loader do?
What does the browser pre-loader do?Andy Davies Slides from talk at London Webstandards (Sept 2014) on what the browser preloader is, how it works and why we need it
HTML5 Video Player - HTML5 Dev Conf 2012
HTML5 Video Player - HTML5 Dev Conf 2012steveheffernan Slides from my presentation on building your own HTML5 video player at the HTML5 Developer Conference 2012.
Building mobile applications with DrupalGap
Building mobile applications with DrupalGapAlex S DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services. It uses PhoneGap and Apache Cordova to package HTML, CSS, and JavaScript into native iOS and Android apps. DrupalGap inherits Drupal concepts like modules, blocks, menus, pages, and views, and it can be extended with contrib modules and custom functionality through services and plugins. Developers need knowledge of JavaScript, Drupal modules, and mobile app development to use DrupalGap.
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for AllMarc Grabanski Mobile web development frameworks are targeting the builtin web browsers on iPhone and Android only; however, jQuery mobile has in a different vision, one that will reach the largest distribution of phones possible. Leveraging the ways of progressive enhancement, your website can be viewed in raw HTML on old mobile phones and then enhanced with nice CSS styles across mobile platforms that have a decent CSS and JavaScript support. In this session, Grabanski gives you his list of reasons to use jQuery mobile, an overview of the framework and will draw from his experiences building websites on top of jQuery Mobile.
What is HTML 5?
What is HTML 5?Susan Winters Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details.
"What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5.
You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
HTML5 & Friends
HTML5 & FriendsRemy Sharp I look at HTML 5, the language the APIs and the big number 2022.
Lots of examples for you check out.
Findability Bliss Through Web Standards
Findability Bliss Through Web StandardsAarron Walter Connecting with your audience is objective number one for any website. Findability—the discipline of helping users discover the content they seek—not only helps businesses get their message out, but it improves the user experience, too. The secret to attaining findability bliss, both with search engines and beyond, lies in the wisdom of web standards.
The web is too slow
The web is too slow Andy Davies Talk from The Web Is in Cardiff, October 2014 exploring the business case for web performance, and some of the underlying factors that can make sites slow
Yahoo for the Masses
Yahoo for the MassesChristian Heilmann Internal training presentation about how I go about advocating Yahoo to the outside world and what gets me pretty excited about our developer offers at the moment.
Introduction to html 5
Introduction to html 5Nir Elbaz 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.
HTML5 Essentials
HTML5 EssentialsMarc Grabanski The document summarizes new features in HTML5 including less header code needed, more semantic HTML tags, media tags for embedding video and audio, geolocation capabilities, the canvas element for drawing, new input types for forms, drag and drop, local storage, cross-domain messaging, web sockets, and the eventual ability to do 3D graphics with canvas. It provides examples and explanations of how to use many of these new features.
Intro to html5 Boilerplate
Intro to html5 BoilerplateMichael Enslow Introduction to Paul Irish and Divya Manian's HTML5 Boilerplate project. HTML5 Boilerplate helps you to quickly get up and running with front-end web project.
Even faster web sites presentation 3
Even faster web sites presentation 3Felipe Lavín The document discusses techniques for optimizing frontend performance of websites. It recommends flushing content early, simplifying CSS selectors, avoiding @import rules, and other best practices like minimizing HTTP requests and assets. Performance testing results show the impact of different CSS selectors and optimizations in reducing page load times and reflows, improving user experience and potentially increasing revenue.
BDD - Writing better scenario
BDD - Writing better scenarioArnauld Loyer The document discusses using behavior driven development (BDD) to write better test scenarios. It provides an example of a scenario that tests whether a Confluence server is accessible. The author questions whether this scenario truly qualifies as BDD or is instead just a technical test. The discussion covers differences between BDD and technical testing, as well as considerations around using Cucumber for technical tests versus unit tests. The author emphasizes being pragmatic and ensuring scenarios will be read and understood by their intended audience.
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!
Are Today’s Good Practices… Tomorrow’s Performance Anti-Patterns?
Are Today’s Good Practices… Tomorrow’s Performance Anti-Patterns?Andy Davies Talk from Akamai Edge 2014 looking at some of our current web performance optimisation practices and how they may need to change as new standards and protocols emerge
Viewers also liked (11)
Building an HTML5 Video Player
Building an HTML5 Video PlayerJim Jeffers Slides from my talk discussing my experience rebuilding a video player I previously developed in Flash. I gave this talk on March 18th, at the Brisbane Web Design Meetup.
Html5 tutorial for beginners
Html5 tutorial for beginnersSingsys Pte Ltd HTML5 Tutorial For Beginners - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Forms Elements,Application Cache,Inline SVG,Document
Making the HTML5 Video element interactive
Making the HTML5 Video element interactiveCharles Hudson From Streaming Media West Conference
Huntington Beach, CA
November 2013
C202: HOW TO: Making the HTML5 Video Element Interactive
The HTML5 Video element has now become widely used by browsers and supported in a broad set of websites for streaming video content. With some JavaScript and CSS, we can leverage the HTML video element to create highly interactive experiences for the viewer in both traditional and mobile browsing environments. This hands-on session explores the integration of events with the video timeline, creating positioned hotspots with links and dynamic content, and capturing user input. In addition, the session examines supporting mobile platform browsers along with future opportunities with the HTML5 video tag. Get sample code, ideas, and best practices for making the HTML5 video element an engaging interactive experience for your viewers.
Speaker: Chuck Hudson, Co-Author, HTML5 Developer's Cookbook
HTML5: features with examples
HTML5: features with examplesAlfredo Torre This presentation is an introduction to the new features of
HTML5. The main elements of this document are:
* Brief history of HTML5
*The improvements
* Browser support
* Semantic elements
* Content Editable on pages
* Video Tag
* Canvas tag
* Local storage
* Geolocation API
* Offline applications
* Microdata
* Use cases
Video.js - How to build and HTML5 Video Player
Video.js - How to build and HTML5 Video Playersteveheffernan From the 'HTML5 player showcase/How to Build an HTML5 player' given at the Open Video Conference in October 2010.
Use case document for boot fitting form
Use case document for boot fitting formKalai Vani This document outlines requirements for a boot fitting form module. It describes fields to capture patient details, measurements, medical conditions, and generated reports. It also specifies navigation between pages for treatment recommendations, customer declaration, and order/return history. Alignment, sizing, and interactive elements like dropdowns and images are defined. The goal is to design an intuitive, responsive form to document boot fittings and generate customized patient reports and treatment plans.
Building an HTML5 Video Player
Building an HTML5 Video PlayerBrightcove The document discusses building an HTML5 video player. It covers the history of HTML5 video, including different formats and how they have evolved over time. It also discusses coding an HTML5 video player, including embedding video, handling different browsers and devices, and future developments like adaptive streaming. Resources for learning more about HTML5 video are provided at the end.
html5.ppt
html5.pptNiharika Gupta This document compares HTML4 and HTML5, discussing their versions over time. It notes that HTML5 introduced new structures like drag and drop, can embed video/audio without Flash, and handles inaccurate syntax, while HTML4 used older structures and required Flash for media. HTML5 also introduced new APIs, tags, and features like local storage that enhanced flexibility, while HTML4 had more limited traditional APIs and no local storage capability.
How to Embed a PowerPoint Presentation Using SlideShare
How to Embed a PowerPoint Presentation Using SlideShareJoie Ocon This document provides instructions for embedding a PowerPoint presentation into a blog using SlideShare or Scribd. It outlines uploading the presentation to SlideShare, allowing embedding, copying the embed code, and pasting it into the blog post HTML to display the presentation. It also mentions previewing the post before publishing.
reveal.js 3.0.0
reveal.js 3.0.0Hakim El Hattab Reveal.js is an HTML presentation framework that allows users to create beautiful presentations using HTML. It has features like vertical slides, nested slides, Markdown support, different transition styles, themes, slide backgrounds, images, video, tables, quotes, and linking between slides. Presentations can be exported to PDF and custom states and events can be triggered on each slide. The framework is touch optimized and works on devices like mobile phones and tablets.
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...Edureka! ** Machine Learning Engineer Masters Program: https://www.edureka.co/masters-program/machine-learning-engineer-training **
This tutorial on Artificial Intelligence gives you a brief introduction to AI discussing how it can be a threat as well as useful. This tutorial covers the following topics:
1. AI as a threat
2. What is AI?
3. History of AI
4. Machine Learning & Deep Learning examples
5. Dependency on AI
6.Applications of AI
7. AI Course at Edureka - https://goo.gl/VWNeAu
For more information, please write back to us at [email protected]
Call us at IN: 9606058406 / US: 18338555775
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Ad
Similar to Introduction to HTML5 & CSS3 (20)
Developing for Mobile
Developing for MobileRemy Sharp The document discusses developing for mobile web. It covers several topics including physical properties of mobile devices, their network usage and power constraints. It also discusses different versions of Gmail optimized for different devices. The document recommends inlining content, deferring non-essential work, and being creative with JavaScript libraries and debugging to improve performance for mobile. It highlights the ability of web technologies to build cross-device applications quickly without native restrictions. The conclusion is that native languages may be better if writing many device plugins, but web technologies can be effective otherwise.
Http/2 - What's it all about?
Http/2 - What's it all about?Andy Davies HTTP/2 is a new version of the HTTP network protocol that aims to improve website performance. It uses a single TCP connection to allow multiple requests and responses to be multiplexed together. This improves efficiency over HTTP/1.1. Additionally, HTTP/2 allows servers to push critical resources like CSS files to clients, potentially reducing load times. While HTTP/2 brings performance benefits, challenges remain around widespread server support and differing optimizations between HTTP/1.1 and HTTP/2.
Web services and JavaScript
Web services and JavaScriptChristian Heilmann My presentation at the Ajax Experience in Boston about JavaScript in different environments than browsers.
Flash sobre Web 2.0 y accesibilidad
Flash sobre Web 2.0 y accesibilidadguestb128c7 This document discusses the relationship between web accessibility, search engine optimization (SEO), and emerging technologies like AJAX and Flash. It notes that while new technologies can enhance the user experience, they often cause problems for search engines and accessibility for users with disabilities. The document provides some solutions like progressive enhancement and keeping content separate from presentation to help address these issues.
Web 2.0, Accessibility and SEO
Web 2.0, Accessibility and SEOgleddy This document discusses the relationship between web accessibility, search engine optimization (SEO), and emerging technologies like AJAX and Flash. It notes that while new technologies can enhance the user experience, they often cause problems for search engines and accessibility for users with disabilities. The document provides some solutions like progressive enhancement and keeping content separate from presentation, as well as considering alternatives to technologies when accessibility or SEO could be issues.
URL Design
URL DesignWalter Ebert This document discusses URLs and URL design. Some key points covered include:
- URLs should be meaningful and describe the content or functionality behind them. File structure and naming conventions in URLs can help with this.
- URL rewriting techniques like Pretty URLs can make URLs cleaner and more readable for users and search engines.
- Namespaces, routing conventions, and RESTful design principles can help organize URLs and map URLs to application functionality.
- Vanity URLs, long URLs, and duplicate or dangling URLs should generally be avoided for usability and maintenance reasons.
Jabber Bot
Jabber BotAizat Faiz This document describes how to build a Jabber bot that can process Twitter messages serialized as XMPP messages. It provides instructions on setting up the necessary Ruby gems, creating a daemon to serialize tweets, writing specs to test the bot's behavior, and implementing the bot client to apply rules to messages. Sample Twitter messages in XMPP format are also included. The goal is to allow others to build their own bot armies that can process tweets and perform actions.
Building Rackspace Cloud Monitoring
Building Rackspace Cloud Monitoringgdusbabek Rackspace monitors tens of thousands of servers using several open source tools like Apache Cassandra, Zookeeper, and Scribe. They developed their own tools like Virgo and Dreadnot to deploy agents and configure clusters across datacenters. Regular testing, deployment automation with Dreadnot and Chef, and documentation help support the large-scale monitoring system.
[Android Tour Perú 2013] APIs JSON con Android
[Android Tour Perú 2013] APIs JSON con Android ykro Presentación sobre APIs JSON con Android para el Android Tour Perú 2013
Código disponible en https://github.com/ykro/Android-tour-Peru-2013
Mobile Web Speed Bumps
Mobile Web Speed BumpsNicholas Zakas As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...Wolf Loescher The document discusses converting an existing website to HTML5, CSS3, and responsive design standards. It covers why such an update is important for compatibility, maintainability and accessibility. It then details specifics of implementing HTML5 features like semantic markup, forms, multimedia elements, and the HTML5 shim. CSS3 techniques like rounded corners, shadows, gradients and animations are also covered. The document concludes with topics like responsive design, frameworks, and whether a site remodel or teardown is more appropriate.
OperaMax For PC
OperaMax For PCkalpana n The document contains a list of various website URLs related to technology, apps, blogs, social media, forums and more. Some of the sites listed include Tech App Zone, Alexa, ScreenCast, MyApps Zone, ID Okezone, Stack Overflow, Scoop.it, and forums like Roadkil and Emergic. The document appears to be collecting various online resources across different categories but does not provide any other context around them.
Keypoints html5
Keypoints html5dynamis 20100807
OSC Nagoya での講演資料
# スライドのみで見やすいよう若干整理
P5〜 Agenda
P17〜 "HTML5" って何？
P56〜 HTML5 の範囲は？
P67〜 ブラウザのサポートは？
P94〜 IE6 はどうするの？
P118〜 使用上の注意
P147〜 便利なツールは？
P152〜 One Point Q&A
P186〜 追加資料
Services web RESTful
Services web RESTfulgoldoraf This document discusses RESTful web services and compares them to SOAP. It proposes redesigning the Flickr API to be more RESTful by defining resources like users, photos, tags and comments and allowing them to be manipulated via HTTP methods at URI endpoints. It also discusses representing resources in different formats like XML, JSON and addressing challenges of HATEOAS through hypermedia links between related resources.
Mobile Web Performance - Velocity 2011
Mobile Web Performance - Velocity 2011Barbara Bermes The document provides tips for improving mobile web performance including reducing page load and weight, optimizing images, using CSS sprites and minified scripts, testing performance on mobile devices, and leveraging tools to debug mobile websites remotely. It also recommends strategies like lazy loading images, reducing HTTP requests, using more performance tests and frameworks, and investigating data URIs and offline storage.
Behaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeisHugo Lopes Tavares Apresentação feita na UCAM - Campos com o objetivo de mostrar as idéias de BDD e algumas ferramentas pra aplicar tal metodologia.
Souders WPO Web 2.0 Expo
Souders WPO Web 2.0 ExpoSteve Souders This document summarizes Steve Souders' presentation on web performance optimization (WPO). It discusses how speed is the most important website feature and outlines techniques to improve performance like optimizing assets, reducing page weight, and addressing third-party content. It also previews upcoming developments in WPO like browser tools, standards, and the growing focus on mobile and ensuring speed remains a key differentiator.
Souders WPO Web2.0Expo
Souders WPO Web2.0Expoguest0b3d92d This document summarizes Steve Souders' presentation on web performance optimization (WPO). It discusses how speed is the most important website feature and outlines techniques to improve performance like optimizing assets, reducing page weight, and leveraging caching. It also covers emerging trends like SPDY and improvements to third-party content. The key takeaways are that WPO matters significantly, new standards are coming, and guarding against slow third-party code.
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesSteve Souders The document discusses techniques for optimizing web page performance, including loading scripts asynchronously without blocking page rendering, splitting scripts into critical and non-critical parts, leveraging content delivery networks, minimizing downloads, and using new web standards like the Navigation Timing API. It emphasizes the importance of front-end optimization and progressive enhancement to improve site speed. Examples are given of how major sites like Google, Facebook, and Wikipedia optimize script loading.
HTML5 Overview
HTML5 Overviewreybango An HTML5 overview I gave at Refresh FLL which showed the new features & touched on how to use progressive enhancement and polyfills to leverage HTML5 today.
Ad
More from Pradeep Varadaraja Banavara (9)
Product for startups
Product for startupsPradeep Varadaraja Banavara The document provides an overview of key considerations for building products at startups, including developing a product vision, strategy, and roadmap. It discusses the typical product lifecycle of discovery, development, and distribution phases. Stories from the presenter's experiences highlight challenges like everyone acting as a product manager in early startups, and the importance of getting a minimum viable product launched quickly to validate the vision with real users.
What the hack - Yahoo! Hack India Hyderabad 2013
What the hack - Yahoo! Hack India Hyderabad 2013Pradeep Varadaraja Banavara Pradeep B V introduces himself as a product manager at Yahoo who loves hacking and Hyderabadi biriyani. He invites people to Yahoo's Hack India event to build innovative solutions to real world problems. The document provides tips for participating in a hackathon, including choosing the right tools and skills for your team, tackling hard problems first, iterating your work, and presenting your working prototype at the end. The goal is to solve real problems and show creative thinking within the 24 hour timeframe.
Making sense out of things on the web
Making sense out of things on the webPradeep Varadaraja Banavara This document provides an overview of the evolution of information and technology over time. It begins with ancient symbols and manuscripts, then discusses the development of the telegraph, telephone, radio, and early computers. It outlines the creation of the internet and the world wide web, and how they led to an explosion of information sharing. The document discusses challenges of information overload and different search technologies and services that have been developed to help users find relevant information. It promotes the use of the BOSS API and other tools to build custom search applications and solutions.
Locate your hacks
Locate your hacksPradeep Varadaraja Banavara This document discusses location-aware apps and hacking location data. It begins with some example photos showing current location and what's around. It then discusses oldest maps, current maps, and questions like where, here, around that location-aware apps can answer. It details methods to get current location like asking the user, browser, or sniffing the IP. It also discusses inferring location from data and services for geocoding, reverse geocoding, and querying places. Finally it provides examples of apps, resources, and hacks for working with location data.
Hacking location aware hacks HackU IIT Bombay
Hacking location aware hacks HackU IIT BombayPradeep Varadaraja Banavara This document discusses location-aware apps and hacking location data. It begins with some example photos showing current location and what's around. It then discusses oldest maps, current maps, and questions like where, here, around. It covers getting the current location through asking the user, sniffing the IP, and inferring location. It details the W3C geolocation API, IP sniffing, geocoding, reverse geocoding, and the Yahoo! GeoPlanet API. Finally it discusses some interesting hacks and apps that utilize augmented reality and location data.
Hacking location aware apps
Hacking location aware appsPradeep Varadaraja Banavara The document discusses various techniques for determining a user's location for location-aware apps, including asking the user, sniffing the user's IP address, inferring location from content, and using geocoding and reverse geocoding with services like Yahoo GeoPlanet. It provides examples of APIs and techniques like the W3C geolocation API, MaxMind IP geolocation, and placemaking services. The document also lists some example location-based apps and hacks and resources for developing location-aware applications.
YQL - HackU IIT Madras 2012
YQL - HackU IIT Madras 2012Pradeep Varadaraja Banavara The document discusses how to use the Yahoo Query Language (YQL) to tap into thousands of APIs and extract data from sources across the web by writing simple SQL-like queries. It provides examples of queries to search Twitter, YouTube, Flickr, Craigslist and more, and explains how to select, filter, sort and limit data from these sources using YQL. Key resources mentioned include the YQL documentation, console and Github account for contributing custom data tables.
Hacking up location aware apps
Hacking up location aware appsPradeep Varadaraja Banavara This document discusses location-aware apps and hacking together location services. It begins by asking common questions like "Where?" and "What's around?". It then covers determining a user's current location by asking the user, sniffing the IP address, or inferring location from data. Methods discussed include using the W3C geolocation API, MaxMind IP lookup, geocoding, reverse geocoding, and Yahoo! GeoPlanet. The document points to code demos and resources for building augmented reality and mapping apps using location services.
BOSS HackU IITD
BOSS HackU IITDPradeep Varadaraja Banavara The document discusses BOSS (Build Your Own Search Service), which is a search API provided by Yahoo. It allows developers to integrate search functionality into their applications by providing RESTful APIs, authentication via OAuth, and tools to customize search results. The document provides examples of how BOSS can be used to perform different types of searches across web, images and news and filter or re-rank results. It also highlights some open source projects that have been built using BOSS and lists additional resources for developers.
Recently uploaded (20)
If You Use Databricks, You Definitely Need FME
If You Use Databricks, You Definitely Need FMESafe Software DataBricks makes it easy to use Apache Spark. It provides a platform with the potential to analyze and process huge volumes of data. Sounds awesome. The sales brochure reads as if it is a can-do-all data integration platform. Does it replace our beloved FME platform or does it provide opportunities for FME to shine? Challenge accepted
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...Anish Kumar Presented by: Anish Kumar
LinkedIn: https://www.linkedin.com/in/anishkumar/
This lightning talk dives into real-world GenAI projects that scaled from prototype to production using Databricks’ fully managed tools. Facing cost and time constraints, we leveraged four key Databricks features—Workflows, Model Serving, Serverless Compute, and Notebooks—to build an AI inference pipeline processing millions of documents (text and audiobooks).
This approach enables rapid experimentation, easy tuning of GenAI prompts and compute settings, seamless data iteration and efficient quality testing—allowing Data Scientists and Engineers to collaborate effectively. Learn how to design modular, parameterized notebooks that run concurrently, manage dependencies and accelerate AI-driven insights.
Whether you're optimizing AI inference, automating complex data workflows or architecting next-gen serverless AI systems, this session delivers actionable strategies to maximize performance while keeping costs low.
FCF- Getting Started in Cybersecurity 3.0
FCF- Getting Started in Cybersecurity 3.0RodrigoMori7 FCF- Getting Started in Cybersecurity 3.0/ Fortinet
Trends Artificial Intelligence - Mary Meeker
Trends Artificial Intelligence - Mary MeekerClive Dickens Mary Meeker’s 2024 AI report highlights a seismic shift in productivity, creativity, and business value driven by generative AI. She charts the rapid adoption of tools like ChatGPT and Midjourney, likening today’s moment to the dawn of the internet. The report emphasizes AI’s impact on knowledge work, software development, and personalized services—while also cautioning about data quality, ethical use, and the human-AI partnership. In short, Meeker sees AI as a transformative force accelerating innovation and redefining how we live and work.
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...Safe Software The National Fuels Treatments Initiative (NFT) is transforming wildfire mitigation by creating a standardized map of nationwide fuels treatment locations across all land ownerships in the United States. While existing state and federal systems capture this data in diverse formats, NFT bridges these gaps, delivering the first truly integrated national view. This dataset will be used to measure the implementation of the National Cohesive Wildland Strategy and demonstrate the positive impact of collective investments in hazardous fuels reduction nationwide. In Phase 1, we developed an ETL pipeline template in FME Form, leveraging a schema-agnostic workflow with dynamic feature handling intended for fast roll-out and light maintenance. This was key as the initiative scaled from a few to over fifty contributors nationwide. By directly pulling from agency data stores, oftentimes ArcGIS Feature Services, NFT preserves existing structures, minimizing preparation needs. External mapping tables ensure consistent attribute and domain alignment, while robust change detection processes keep data current and actionable. Now in Phase 2, we’re migrating pipelines to FME Flow to take advantage of advanced scheduling, monitoring dashboards, and automated notifications to streamline operations. Join us to explore how this initiative exemplifies the power of technology, blending FME, ArcGIS Online, and AWS to solve a national business problem with a scalable, automated solution.
Oracle Cloud Infrastructure AI Foundations
Oracle Cloud Infrastructure AI FoundationsVICTOR MAESTRE RAMIREZ Oracle Cloud Infrastructure AI Foundations
Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOM
Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOMAnchore Over 70% of any given software application consumes open source software (most likely not even from the original source) and only 15% of organizations feel confident in their risk management practices.
With the newly announced Anchore SBOM feature, teams can start safely consuming OSS while mitigating security and compliance risks. Learn how to import SBOMs in industry-standard formats (SPDX, CycloneDX, Syft), validate their integrity, and proactively address vulnerabilities within your software ecosystem.
GIS and FME: The Foundation to Improve the Locate Process of Utilities
GIS and FME: The Foundation to Improve the Locate Process of UtilitiesSafe Software Locate requests is an important activity for utility companies to prevent people who are digging from damaging underground assets. At Energir, locates were historically treated by our internal field technicians. It’s a very intensive and time-sensitive task during the summer season and it has a significant financial and environmental cost. Since locate requests tend to increase from year to year, it became clear that improvements were needed to keep delivering a quality service to requestors and keeping Energir’s assets safe. This presentation will explain how transformative projects done in the past years allowed to start sending locate plans to requestors without the intervention of field technicians. The analysis of the GIS data through FME workbenchs allows to filter some locate request types and process them semi-automatically. However, the experience gained so far shows that this process is limited by the fact that Energir’s is missing precise information about the spatial accuracy. Future plans are to precisely locate most of Energir’s gas network and FME will again be a huge help to integrate all the data that will be produced.
Dancing with AI - A Developer's Journey.pptx
Dancing with AI - A Developer's Journey.pptxElliott Richmond In this talk, Elliott explores how developers can embrace AI not as a threat, but as a collaborative partner.
We’ll examine the shift from routine coding to creative leadership, highlighting the new developer superpowers of vision, integration, and innovation.
We'll touch on security, legacy code, and the future of democratized development.
Whether you're AI-curious or already a prompt engineering, this session will help you find your rhythm in the new dance of modern development.
DevOps in the Modern Era - Thoughtfully Critical Podcast
DevOps in the Modern Era - Thoughtfully Critical PodcastChris Wahl https://youtu.be/735hP_01WV0
My journey through the world of DevOps! From the early days of breaking down silos between developers and operations to the current complexities of cloud-native environments. I'll talk about my personal experiences, the challenges we faced, and how the role of a DevOps engineer has evolved.
LSNIF: Locally-Subdivided Neural Intersection Function
LSNIF: Locally-Subdivided Neural Intersection FunctionTakahiro Harada Neural representations have shown the potential to accelerate ray casting in a conventional ray-tracing-based rendering pipeline. We introduce a novel approach called Locally-Subdivided Neural Intersection Function (LSNIF) that replaces bottom-level BVHs used as traditional geometric representations with a neural network. Our method introduces a sparse hash grid encoding scheme incorporating geometry voxelization, a scene-agnostic training data collection, and a tailored loss function. It enables the network to output not only visibility but also hit-point information and material indices. LSNIF can be trained offline for a single object, allowing us to use LSNIF as a replacement for its corresponding BVH. With these designs, the network can handle hit-point queries from any arbitrary viewpoint, supporting all types of rays in the rendering pipeline. We demonstrate that LSNIF can render a variety of scenes, including real-world scenes designed for other path tracers, while achieving a memory footprint reduction of up to 106.2x compared to a compressed BVH.
https://arxiv.org/abs/2504.21627
AI Agents in Logistics and Supply Chain Applications Benefits and Implementation
AI Agents in Logistics and Supply Chain Applications Benefits and ImplementationChristine Shepherd AI agents are reshaping logistics and supply chain operations by enabling automation, predictive insights, and real-time decision-making across key functions such as demand forecasting, inventory management, procurement, transportation, and warehouse operations. Powered by technologies like machine learning, NLP, computer vision, and robotic process automation, these agents deliver significant benefits including cost reduction, improved efficiency, greater visibility, and enhanced adaptability to market changes. While practical use cases show measurable gains in areas like dynamic routing and real-time inventory tracking, successful implementation requires careful integration with existing systems, quality data, and strategic scaling. Despite challenges such as data integration and change management, AI agents offer a strong competitive edge, with widespread industry adoption expected by 2025.
TimeSeries Machine Learning - PyData London 2025
TimeSeries Machine Learning - PyData London 2025Suyash Joshi Timeseries Machine Learning - forecasting and anomaly detection with InfluxDB
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfAlkin Tezuysal As the demand for vector databases and Generative AI continues to rise, integrating vector storage and search capabilities into traditional databases has become increasingly important. This session introduces the *MyVector Plugin*, a project that brings native vector storage and similarity search to MySQL. Unlike PostgreSQL, which offers interfaces for adding new data types and index methods, MySQL lacks such extensibility. However, by utilizing MySQL's server component plugin and UDF, the *MyVector Plugin* successfully adds a fully functional vector search feature within the existing MySQL + InnoDB infrastructure, eliminating the need for a separate vector database. The session explains the technical aspects of integrating vector support into MySQL, the challenges posed by its architecture, and real-world use cases that showcase the advantages of combining vector search with MySQL's robust features. Attendees will leave with practical insights on how to add vector search capabilities to their MySQL systems.
Data Virtualization: Bringing the Power of FME to Any Application
Data Virtualization: Bringing the Power of FME to Any ApplicationSafe Software Imagine building web applications or dashboards on top of all your systems. With FME’s new Data Virtualization feature, you can deliver the full CRUD (create, read, update, and delete) capabilities on top of all your data that exploit the full power of FME’s all data, any AI capabilities. Data Virtualization enables you to build OpenAPI compliant API endpoints using FME Form’s no-code development platform.
In this webinar, you’ll see how easy it is to turn complex data into real-time, usable REST API based services. We’ll walk through a real example of building a map-based app using FME’s Data Virtualization, and show you how to get started in your own environment – no dev team required.
What you’ll take away:
-How to build live applications and dashboards with federated data
-Ways to control what’s exposed: filter, transform, and secure responses
-How to scale access with caching, asynchronous web call support, with API endpoint level security.
-Where this fits in your stack: from web apps, to AI, to automation
Whether you’re building internal tools, public portals, or powering automation – this webinar is your starting point to real-time data delivery.
cnc-drilling-dowel-inserting-machine-drillteq-d-510-english.pdf
cnc-drilling-dowel-inserting-machine-drillteq-d-510-english.pdfAmirStern2 CNC מכונות קידוח drillteq d-510
Jira Administration Training – Day 1 : Introduction
Jira Administration Training – Day 1 : IntroductionRavi Teja This presentation covers the basics of Jira for beginners. Learn how Jira works, its key features, project types, issue types, and user roles. Perfect for anyone new to Jira or preparing for Jira Admin roles.
Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfälle
Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfällepanagenda Webinar Recording: https://www.panagenda.com/webinars/domino-iq-was-sie-erwartet-erste-schritte-und-anwendungsfalle/
HCL Domino iQ Server – Vom Ideenportal zur implementierten Funktion. Entdecken Sie, was es ist, was es nicht ist, und erkunden Sie die Chancen und Herausforderungen, die es bietet.
Wichtige Erkenntnisse
- Was sind Large Language Models (LLMs) und wie stehen sie im Zusammenhang mit Domino iQ
- Wesentliche Voraussetzungen für die Bereitstellung des Domino iQ Servers
- Schritt-für-Schritt-Anleitung zur Einrichtung Ihres Domino iQ Servers
- Teilen und diskutieren Sie Gedanken und Ideen, um das Potenzial von Domino iQ zu maximieren
Improving Developer Productivity With DORA, SPACE, and DevEx
Improving Developer Productivity With DORA, SPACE, and DevExJustin Reock Ready to measure and improve developer productivity in your organization?
Join Justin Reock, Deputy CTO at DX, for an interactive session where you'll learn actionable strategies to measure and increase engineering performance.
Leave this session equipped with a comprehensive understanding of developer productivity and a roadmap to create a high-performing engineering team in your company.
Introduction to HTML5 & CSS3
- 2. HTML5 & CSS3Pradeep B VY! Media@pradeepbvhttp://www.slideshare.net/pradeepbv
- 3. Web standards todayHTMLHTML 4.01 SpecificationW3C Recommendation 24 December 1999JSECMA-262 3rd editionNovember 2000CSSCSS Level 2 SpecificationW3C Recommendation May 1998
- 4. Ailing , over burdened & cracking at the edges http://www.flickr.com/photos/vivekjena/2904759616/
- 5. Who can help us? http://www.flickr.com/photos/ananthask/3092896908
- 7. Html5 = ???Html5 markup + jsapi’S + css3 http://www.flickr.com/photos/gladius/with/2304942509/
- 8. It already running out therehttp://www.flickr.com/photos/philmcelhinney/1000986005/
- 11. HTML 5 SEMATICS<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.flickr.com/photos/hamed/512309138/<!doctype html>http://www.flickr.com/photos/yourdon/3475417696/http://www.flickr.com/photos/johanl/4816110696/in/photostream/
- 12. HTML 5 SEMATICS<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">http://www.flickr.com/photos/hamed/512309138/<meta charset=“utf-8">http://www.flickr.com/photos/yourdon/3475417696/http://www.flickr.com/photos/johanl/4816110696/in/photostream/
- 13. HTML 5 SEMATICS<link rel="stylesheet" type="text/css" href=“style.css"></link>http://www.flickr.com/photos/hamed/512309138/<link rel="stylesheet” href=“style.css"></link><script></script>http://www.flickr.com/photos/yourdon/3475417696/http://www.flickr.com/photos/johanl/4816110696/in/photostream/
- 15. Some new elements<figure> & <figcaption><mark><meter><progress><details> & <summary><time><datalist> & listSome new Attributescontenteditablecontextmenudragableroleon??? (e.g. onclick)http://www.flickr.com/photos/hygienematters/5424756879
- 16. Custom Attributes<div id=“ticker” data-symbol=“YHOO”>el.getAttribute(attrName)http://www.flickr.com/photos/tamakisono/531582453
- 17. New form typesmore at: http://diveintohtml5.org/forms.htmlhttp://www.flickr.com/photos/wwworks/2475349116
- 18. MicrodataSemantic web pagesAnnotate the DOM with scoped key/value pair from custom vocabularieshttp://www.flickr.com/photos/osde-info/3189305118/
- 21. Devices go on airplane modehttp://www.flickr.com/photos/pmiaki/3635074858
- 22. <html manifest="/cache.manifest">CACHE MANIFESTindex.htmlstyle.cssScript.jsNetwork: api.webservice.example.comhttp://www.whatwg.org/specs/web-apps/current-work/multipage/offline.htmlhttp://www.flickr.com/photos/teegardin/5894050552
- 24. Storage APIsessionStorage: tied to the life of the session (browser window close)localStorage: is stored indefinitelyMore: http://html5demos.com/storage/http://www.flickr.com/photos/bfionline/2378518052
- 26. Hisroty APIwindow . history . pushState(data, title [, url ] )window.addEventListener("popstate", function(event) {set(event.state);}http://diveintohtml5.org/history.htmlhttp://www.flickr.com/photos/archetypefotografie/3821120232
- 28. File APIFile APIUse JS to Read file
- 31. Geo locationif (navigator.geolocation)navigator.geolocation.getCurrentPosition(success, failure, {maximumAge: 4800}); coords.latitudecoords.longitudecoords.altitudecoords.accuracycoords.altitudeAccuracycoords.headingcoords.speedtimestamphttp://www.flickr.com/photos/geocacherdk/3359109398
- 32. File APIDevice Orientationwindow.addEventListener("deviceorientation", function(event) { // process event.alpha, event.beta and event.gamma }, true);http://pradeepbv.github.com/openhackday2011/device_orientation_demo.htmlhttp://dev.w3.org/geo/api/spec-source-orientation.htmlhttp://www.flickr.com/photos/lofink/415275746
- 33. Other things on the launch pad…audio/video input, access microphones and cameras,local data such as contacts & eventshttp://www.flickr.com/photos/gladius/162647178
- 36. Cross-Origin Resource SharingXHR request across domainsif the server you are connecting to allows it<?phpheader('Access-Control-Allow-Origin: *');?>myproxy.php<?php $url = $_SERVER['QUERY_STRING']; $ch = curl_init($url);curl_exec($ch);?>http://www.flickr.com/photos/garryknight/3861083969/
- 37. Websocketsfull-duplex Reduced latency Gaminghttp://www.flickr.com/photos/triller/2226679393/
- 40. <video> - audio, autoplay, control, height, loop, poster, preload, src, width<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> <source src="movie.webm" type="video/webm" /></video>http://www.flickr.com/photos/lge/3810270838/, http://googlesystem.blogspot.com/2010/08/watch-video-in-youtubes-html5-player.html
- 41. Video
- 42. Audioautoplay, controls, loop, preload, src<audio controls="controls"> <source src=”mysong.ogg" type="audio/ogg" /> <source src=”mysong.mp3" type="audio/mpeg" /></audio>http://www.flickr.com/photos/17258892@N05/2587506121/
- 48. Web workersCarry outexpensive computationsnetwork callswithout interrupting the UIhttp://pradeepbv.github.com/openhackday2011/web_workers_demo.htmlhttp://www.flickr.com/photos/gladius/1240719073
- 51. Style up using CSS3http://www.flickr.com/photos/pdenker/5386861946/
- 52. Follow fashion trends GradientRounded CornersShadowhttp://www.flickr.com/photos/pumpkincat210/3339791794
- 57. Copy, paste, tweak, profit!http://html5demos.com/http://www.flickr.com/photos/avatar-1/5499235063