HTML 5 defines the fifth major revision of HTML and reflects efforts to study contemporary HTML implementations and deployed content. It aims to address issues with previous specifications and enhance HTML to better support web applications. New features include enhanced semantics, multimedia elements like video and audio, client-side storage, and geographic location detection. Compatibility is ensured through supporting older HTML parsing but some features require checking browser support through methods like feature detection libraries.
Code for Startup MVP (Ruby on Rails) Session 1Henry S
First Session on Learning to Code for Startup MVP's using Ruby on Rails.
This session covers the web architecture, Git/GitHub and makes a real rails app that is deployed to Heroku at the end.
Thanks,
Henry
The document outlines topics related to web development including introductions to HTML, CSS, XML, JSON, and other web technologies. It discusses internet infrastructure, the world wide web, and how websites are planned and designed. The document also provides an outline and overview of key elements of HTML like headings, paragraphs, colors, fonts, links, and images.
The document outlines an agenda for a session on HTML, CSS, and UI/UX design. It includes a quick revision of HTML and CSS standards and practices. It introduces HTML5 best practices regarding semantic elements. It defines what UI/UX is and why it is important. It discusses some UI principles to follow, such as keeping designs simple, straightforward, and focused on context while guiding users and providing feedback.
Service-Oriented Design and Implement with Rails3Wen-Tien Chang
The service implements a RESTful Users web service with Rails 3. It customizes Rails to remove unnecessary components and optimize for a lightweight REST service. The service follows best practices for API design including using JSON format, placing JSON conversion in the controller, and returning appropriate HTTP status codes. Requests are designed to be stateless and atomic. Errors are returned in a standardized JSON format.
The document discusses various customization options available in Vibe, including simple out-of-the-box customizations that require no coding like branding, forms, workflows, and templates. It also covers customization options that involve basic HTML, CSS, JavaServer Pages (JSP), and other development options using technologies like SOAP and applications. Specific customization examples provided include modifying styles, creating new forms and landing pages, and developing custom actions for workflows using Java classes.
Stencil the time for vanilla web components has arrivedGil Fink
Stencil provides a compiler that generates standard-compliant custom elements from components written using its API, making it easier to create reusable web components. It addresses problems with vanilla custom elements by adding features like virtual DOM, reactivity, JSX and TypeScript support. Stencil components can be used by any framework since the output is just standard web components, avoiding issues of framework coupling. It also helps create sharable infrastructure components and enables building microfrontends with shared behaviors across applications.
Novell Teaming offers excellent functionality out of the box. It also offers limitless possibilities for customization based on your organization's needs. Attend this session to learn how easily you can create custom branding elements for your Novell Teaming environment—and how you can create extensions from Novell Teaming to other applications. You'll receive step-by-step instructions on the process from Novell Teaming engineers and experts.
Making Life Easier with PowerShell (SPSVB 2012)Michael Greene
Have you ever spent an afternoon setting site collection properties manually on every site collection in your farm? How about going through and activating features following an upgrade? These are just two simple examples of where PowerShell can turn an entire afternoon worth of work into just a few minutes. In this session we’ll start off with a familiarization of PowerShell and progress into capabilities and usage scenarios of the out of the box SharePoint 2010 cmdlets.
Presented at SharePoint Saturday, Virginia Beach (January 7, 2012)
Code for Startup MVP (Ruby on Rails) Session 1Henry S
First Session on Learning to Code for Startup MVP's using Ruby on Rails.
This session covers the web architecture, Git/GitHub and makes a real rails app that is deployed to Heroku at the end.
Thanks,
Henry
The document outlines topics related to web development including introductions to HTML, CSS, XML, JSON, and other web technologies. It discusses internet infrastructure, the world wide web, and how websites are planned and designed. The document also provides an outline and overview of key elements of HTML like headings, paragraphs, colors, fonts, links, and images.
The document outlines an agenda for a session on HTML, CSS, and UI/UX design. It includes a quick revision of HTML and CSS standards and practices. It introduces HTML5 best practices regarding semantic elements. It defines what UI/UX is and why it is important. It discusses some UI principles to follow, such as keeping designs simple, straightforward, and focused on context while guiding users and providing feedback.
Service-Oriented Design and Implement with Rails3Wen-Tien Chang
The service implements a RESTful Users web service with Rails 3. It customizes Rails to remove unnecessary components and optimize for a lightweight REST service. The service follows best practices for API design including using JSON format, placing JSON conversion in the controller, and returning appropriate HTTP status codes. Requests are designed to be stateless and atomic. Errors are returned in a standardized JSON format.
The document discusses various customization options available in Vibe, including simple out-of-the-box customizations that require no coding like branding, forms, workflows, and templates. It also covers customization options that involve basic HTML, CSS, JavaServer Pages (JSP), and other development options using technologies like SOAP and applications. Specific customization examples provided include modifying styles, creating new forms and landing pages, and developing custom actions for workflows using Java classes.
Stencil the time for vanilla web components has arrivedGil Fink
Stencil provides a compiler that generates standard-compliant custom elements from components written using its API, making it easier to create reusable web components. It addresses problems with vanilla custom elements by adding features like virtual DOM, reactivity, JSX and TypeScript support. Stencil components can be used by any framework since the output is just standard web components, avoiding issues of framework coupling. It also helps create sharable infrastructure components and enables building microfrontends with shared behaviors across applications.
Novell Teaming offers excellent functionality out of the box. It also offers limitless possibilities for customization based on your organization's needs. Attend this session to learn how easily you can create custom branding elements for your Novell Teaming environment—and how you can create extensions from Novell Teaming to other applications. You'll receive step-by-step instructions on the process from Novell Teaming engineers and experts.
Making Life Easier with PowerShell (SPSVB 2012)Michael Greene
Have you ever spent an afternoon setting site collection properties manually on every site collection in your farm? How about going through and activating features following an upgrade? These are just two simple examples of where PowerShell can turn an entire afternoon worth of work into just a few minutes. In this session we’ll start off with a familiarization of PowerShell and progress into capabilities and usage scenarios of the out of the box SharePoint 2010 cmdlets.
Presented at SharePoint Saturday, Virginia Beach (January 7, 2012)
SE2016 - Java EE revisits design patterns 2016Alex Theedom
Design patterns are not only cool but represent the collective wisdom of many developers. Since the publication of Design Patterns: Elements of Reusable Object-Oriented Software by GoF many new concepts have extended the coverage of these design patterns, and now Java EE provides out-of-the box implementations of many of the most well known patterns. This talk will show how, by taking advantage of Java EE features such as CDI and the smart use of annotations, traditional design patterns can be implemented in a much cleaner and quicker way. Among the design patterns discuss there will be Singleton, Façade, Observer, Factory, Dependency Injection, Decorator and more.
Making Life Easier with PowerShell - SPSRICMichael Greene
Have you ever spent an afternoon setting site collection properties manually on every site collection in your farm? How about going through and activating features following an upgrade? These are just two simple examples of where PowerShell can turn an entire afternoon worth of work into just a few minutes. In this session we’ll start off with a familiarization of PowerShell and progress into capabilities and usage scenarios of the out of the box SharePoint 2010 cmdlets.
Presented at SharePoint Saturday, Richmond (November 5, 2011)
This document summarizes the services and expertise offered by Acquia, a Drupal consulting firm. It discusses Acquia's Drupal and open source expertise, software industry experience, and the Acquia Network which provides Drupal support and optimized hosting. It also introduces the author and describes services like Drupal jumpstarts, workshops, audits, on-site consulting, and balancing custom and contributed code. The document emphasizes best practices in areas like content and display architecture, security, performance, infrastructure, maintenance, and deployment to help clients maintain a high-quality Drupal site.
Domain-driven design (DDD) is an approach that connects software implementation to an evolving model of the core business concepts. It focuses on placing the project's primary emphasis on the domain and domain logic. DDD provides a structure for design decisions that accelerate projects dealing with complex domains. The core aspects of DDD include defining a ubiquitous language, building domain models, separating domain models from infrastructure concerns, and establishing context boundaries for models. DDD aims to create a common language between business and technical stakeholders and improve reusability and testability of domain objects.
Challenges of Simple Documents: When Basic isn't so Basic - Cassandra Targett...Lucidworks
This document discusses challenges in providing search capabilities for the Apache Solr Reference Guide content. It explores indexing the reference guide content stored in HTML format using the bin/post tool and Apache Solr's ExtractingRequestHandler. It also considers using Lucidworks' Site Search hosted service as an alternative. While both options face challenges due to the source content structure, Site Search provides a quicker path to basic search functionality for the reference guide.
This document summarizes a presentation about taking eZ Find, an open source search engine for eZ Publish, beyond basic full-text search capabilities. It discusses using Solr, the search engine that powers eZ Find, for more advanced uses like integrating external data sources. It also covers semantic annotation of content using engines like Apache Stanbol and building ontologies to enhance search relevancy. Finally, it proposes a new content repository project to provide a more powerful and flexible content model than eZ Publish while still connecting to its ecosystem.
WebTools for GemStone/S provides a new way to interact with a running GemStone system through a web browser. The presentation demonstrated WebTools and discussed its design using JavaScript and files served from the GemStone file system. Future enhancements could include additional tools like an inspector, Monticello browser, and Metacello browser, but WebTools is not officially supported and is provided as an example.
Drupal is a powerful and flexible platform to build websites with rich funcionalities without building almost anything from scratch. This flexibility brought by the usage of a powerful framework and the work of a super active community can abstract people to understand what is Drupal doing behind the scenes.
Most of performance talks regarding Drupal focus on aspects like infrastructure changes, caching strategies, and comparison of performance between modules or platforms. Unfortunately when performance problems occur, development teams also follow several strategies to replace several aspects in their platforms, jump directly to look for slow queries before trying really to understand where is the bottleneck.
However, most of the times what really needs to be done is to look to what the application is doing and understanding why is it taking so long to do it. Drupal is a platform used by million of websites worldwide and its performance is easy to measure and compare.
At Acquia we have done dozens of performance assessments, and even if we usually face the same problems, sometimes we found weird situations that are only possible to be detected when measured. Measuring and profiling is the only way to understand performance problems in a site and provide valid fixes.
In this talk I will explain how to detect problems regarding performance in Drupal, using simple modules like devel, profilers like XhProf and looking to logs to understand the impact done on the application.
One drupal to rule them all - Drupalcamp Cacereshernanibf
This document discusses options for managing multiple Drupal sites from a single platform. It presents the options of using a single Drupal site with modules like Organic Groups or multiple Drupal sites. It also introduces the concept of a "factory of sites" that allows new sites to be quickly created and deployed in a standardized way. Specific solutions like Drupal Gardens, Acquia Site Factory, Aegir, and custom solutions are outlined and their advantages and disadvantages discussed.
Apache Solr is a state of the art, high performance and scalable search server you can use in your (PHP) application to provide a very feature rich search experience. Besides full-text search, it also provides spell checking, highlighting, facets and powerful functions that can put it in the realm of a general information retrieval engine, replacing complex database queries you would (need to) use otherwise.
Use cases range from e-commerce, real-estate database search, intranets/extranets, content management systems, document management systems and anything that offers exploration of structured and/or unstructured information. The recent addition of geo-aware features makes even location searches possible.
Advanced Site Studio Class, June 18, 2012Lee Klement
This document provides an overview of an upcoming training on Oracle Universal Content Management (UCM) 11g and Site Studio. It introduces the instructor, Lee Klement, and outlines the agenda for the three day training, which will cover topics such as deploying dynamic web sites, Site Studio administration, creating custom elements, using Idoc script, adding navigation, and more. Optional additional lessons may include creating fragments, working more with Idoc script, and Site Studio services.
This document provides an overview of IBM i tutorial events occurring at ZendCon '09, including PHP sessions on Tuesday and an IBM i networking reception. It introduces Mike Pavlak, the Solution Consultant giving the tutorial, and reviews tools for developing PHP applications on IBM i like Zend Core, Studio, and Server. The tutorial agenda includes using toolkit functions, debugging with Zend Platform, and integrating procedural PHP with the Zend Framework.
If your web application runs slowly, your reputation and business could suffer. To restore confidence, you must improve performance immediately, because frustrated users might not return to give you a second chance. You need “Web Performance First Aid.”
In this talk, Alan will share "first aid" techniques that can improve web performance within minutes.
Once your site starts to run faster, positive word of mouth may be generated among users, restoring confidence in your efforts and giving you breathing room to examine your application for further improvements.
Particular focus will be given to free tools that help diagnose performance bottlenecks, how to configure the Apache web server for speed, and making best use of the unique characteristics of IBM i.
SPSDenver - Wrapping Your Head Around the SharePoint BeastMark Rackley
This document provides an overview of SharePoint and the path to becoming a SharePoint developer. It discusses why organizations implement SharePoint, defines common terminology, and reviews the logical architecture and taxonomy. It outlines the various roles in SharePoint development from end users to administrators to developers. It also discusses tools, debugging, deployment, and the importance of the SharePoint community.
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
This document discusses best practices for designing RESTful APIs including planning for versioning, request and response formats, and authentication. It recommends using a RESTful approach, starting with a minimum viable API and maintaining features across versions. It suggests implementing versioning through URI design and sub-controllers, and handling requests and responses with JSON and the respond_with method in Rails. It also provides examples of authentication with Devise or request signatures, and testing API actions.
This document provides an overview of RapidApp, a Catalyst extension that aims to speed web development. It discusses RapidApp's features like automatic Ajax interfaces, CRUD interfaces generated from schemas, and RESTful URL schemes. The presenter then demonstrates RapidApp by developing a web admin interface for a DNS server application.
How to measure and optimize performance of applications that use Zend Framework 1.x. A talk presented at the New York City Zend Framework Meetup (http://www.meetup.com/ZendFramework-NYCmetro/) on August 23, 2011.
This document contains slides from a presentation on HTML5 and web technologies given by Kristof Degrave. It introduces Kristof and his background before covering topics like HTML fundamentals, CSS3, web applications including offline capabilities, web storage, IndexedDB, and web sockets. The slides include explanations, code examples, and diagrams related to these emerging web standards.
Este documento discute as reações negativas aos relacionamentos virtuais mediados pela Internet e telefonia celular. A autora argumenta que, embora tais reações tenham sido compreensíveis nos primeiros anos de difusão dessas tecnologias, elas persistem de forma infundada. Ela toma o trabalho recente do sociólogo Zygmunt Bauman como exemplo de visão excessivamente crítica e contrapõe estudos que mostram diferentes tipos de interação virtual. O objetivo é apresentar uma visão mais equilibrada dos relacionamentos mediados por tecnologia
Dissertação impacto da gestão do risco nas instuições finaceiras.Manuel Fernandes
Este documento analisa o impacto da gestão do risco nas principais instituições financeiras portuguesas à luz dos Acordos de Basileia. Estuda os relatórios e contas dos cinco maiores bancos portugueses para avaliar o estágio de desenvolvimento da gestão do risco operacional e verificar o cumprimento dos requisitos de Basileia. Conclui que os bancos desenvolvem integralmente atividades de gestão de risco e seguem as abordagens previstas nos Acordos de Basileia.
SE2016 - Java EE revisits design patterns 2016Alex Theedom
Design patterns are not only cool but represent the collective wisdom of many developers. Since the publication of Design Patterns: Elements of Reusable Object-Oriented Software by GoF many new concepts have extended the coverage of these design patterns, and now Java EE provides out-of-the box implementations of many of the most well known patterns. This talk will show how, by taking advantage of Java EE features such as CDI and the smart use of annotations, traditional design patterns can be implemented in a much cleaner and quicker way. Among the design patterns discuss there will be Singleton, Façade, Observer, Factory, Dependency Injection, Decorator and more.
Making Life Easier with PowerShell - SPSRICMichael Greene
Have you ever spent an afternoon setting site collection properties manually on every site collection in your farm? How about going through and activating features following an upgrade? These are just two simple examples of where PowerShell can turn an entire afternoon worth of work into just a few minutes. In this session we’ll start off with a familiarization of PowerShell and progress into capabilities and usage scenarios of the out of the box SharePoint 2010 cmdlets.
Presented at SharePoint Saturday, Richmond (November 5, 2011)
This document summarizes the services and expertise offered by Acquia, a Drupal consulting firm. It discusses Acquia's Drupal and open source expertise, software industry experience, and the Acquia Network which provides Drupal support and optimized hosting. It also introduces the author and describes services like Drupal jumpstarts, workshops, audits, on-site consulting, and balancing custom and contributed code. The document emphasizes best practices in areas like content and display architecture, security, performance, infrastructure, maintenance, and deployment to help clients maintain a high-quality Drupal site.
Domain-driven design (DDD) is an approach that connects software implementation to an evolving model of the core business concepts. It focuses on placing the project's primary emphasis on the domain and domain logic. DDD provides a structure for design decisions that accelerate projects dealing with complex domains. The core aspects of DDD include defining a ubiquitous language, building domain models, separating domain models from infrastructure concerns, and establishing context boundaries for models. DDD aims to create a common language between business and technical stakeholders and improve reusability and testability of domain objects.
Challenges of Simple Documents: When Basic isn't so Basic - Cassandra Targett...Lucidworks
This document discusses challenges in providing search capabilities for the Apache Solr Reference Guide content. It explores indexing the reference guide content stored in HTML format using the bin/post tool and Apache Solr's ExtractingRequestHandler. It also considers using Lucidworks' Site Search hosted service as an alternative. While both options face challenges due to the source content structure, Site Search provides a quicker path to basic search functionality for the reference guide.
This document summarizes a presentation about taking eZ Find, an open source search engine for eZ Publish, beyond basic full-text search capabilities. It discusses using Solr, the search engine that powers eZ Find, for more advanced uses like integrating external data sources. It also covers semantic annotation of content using engines like Apache Stanbol and building ontologies to enhance search relevancy. Finally, it proposes a new content repository project to provide a more powerful and flexible content model than eZ Publish while still connecting to its ecosystem.
WebTools for GemStone/S provides a new way to interact with a running GemStone system through a web browser. The presentation demonstrated WebTools and discussed its design using JavaScript and files served from the GemStone file system. Future enhancements could include additional tools like an inspector, Monticello browser, and Metacello browser, but WebTools is not officially supported and is provided as an example.
Drupal is a powerful and flexible platform to build websites with rich funcionalities without building almost anything from scratch. This flexibility brought by the usage of a powerful framework and the work of a super active community can abstract people to understand what is Drupal doing behind the scenes.
Most of performance talks regarding Drupal focus on aspects like infrastructure changes, caching strategies, and comparison of performance between modules or platforms. Unfortunately when performance problems occur, development teams also follow several strategies to replace several aspects in their platforms, jump directly to look for slow queries before trying really to understand where is the bottleneck.
However, most of the times what really needs to be done is to look to what the application is doing and understanding why is it taking so long to do it. Drupal is a platform used by million of websites worldwide and its performance is easy to measure and compare.
At Acquia we have done dozens of performance assessments, and even if we usually face the same problems, sometimes we found weird situations that are only possible to be detected when measured. Measuring and profiling is the only way to understand performance problems in a site and provide valid fixes.
In this talk I will explain how to detect problems regarding performance in Drupal, using simple modules like devel, profilers like XhProf and looking to logs to understand the impact done on the application.
One drupal to rule them all - Drupalcamp Cacereshernanibf
This document discusses options for managing multiple Drupal sites from a single platform. It presents the options of using a single Drupal site with modules like Organic Groups or multiple Drupal sites. It also introduces the concept of a "factory of sites" that allows new sites to be quickly created and deployed in a standardized way. Specific solutions like Drupal Gardens, Acquia Site Factory, Aegir, and custom solutions are outlined and their advantages and disadvantages discussed.
Apache Solr is a state of the art, high performance and scalable search server you can use in your (PHP) application to provide a very feature rich search experience. Besides full-text search, it also provides spell checking, highlighting, facets and powerful functions that can put it in the realm of a general information retrieval engine, replacing complex database queries you would (need to) use otherwise.
Use cases range from e-commerce, real-estate database search, intranets/extranets, content management systems, document management systems and anything that offers exploration of structured and/or unstructured information. The recent addition of geo-aware features makes even location searches possible.
Advanced Site Studio Class, June 18, 2012Lee Klement
This document provides an overview of an upcoming training on Oracle Universal Content Management (UCM) 11g and Site Studio. It introduces the instructor, Lee Klement, and outlines the agenda for the three day training, which will cover topics such as deploying dynamic web sites, Site Studio administration, creating custom elements, using Idoc script, adding navigation, and more. Optional additional lessons may include creating fragments, working more with Idoc script, and Site Studio services.
This document provides an overview of IBM i tutorial events occurring at ZendCon '09, including PHP sessions on Tuesday and an IBM i networking reception. It introduces Mike Pavlak, the Solution Consultant giving the tutorial, and reviews tools for developing PHP applications on IBM i like Zend Core, Studio, and Server. The tutorial agenda includes using toolkit functions, debugging with Zend Platform, and integrating procedural PHP with the Zend Framework.
If your web application runs slowly, your reputation and business could suffer. To restore confidence, you must improve performance immediately, because frustrated users might not return to give you a second chance. You need “Web Performance First Aid.”
In this talk, Alan will share "first aid" techniques that can improve web performance within minutes.
Once your site starts to run faster, positive word of mouth may be generated among users, restoring confidence in your efforts and giving you breathing room to examine your application for further improvements.
Particular focus will be given to free tools that help diagnose performance bottlenecks, how to configure the Apache web server for speed, and making best use of the unique characteristics of IBM i.
SPSDenver - Wrapping Your Head Around the SharePoint BeastMark Rackley
This document provides an overview of SharePoint and the path to becoming a SharePoint developer. It discusses why organizations implement SharePoint, defines common terminology, and reviews the logical architecture and taxonomy. It outlines the various roles in SharePoint development from end users to administrators to developers. It also discusses tools, debugging, deployment, and the importance of the SharePoint community.
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
This document discusses best practices for designing RESTful APIs including planning for versioning, request and response formats, and authentication. It recommends using a RESTful approach, starting with a minimum viable API and maintaining features across versions. It suggests implementing versioning through URI design and sub-controllers, and handling requests and responses with JSON and the respond_with method in Rails. It also provides examples of authentication with Devise or request signatures, and testing API actions.
This document provides an overview of RapidApp, a Catalyst extension that aims to speed web development. It discusses RapidApp's features like automatic Ajax interfaces, CRUD interfaces generated from schemas, and RESTful URL schemes. The presenter then demonstrates RapidApp by developing a web admin interface for a DNS server application.
How to measure and optimize performance of applications that use Zend Framework 1.x. A talk presented at the New York City Zend Framework Meetup (http://www.meetup.com/ZendFramework-NYCmetro/) on August 23, 2011.
This document contains slides from a presentation on HTML5 and web technologies given by Kristof Degrave. It introduces Kristof and his background before covering topics like HTML fundamentals, CSS3, web applications including offline capabilities, web storage, IndexedDB, and web sockets. The slides include explanations, code examples, and diagrams related to these emerging web standards.
Este documento discute as reações negativas aos relacionamentos virtuais mediados pela Internet e telefonia celular. A autora argumenta que, embora tais reações tenham sido compreensíveis nos primeiros anos de difusão dessas tecnologias, elas persistem de forma infundada. Ela toma o trabalho recente do sociólogo Zygmunt Bauman como exemplo de visão excessivamente crítica e contrapõe estudos que mostram diferentes tipos de interação virtual. O objetivo é apresentar uma visão mais equilibrada dos relacionamentos mediados por tecnologia
Dissertação impacto da gestão do risco nas instuições finaceiras.Manuel Fernandes
Este documento analisa o impacto da gestão do risco nas principais instituições financeiras portuguesas à luz dos Acordos de Basileia. Estuda os relatórios e contas dos cinco maiores bancos portugueses para avaliar o estágio de desenvolvimento da gestão do risco operacional e verificar o cumprimento dos requisitos de Basileia. Conclui que os bancos desenvolvem integralmente atividades de gestão de risco e seguem as abordagens previstas nos Acordos de Basileia.
La esclerosis múltiple afecta principalmente al sistema nervioso central, dañando la mielina y causando síntomas como debilidad y problemas de coordinación. La causa es desconocida pero involucra una respuesta inmune anormal, y los tratamientos buscan reducir los brotes e impedir más daños en el cerebro y la médula espinal. La enfermedad de Parkinson destruye progresivamente la sustancia negra del cerebro, causando temblores, rigidez y dificultad para caminar debido a la falta de dopamina, a
El documento presenta el perfil de competencias de los docentes de la Educación Media Superior (EMS) en México. Describe 8 competencias clave para los docentes junto con sus principales atributos. Las competencias buscan que los docentes ayuden a los estudiantes a desarrollar las competencias necesarias para cumplir con el perfil de egreso de la EMS. También señala que las competencias docentes deben ser fundamentales para todos los maestros de la EMS independientemente de su área de enseñanza o contexto institucional.
Principais desafios da indústria em Portugal - 2013Cláudio Carneiro
Este documento discute os principais desafios da indústria em Portugal, identificando 6 temas-chave: 1) produtividade e custo dos fatores; 2) inovação; 3) tamanho das empresas; 4) papel do Estado; 5) valor social; e 6) localização e internacionalização. Defende-se que a indústria portuguesa, composta principalmente por PMEs, precisa melhorar a competitividade através de maior inovação, internacionalização e modernização dos processos produtivos.
The document discusses emotions and includes the following key points:
1. Emotions are feelings in response to situations that involve physiological, cognitive, and behavioral elements that influence actions.
2. Emotions play important roles in decision making, communication, happiness, and survival.
3. Theories of emotion include the James-Lange theory that emotions arise from physiological responses, and the Schachter-Singer two-factor theory involving arousal and cognition.
4. The endocrine system and brain, including the hypothalamus and thalamus, are involved in regulating emotions.
Este documento describe un grupo empresarial colombiano conformado por 44 empresas que prestan servicios de energía eléctrica, gas natural, agua potable, saneamiento básico, recolección de basuras y tecnologías de la información en Colombia, Centroamérica y España. El grupo fue fundado en 1955 y está liderado por Empresas Públicas de Medellín.
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
The document compares HTML and HTML5. It outlines several key differences:
1) HTML5 introduces new semantic elements that improve accessibility and help structure pages, while HTML focuses on generic div elements.
2) HTML5 supports embedded audio and video with new tags, whereas HTML4 does not define media elements.
3) HTML5 offers new capabilities like local storage, geolocation, and real-time communication that HTML lacks.
Overall, HTML5 provides a more robust and accessible standard for developing modern web applications and pages compared to older HTML. It introduces powerful new features while maintaining compatibility with existing browsers.
HTML5 introduces significant changes for today\'s websites: new and updated tags, new functionality, better error handling and improved Document Object Model (DOM). However, the HTML5 new features come with new (application) security vulnerabilities. This presentation reviews the new attack vectors, associated risks and what a needs to be taken into consideration when implementing HTML5.
Many are eagerly waiting for HTML5. What about you? Are you ready for this phase of advanced browsing experience and interactions; Are you ready to engage and delight your customers with a unique experience?
Cygnet Infotech welcomes you to this webinar to help you gear up for the "What", "When" and "Why" about HTML5. Join this 35 min session to learn more.
What You Will Learn in this Webinar
- HTML5 - What is it all about
- Reasons for moving to HTML5
- The Top 10 Tags in HTML5
- Browser Support for HTML5
- Working with HTML5
- How to move current websites to HTML5
- HTML5 for Mobile Applications
- Q&A
If you want to us to cover anything specific in this webinar, leave your message or suggestions at http://www.cygnet-infotech.com/webinars/html5-are-you-ready-for-it
This document provides an introduction and overview of HTML5 and CSS3. It begins with an agenda that will cover new elements, features, browser support, tutorials and demos. The document then discusses several new features in HTML5, including the canvas element, audio/video elements, new input types, forms elements and attributes, and web storage. It also covers new features in CSS3, such as animations, backgrounds/borders, text effects, transformations, and multiple column layout. The document describes how to use CSS in HTML and some new user interface properties in CSS3.
This document provides an overview of HTML5, including its new elements, features, and comparison to older HTML versions. It describes how HTML5 is the latest version of HTML developed as a cooperation between W3C and WHATWG. Key new elements include semantic elements, audio/video embedding, canvas for drawings, and drag and drop. New features include local storage, websockets, geolocation, and form input types. It provides examples of using various HTML5 elements and features.
Prof. Erwin M. Globio gave a presentation on HTML5 that covered:
1) The history and development of HTML5 by groups like WHATWG and its adoption by W3C.
2) New features in HTML5 like audio, video, and canvas elements to enable richer content as well as geo-location APIs for mobile apps.
3) Issues with older standards like HTML4 and XHTML2 that HTML5 aims to address and improve cross-browser compatibility.
4) Questions around browser support for HTML5 and implications for web designers in adopting the new standard.
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.
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.
This document discusses HTML5 programming and several HTML5 features including multimedia, canvas, web sockets, web storage, indexed databases, offline capabilities, file systems, and geolocation. It provides examples and explanations of how to use these new HTML5 features in programming and notes that while specifications continue to evolve, real-world browser support is more important. It aims to cover programming aspects of video, canvas, web sockets, data storage, offline usage, file systems, and geolocation.
This ppt contains a laconic description of HTML history and development and application of HTML5. Some of most frequent and useful tags are also covered.
HTML5 - Let’s make the WEB more powerfulNaga Harish M
This document discusses the evolution of HTML5 from earlier versions of HTML. It notes that HTML5 aims to give the web more power through multimedia, graphics and hardware acceleration without needing plugins. It outlines new features of HTML5 like access to local system resources, offline functionality, and improved graphics capabilities that make the web comparable to native mobile apps. The document also details specific new HTML5 elements, attributes, multimedia capabilities, and APIs for web applications, storage and databases. While HTML5 support varies across browsers, the document argues it is still ready for development using frameworks to standardize the experience.
Node Webkit allows you to create desktop applications using HTML, CSS, JavaScript and Node.js modules. It combines the Chromium browser and Node.js framework. This allows building cross-platform desktop apps that can include Node functionality and access system resources. Examples are given of apps built with Node Webkit. Key aspects covered include how it integrates Chromium and Node.js, building a basic app, window rendering options, menus, tray apps, and the developer tools. Benefits for a medical conference app replacement are discussed.
This document provides an introduction and overview of HTML5. It discusses the new features and elements in HTML5, including video/audio, canvas, drag and drop, geolocation, web storage, web workers, and new form elements. It also covers browser support for various HTML5 features and provides examples of how to implement many of the new technologies.
The document discusses HTML5 and CSS3. It begins by looking at Flash and XHTML. It then covers new HTML5 elements like article, aside, audio and video. It discusses HTML5 audio and video formats and browser support. It provides examples of using Canvas, geolocation, offline applications and local databases in HTML5. It also discusses using CSS3 properties like fonts, shadows, gradients and rounded corners. Finally, it notes some criticisms of HTML5 and looks at the future of CSS3.
Should you use HTML5 to build your product? The pros & cons of using current ...boxuno
This document discusses the pros and cons of using HTML5 features to build products. It built a messaging client called boxUno using HTML5 that provided offline access, but HTML5 also caused limitations like browser incompatibility and crashes. The document covers HTML5 features like WebWorkers for concurrency, IndexedDB for offline databases, Application Cache for offline viewing, and WebRTC for video. While powerful, these features have drawbacks like debugging difficulties and changing APIs. The conclusion is HTML5 has advantages but also risks, so compatibility should be considered, and IndexedDB is currently the best option for offline access.
The document outlines a summer training presentation for a Disney Plus Hotstar clone project using HTML, CSS, and JavaScript. It includes an introduction to key topics like web programming, HTML, CSS, JavaScript, and GitHub. It then describes the Disney Plus Hotstar clone project, which recreates the website homepage using a navbar, search box, sliding content carousel, movie cards with hover effects, and video playback on hover. The document concludes with references used in the project research.
Top 10 HTML5 Features for Oracle Cloud DevelopersBrian Huff
This document discusses top HTML5 features for Oracle Cloud developers. It begins with an introduction to various Oracle Cloud services that use HTML5 extensively, such as Oracle Sites Cloud Service. It then discusses why HTML5 is important for cloud development due to its wide acceptance, rapid development cycles, and cheaper hosting model. The document outlines the top 10 HTML5 features developers should know, including semantic HTML, local storage, geolocation, OAuth2, CORS, advanced forms, WebSockets, WebWorkers, built-in audio/video support, and custom DOM elements. It provides details and examples for each feature.
This document summarizes updates made to Internet Explorer 10 in Platform Preview builds. The November 29, 2011 update included improvements to CSS positioning for floats, new syntax for CSS grid repeating, and enhancements to HTML5 video captioning and the File API. This build also added support for typed arrays, CORS for XMLHttpRequests, and the CSS user-select property.
The document introduces HTML5 and provides an overview of its key features and benefits. It discusses how to get started with HTML5 by simply changing the doctype to <!DOCTYPE html>. It then outlines several new HTML5 elements and JavaScript APIs integrated with HTML5, including canvas, geolocation, and web sockets. The document also reviews browser support and tools for checking HTML5 compatibility.
El documento presenta el análisis y diseño de un sistema de información institucional. Describe las vistas arquitectónicas incluyendo casos de uso, lógica, implementación, producción y datos. Incluye diagramas de componentes, capas, despliegue, entidad-relación y clases. Explica el modelo de implementación con 13 subsistemas y 14 módulos.
El documento presenta un esquema de funcionalidades para diferentes tipos de usuarios de una biblioteca virtual. Los usuarios son visitantes, usuarios registrados, administradores y webmasters. Se describen las funciones disponibles para cada tipo de usuario en las secciones de biblioteca virtual, perfiles de salud, comunicación, directorio de recursos, red informativa y usuarios.
El documento describe las tres fases principales del desarrollo de software: 1) la fase de conceptualización que incluye la captura de requerimientos y su definición, 2) la fase de implementación que involucra el diseño de la solución y su programación, y 3) la fase de pruebas donde se desarrollan y aplican las pruebas antes de completar el servicio.
HTML 5 defines the fifth major revision of HTML and reflects efforts to study contemporary HTML implementations and deployed content. It aims to address issues with previous specifications and enhance HTML to better support web applications. New features include enhanced semantics, multimedia elements like video and audio, client-side storage, and geographic location detection. Compatibility is ensured through supporting older HTML parsing but some features require checking browser support through methods like feature detection libraries.
Chapter wise All Notes of First year Basic Civil Engineering.pptxDenish Jangid
Chapter wise All Notes of First year Basic Civil Engineering
Syllabus
Chapter-1
Introduction to objective, scope and outcome the subject
Chapter 2
Introduction: Scope and Specialization of Civil Engineering, Role of civil Engineer in Society, Impact of infrastructural development on economy of country.
Chapter 3
Surveying: Object Principles & Types of Surveying; Site Plans, Plans & Maps; Scales & Unit of different Measurements.
Linear Measurements: Instruments used. Linear Measurement by Tape, Ranging out Survey Lines and overcoming Obstructions; Measurements on sloping ground; Tape corrections, conventional symbols. Angular Measurements: Instruments used; Introduction to Compass Surveying, Bearings and Longitude & Latitude of a Line, Introduction to total station.
Levelling: Instrument used Object of levelling, Methods of levelling in brief, and Contour maps.
Chapter 4
Buildings: Selection of site for Buildings, Layout of Building Plan, Types of buildings, Plinth area, carpet area, floor space index, Introduction to building byelaws, concept of sun light & ventilation. Components of Buildings & their functions, Basic concept of R.C.C., Introduction to types of foundation
Chapter 5
Transportation: Introduction to Transportation Engineering; Traffic and Road Safety: Types and Characteristics of Various Modes of Transportation; Various Road Traffic Signs, Causes of Accidents and Road Safety Measures.
Chapter 6
Environmental Engineering: Environmental Pollution, Environmental Acts and Regulations, Functional Concepts of Ecology, Basics of Species, Biodiversity, Ecosystem, Hydrological Cycle; Chemical Cycles: Carbon, Nitrogen & Phosphorus; Energy Flow in Ecosystems.
Water Pollution: Water Quality standards, Introduction to Treatment & Disposal of Waste Water. Reuse and Saving of Water, Rain Water Harvesting. Solid Waste Management: Classification of Solid Waste, Collection, Transportation and Disposal of Solid. Recycling of Solid Waste: Energy Recovery, Sanitary Landfill, On-Site Sanitation. Air & Noise Pollution: Primary and Secondary air pollutants, Harmful effects of Air Pollution, Control of Air Pollution. . Noise Pollution Harmful Effects of noise pollution, control of noise pollution, Global warming & Climate Change, Ozone depletion, Greenhouse effect
Text Books:
1. Palancharmy, Basic Civil Engineering, McGraw Hill publishers.
2. Satheesh Gopi, Basic Civil Engineering, Pearson Publishers.
3. Ketki Rangwala Dalal, Essentials of Civil Engineering, Charotar Publishing House.
4. BCP, Surveying volume 1
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumMJDuyan
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏)-𝐏𝐫𝐞𝐥𝐢𝐦𝐬
𝐃𝐢𝐬𝐜𝐮𝐬𝐬 𝐭𝐡𝐞 𝐄𝐏𝐏 𝐂𝐮𝐫𝐫𝐢𝐜𝐮𝐥𝐮𝐦 𝐢𝐧 𝐭𝐡𝐞 𝐏𝐡𝐢𝐥𝐢𝐩𝐩𝐢𝐧𝐞𝐬:
- Understand the goals and objectives of the Edukasyong Pantahanan at Pangkabuhayan (EPP) curriculum, recognizing its importance in fostering practical life skills and values among students. Students will also be able to identify the key components and subjects covered, such as agriculture, home economics, industrial arts, and information and communication technology.
𝐄𝐱𝐩𝐥𝐚𝐢𝐧 𝐭𝐡𝐞 𝐍𝐚𝐭𝐮𝐫𝐞 𝐚𝐧𝐝 𝐒𝐜𝐨𝐩𝐞 𝐨𝐟 𝐚𝐧 𝐄𝐧𝐭𝐫𝐞𝐩𝐫𝐞𝐧𝐞𝐮𝐫:
-Define entrepreneurship, distinguishing it from general business activities by emphasizing its focus on innovation, risk-taking, and value creation. Students will describe the characteristics and traits of successful entrepreneurs, including their roles and responsibilities, and discuss the broader economic and social impacts of entrepreneurial activities on both local and global scales.
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxEduSkills OECD
Iván Bornacelly, Policy Analyst at the OECD Centre for Skills, OECD, presents at the webinar 'Tackling job market gaps with a skills-first approach' on 12 June 2024
A Visual Guide to 1 Samuel | A Tale of Two HeartsSteve Thomason
These slides walk through the story of 1 Samuel. Samuel is the last judge of Israel. The people reject God and want a king. Saul is anointed as the first king, but he is not a good king. David, the shepherd boy is anointed and Saul is envious of him. David shows honor while Saul continues to self destruct.
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...EduSkills OECD
Andreas Schleicher, Director of Education and Skills at the OECD presents at the launch of PISA 2022 Volume III - Creative Minds, Creative Schools on 18 June 2024.
Gender and Mental Health - Counselling and Family Therapy Applications and In...PsychoTech Services
A proprietary approach developed by bringing together the best of learning theories from Psychology, design principles from the world of visualization, and pedagogical methods from over a decade of training experience, that enables you to: Learn better, faster!
How to Setup Warehouse & Location in Odoo 17 InventoryCeline George
In this slide, we'll explore how to set up warehouses and locations in Odoo 17 Inventory. This will help us manage our stock effectively, track inventory levels, and streamline warehouse operations.
1. HTML 5
New & Enhanced Web
ARTISANS OF OPEN SOURCE
2. Agenda
• HTML5 Introduction
o What is HTML5
o HTML5 diff against HTML4
• New Features
• Compatibility
o Browser Support
• Code Examples & Demos
• Q&A
ARTISANS OF OPEN SOURCE
3. HTML5…What?
• HTML5 defines the fifth major revision of the core
language of the World Wide Web, HTML.
• Reflects an effort, started in 2004 to study
contemporary HTML implementations and deployed
content.
o Defines a single language called HTML5 which can be
written in HTML syntax and in XML syntax.
o Defines detailed processing models to foster interoperable
implementations.
o Improves markup for documents.
o Introduces markup and APIs for emerging idioms, such as
Web applications.
ARTISANS OF OPEN SOURCE
4. HTML5…What?
• New version of HTML4, XHTML1, and DOM
Level 2 HTML addressing issues of those
specifications & enhancing (X)HTML to more
adequately address Web applications.
• HTML5 is a work in progress
o Some are features available now […July 2010]
• Firefox
• Safari
• IE 8+
• Opera
ARTISANS OF OPEN SOURCE
5. HTML5
• HTML5 not based on SGML, but compatible with
older HTML parsing.
• Purely presentational elements were dropped
• basefont • strike
• big • tt
• center • u
• font • s
ARTISANS OF OPEN SOURCE
6. HTML5
• The following elements are not included because
they have not been used often, created confusion,
or their function can be handled by other
elements:
o acronym is not included because it has created a lot of
confusion. Authors are to use abbr for abbreviations.
o applet has been obsoleted in favor of object.
o isindex usage can be replaced by usage of form
controls.
o dir has been obsoleted in favor of ul.
ARTISANS OF OPEN SOURCE
7. HTML5
• The following elements are not in HTML5
because their usage affected usability and
accessibility for the end user in a negative way
o frame
o frameset
o noframes
• For a more complete reference on
attributes an elements changed see here
ARTISANS OF OPEN SOURCE
8. HTML5
• HTML5 has extended the HTMLDocument
interface from DOM Level 2 HTML in a number
of ways
o getElementsByClassName()
o innerHTML
o activeElement and hasFocus
o getSelection()
o classList
ARTISANS OF OPEN SOURCE
9. (New) Features
• Enhanced semantics
o <div class=“header”><header>
(generic block) (semantic)
o <footer>, <nav>, <audio>, <video>
• FYI: Semantic Web is a term coined by the W3C
director Tim Berners-Lee. It describes methods
and technologies to allow machines to
understand the meaning of information on the
web.
ARTISANS OF OPEN SOURCE
10. (New) Features
(Semantic Web)
• The following elements have been introduced for better
structure:
• section represents a generic document or application section. It
can be used together with the h1, h2, h3, h4, h5, and h6
elements to indicate the document structure.
• article represents an independent piece of content of a
document, such as a blog entry or newspaper article.
• aside represents a piece of content that is only slightly related to
the rest of the page.
• header represents a group of introductory or navigational aids.
• hgroup represents the header of a section.
• footer represents a footer for a section and can contain
information about the author, copyright information, et cetera.
• nav represents a section of the document intended for
navigation.
ARTISANS OF OPEN SOURCE
11. (New) Features
(Semantic Web)
• figure represents a piece of self-contained flow content, typically
referenced as a single unit from the main flow of the document.
<figure>
<video src="ogg"></video>
<figcaption>Example</figcaption>
</figure>
o figcaption can be used as caption (it is optional).
• video and audio for multimedia content. Both provide an API so
application authors can script their own user interface, but there is
also a way to trigger a user interface provided by the user agent.
source elements are used together with these elements if there are
multiple streams available of different types.
• embed is used for plugin content.
• mark represents a run of text in one document marked or highlighted
for reference purposes, due to its relevance in another context.
• progress represents a completion of a task, such as downloading or
when performing a series of expensive operations.
• meter represents a measurement, such as disk usage.
• time represents a date and/or time.
• ruby, rt and rp allow for marking up ruby annotations.ARTISANS OF OPEN SOURCE
12. (New) Features
(Semantic Web)
• wbr represents a line break opportunity.
• canvas is used for rendering dynamic bitmap graphics on the fly, such
as graphs or games.
• command represents a command the user can invoke.
• details represents additional information or controls which the user
can obtain on demand. The summary element provides its summary,
legend, or caption.
• datalist together with the a new list attribute for input can be used to
make comboboxes:
<input list="browsers”>
<datalist id="browsers”>
<option value="Opera”>
<option value="Firefox">
</datalist>
• keygen represents control for key pair generation.
• output represents some type of output, such as from a calculation
done through scripting.
ARTISANS OF OPEN SOURCE
13. (New) Features
(Semantic Web)
• Internet Explorer versions older than 9 treats
unknown elements in such a way that disallows
them to be styled and any element inside them
will actually end up as siblings rather than
children.
• In order to start using yet unsupported semantic
elements we can use the following workaround in
IE
o Create a dummy element of that type(s) just for the
browser to acknowledge the element and permit styling
and hierarchy
ARTISANS OF OPEN SOURCE
14. (New) Features
(Semantic Web)
• So:
o document.createElement(„tagWeNeed‟);
o Place it in the head, early in the document before the
browser parses other tags and attributes
• HTML5 enabling script is a script that does just that,
you may use it for this purpose
• <!--[if lt IE 9]>
Your script should be inside these tags so that it would be
executed only when necessary (IE versions older than 9) and
ignored (faster) if unnecessary
<![endif]-->
ARTISANS OF OPEN SOURCE
15. (New) Features
• Canvas • Microdata
• Audio • MathML
• Video • Web (SQL) database
• Storage • New Selectors
• Web workers • Web Sockets
• App Cache • SVG
• Geolocation • Window Messaging
• New input types • Drag & Drop
ARTISANS OF OPEN SOURCE
16. (New) Features
(Canvas)
• “a resolution-dependent bitmap canvas that can
be used for rendering graphs, game graphics, or
other visual images on the fly.”
ARTISANS OF OPEN SOURCE
17. (New) Features
(Video)
• HTML5 defines a new element called <video> for
embedding video in your web pages without using
third-party plugins
ARTISANS OF OPEN SOURCE
18. (New) Features
(Video)
• You can create auto-fallback behavior on the
video element by placing whatever you need the
browser to show in case <video> is not supported
• You may (should) specify multiple video sources
for different codec types for the different browsers
Flash
auto-fallback
ARTISANS OF OPEN SOURCE
19. (New) Features
(Video)
• <video src=“somevideo” controls></video>
o The controls attribute automatically places the default
controls to the player; these will look different
depending on the browser‟s implementation.
o You may want to create your own controls to maintain
cross-browser consistency in the player‟s look & feel;
the video api provides all the necessary methods for
reproduction control so the how (elements, styles,
interaction model) its the author‟s choise
ARTISANS OF OPEN SOURCE
20. (New) Features
(Storage)
• HTML5 storage provides a way for web sites to
store information on your computer and retrieve
it later. The concept is similar to cookies, but it‟s
designed for larger quantities of information.
Note: Anyone who has physical access to your
computer could look and even change your
HTML5 storage database
ARTISANS OF OPEN SOURCE
21. (New) Features
(Storage)
Cookies HTML5 Storage
• Limited in size • Larger storage
• The browser sends them • Stays on your computer
back to the web server every • Web sites can access it with
time it requests a new page JavaScript after the page is
this takes extra time and loaded
bandwidth • Any web site can read and
modify its own values
• Sites can‟t access values
stored by other sites
(same-origin restriction)
ARTISANS OF OPEN SOURCE
22. (New) Features
(Storage)
• Kinds Storage:
o Local storage: persistent data storage, remains on your
computer
o Session storage: its life span is the current session life
span (per-tab)
ARTISANS OF OPEN SOURCE
23. (New) Features
(Web Workers)
• Web Workers provide a standard way for
browsers to run JavaScript in the background
• These “background threads” can do complex
mathematical calculations, make network
requests, or access local storage while the main
web page responds to the user scrolling, clicking,
or typing.
ARTISANS OF OPEN SOURCE
24. (New) Features
(Application Cache)
• Start out as an online web application, the web
server tells your browser which files need to be
downloaded in order for the app to work offline,
these files can be anything. Once the files are
cached, you can revisit the site offline.
• When you‟re online, any changes made can be
uploaded to the remote server.
ARTISANS OF OPEN SOURCE
25. (New) Features
(Geolocation)
• This specification defines an API that provides
scripted access to geographical location
information associated with the hosting device
• Not part of the HTML5 specification, geolocation
is being standardized by the Geolocation Work
Group
• You can see this spec here
• geo.js is a geolocation API wrapper
ARTISANS OF OPEN SOURCE
26. (New) Features
(input types)
• The input element's type attribute now has
the following new values:
o tel o month
o search o week
o url o time
o email o datetime-local
o datetime o number
o date o range
o color
ARTISANS OF OPEN SOURCE
27. (New) Features
(Microdata)
• This mechanism allows machine-readable data to
be embedded in HTML documents in an easy-to-
write manner, with an unambiguous parsing
model. It is compatible with numerous other data
formats including RDF and JSON
• A standardized way to provide additional
semantics in your web pages.
o i.e. you can use microdata to declare that a photograph
is available under a specific Creative Commons license.
ARTISANS OF OPEN SOURCE
28. (New) Features
(Microdata)
• The HTML5 microdata standard includes both
HTML markup (primarily for search engines) and
a set of DOM functions (primarily for browsers)
• Microdata annotates the DOM with scoped
name/value pairs from custom vocabularies
• For further reading go here
ARTISANS OF OPEN SOURCE
30. (New) Features
(MathML)
• The goal of MathML is to enable mathematics to
be served, received, and processed on the World
Wide Web, just as HTML has enabled this
functionality for text
• While MathML is human-readable, it is
anticipated that, in all but the simplest cases,
authors will use equation editors, conversion
programs, and other specialized software tools to
generate MathML (there are existing tools
already)
ARTISANS OF OPEN SOURCE
33. (New) Features
(Web database)
• Defines an API for storing data in databases that can
be queried using a variant of SQL
• APIs to manipulate client-side databases using SQL
• Each database has a name and a current version and
they can't exist in multiple versions at once
o Versions are intended to allow authors to manage schema
changes incrementally & non-destructively, and without the
risk of old code writing to a database with incorrect
assumptions
• All strings including the empty string are valid
database names
• Database names are case-sensitive
ARTISANS OF OPEN SOURCE
34. (New) Features
(Web database)
• Transaction support
• Synchronous & Asynchronous APIs
• For SQL query execution:
o executeSql(sqlStatement, arguments, callback, errorCallback)
• The executeSql() method invokes its callback with
a SQLResultSet object as an argument
ARTISANS OF OPEN SOURCE
35. (New) Features
(New Selectors)
• getElementsByClassName
o Get a set of elements matching a CSS class
• getSelection
o Get a set of elements that match a CSS syntax
ARTISANS OF OPEN SOURCE
36. (New) Features
(Web Sockets)
• Bi-directional, full-duplex communications
channels over TCP socket, designed to be
implemented in web browsers and web servers
• API that enables two-way communication with a
remote host
ARTISANS OF OPEN SOURCE
37. (New) Features
(SVG)
• Is a modularized
language for describing
two-dimensional vector
and mixed
vector/raster graphics
in XML
• HTML5 allows the
embedding of scalable
vector graphics in your
document
ARTISANS OF OPEN SOURCE
38. (New) Features
(SVG)
• Can be interactive and dynamic. Animations can
be defined and triggered declaratively or via
scripting
• Further reading
o SVG Spec
ARTISANS OF OPEN SOURCE
39. (New) Features
(Window Messaging)
• You can use this technique to talk across related
windows (documents)
• You can post a message from document A to
document B by calling the postMessage method
which receives two parameters
o The actual message
o The URL to which you expect to pass that message
• The „*‟ wildcard can be used here but for security it should be
avoided
ARTISANS OF OPEN SOURCE
40. Compatibility
• HTML5 defines an HTML syntax that is
compatible with HTML4 and XHTML1
documents published on the Web, but is not
compatible with the more esoteric SGML features
of HTML4, such as processing instructions and
shorthand markup as these are not supported by
most user agents
ARTISANS OF OPEN SOURCE
41. Compatibility
• The basic compatibility consideration is the
browser's feature support.
o Detection techniques
• You can (should) test for the browser‟s support for the HTML5
feature you need
• A library might come in handy for this purpose
ARTISANS OF OPEN SOURCE
42. Compatibility
(feature detection)
• Example: Detecting Geolocation Support
o if ( navigator.geolocation )
// browser supports geolocation…
else
alert(„Sorry, no geolocation support‟);
Note: detecting geolocation is fairly simple, some
other features require a bit more work to check
for support, that’s why…
ARTISANS OF OPEN SOURCE
43. Compatibility
(feature detection: Modernizr)
• Mordernizr: is an open source, MIT-licensed
JavaScript library that detects support for many
HTML5 & CSS3 features.
• Use it to easily figure if the user agent supports an
specific feature
o Example: Detecting geolocation
• Modernizr.geolocation
? alert(„We know where you are!!‟)
: alert(„Where the heck are you!?‟);
ARTISANS OF OPEN SOURCE
44. Compatibility
(feature detection: Modernizr)
Current version is 1.5 (July 2010), it detects the following feature
• @font-face • CSS Gradients • History Management
• Canvas • CSS Reflections • applicationCache
• Canvas Text • CSS 2D Transforms • Web Sockets
• HTML5 Audio • CSS 3D Transforms • Web Workers
• HTML5 Video • CSS Transitions • Web SQL Database
• rgba() • Geolocation API • IndexedDB
• hsla() • localStorage • Input Types
• border-image: • sessionStorage • Input Attributes
• border-radius: • SVG
• box-shadow: • SMIL
• opacity: • SVG Clipping
• Multiple • Drag and Drop
backgrounds • hashchange
• CSS Animations • X-window
• CSS Columns Messaging ARTISANS OF OPEN SOURCE