The document provides an overview of HTML5 and how to implement it with Drupal 7. It discusses new HTML5 elements, attributes, and forms; how to make Drupal 7 themes responsive with HTML5; differences between HTML4, XHTML, and HTML5; and how to use CSS3 with HTML5 for effects like shadows and gradients. The document includes links to HTML5 tools and resources for Drupal and recommends familiarity with HTML, CSS, Drupal theming, and modern browsers.
Logging. Everyone does it. Many don't know why they do it. It is often considered a boring chore. A chore that is done by habit rather than for a purpose. But it doesn't have to be! Learn how to build a powerful, scalable open source logging environment with LogStash.
This document discusses various techniques for optimizing website performance, including: reducing page generation time through caching and opcode caching; minimizing round-trip times by leveraging browser caching, combining files, and parallel downloads; decreasing response sizes by gzipping files, image optimization, and cookieless domains; and tools for analyzing performance like XDebug. The goal is to share experiences helping to increase traffic to websites with average resources.
This presentation explains how to deploy and use the Integrated Caching feature on Netscaler. I gave this presentation to Citrix staff, customers and partners in worldwide in 2011. The presentation covers best practices and gotchas :) Integrated Caching is an excellent feature that can greatly improve the performance of your website.
This document discusses resource registries and frontend development tools for Plone, including:
- Defining resources as patterns and LESS files
- Using Grunt, RequireJS, Bower, NPM to manage dependencies, compile assets, and run tests
- Configuring bundles, resources and less variables in the registry
- Developing with a console-based workflow and migrating from the old CSS/JS registries
The document discusses 10 key performance indicators for MongoDB:
1) Slow operations using the profiler
2) Replication lag by checking oplog timestamps
3) High resident memory usage indicating paging is occurring
4) High page faults
5) High write lock percentage indicating concurrency issues
6) Large reader/writer queues indicating lock contention
7) Frequent background flushing indicating I/O issues
8) Too many connections
9) High network traffic
10) Collection fragmentation leading to increased storage size
It provides examples of how to check for each indicator using the db.serverStatus() command.
Hadoop meet Rex(How to construct hadoop cluster with rex)Jun Hong Kim
This document discusses using Rex to easily install and configure a Hadoop cluster. It begins by introducing Rex and its capabilities. Various preparation steps are described, such as installing Rex, generating SSH keys, and creating user accounts. Tasks are then defined using Rex to install software like Java, download Hadoop source files, configure hosts files, and more. The goals are to automate the entire Hadoop setup process and eliminate manual configuration using Rex's simple yet powerful scripting abilities.
CORS (Cross-Origin Resource Sharing) allows cross-origin HTTP requests from a browser. It works by using additional HTTP headers to tell browsers if a server allows requests from a different origin. Simple requests like GET, HEAD, and POST are allowed by default, but preflighted requests require the server to specify allowed origins, methods, and headers to the browser. The document provides examples of CORS requests and configurations for enabling CORS on an Apache server.
Site Performance - From Pinto to FerrariJoseph Scott
This document discusses ways to improve website performance from slow "Pinto" levels to faster "Ferrari" levels. It recommends using an opcode cache like APC to speed up PHP, optimizing databases with technologies like Memcached, using caching plugins in WordPress, and considering architectures with load balancing and replication. The goal is to identify bottlenecks and apply techniques that reduce page load times through an understanding of how websites and underlying technologies work.
This document discusses using Logstash to collect, process, and store application logs. It begins by describing different types of logs that are generated by applications and services. It then introduces the ELK stack, consisting of Elasticsearch, Logstash, and Kibana, to centralize, index, and visualize log data. Specific examples are provided on using the Monolog PHP logging library to instrument applications and leverage Logstash's processing pipeline to parse, enrich, and output logs to Elasticsearch.
When dynamic becomes static : the next step in web caching techniquesWim Godden
Although tools like Varnish can improve performance and scalability for static sites, when user-specific content is needed, a hit to the PHP/Ruby/Python/.Net backend is still required, causing scalability issues. We’ll look at a brand-new Nginx module which implements an ultra-fast and scalable solution to this problem, changing the way developers think about designing sites with user-specific content.
- The document provides information on using Ansible to manage network device configurations including Juniper devices. It discusses using modules like junos_get_config to backup configurations, templates to generate configurations, and junos_install_config to deploy them. It also covers using Ansible to manage users on Linux systems.
Redis is a NoSQL technology that rides a fine line between database and in-memory cache. Redis also offers "remote data structures", which gives it a significant advantage over other in-memory databases. This session will cover several PHP clients for Redis, and how to use them for caching, data modeling and generally improving application throughput.
This document describes Matteo Moretti's company Madisoft's migration of their Nuvola application from on-premise servers to AWS. It involved moving over 60 servers, 1000 databases totaling 4.5TB of data, and 25M media files to AWS using Ansible automation. The migration provided benefits like increased flexibility, horizontal scaling, infrastructure as code, and cost optimization. It took place over multiple environments using tools like Ansible, AWS EC2, RDS, S3, Route53, and was completed in around 50 minutes with no issues for users.
This document provides an overview of CouchDB, a document-oriented database. It describes CouchDB's key features such as storing data as JSON documents with dynamic schemas, providing a RESTful HTTP API, using JavaScript for views and aggregations, and replicating data between databases. It also provides code examples for common operations like creating, retrieving, updating and deleting documents, as well as attaching files. The document recommends libraries for using CouchDB from different programming languages and shares the code for a simple CouchDB library created in an afternoon.
More information about this HTTP caching talk can be found on https://feryn.eu/speaking/leverage-http-to-deliver-cacheable-websites-codemotion-rome-2018/
Most of us are familiar with HTTP, but when it actually comes to creating cacheable web content, there is still a lot to be learned. In this presentation I will show you how to leverage specific mechanism to achieve a good hit rate without losing touch with some of the challenges of real-life web projects. Keywords: cache control, cache variations, conditional requests, stateful content, HTTP fragments, invalidation. The goals is to empower developers to control the behavior of reverse caching proxies like Varnish, Content Delivery Networks, or even browser cache, using the power of HTTP.
Today's high-traffic web sites must implement performance-boosting measures that reduce data processing and reduce load on the database, while increasing the speed of content delivery. One such method is the use of a cache to temporarily store whole pages, database recordsets, large objects, and sessions. While many caching mechanisms exist, memcached provides one of the fastest and easiest-to-use caching servers. Coupling memcached with the alternative PHP cache (APC) can greatly improve performance by reducing data processing time. In this talk, Ben Ramsey covers memcached and the pecl/memcached and pecl/apc extensions for PHP, exploring caching strategies, a variety of configuration options to fine-tune your caching solution, and discusses when it may be appropriate to use memcached vs. APC to cache objects or data.
A talk about Open Source logging and monitoring tools, using the ELK stack (ElasticSearch, Logstash, Kibana) to aggregate logs, how to track metrics from systems and logs, and how Drupal.org uses the ELK stack to aggregate and process billions of logs a month.
This document provides an overview of HTML5 and what's new in the latest version. It discusses new semantic elements like <header>, <nav>, and <article> that improve document outlining. It also covers new multimedia features like native audio and video playback without Flash, as well as 2D/3D graphics using <canvas>. Other additions include new form controls, multiple file uploading, and geolocation. While HTML5 brings many new features, it is an ongoing evolution of HTML rather than a completely new language.
Mobile applications Development - Lecture 10
HTML5 Refresher
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
The document discusses HTML5 and its APIs. It provides an overview of several HTML5 APIs including the geolocation API, web storage API, web workers API, and WebSocket API. It also discusses how these new HTML5 features allow for more advanced web applications compared to older technologies like Flash. Finally, it mentions some libraries and tools for testing HTML5 browser support.
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるSadaaki HIRAI
This document provides an overview of HTML5 technologies including HTML5 markup, microdata/RDFa, WebFonts, Canvas, MediaQueries, performance optimizations like SPDY and HTTP 2.0. It discusses specifications from the W3C and implementations by companies. Tools for testing responsive design, fonts and browser compatibility are also mentioned. The document is written in Japanese and references the author's blog for code samples.
HTML 5 is the latest version of the HTML standard. It includes several new elements and features to improve structure and behavior. Some key changes include new semantic elements like <article>, <aside>, <header>, and <footer>; built-in support for audio and video; the <canvas> element for drawing graphics; and forms with new input types. HTML 5 aims to simplify HTML and separate structure and presentation, making code cleaner and pages more accessible. It is developed jointly by the WHATWG and W3C organizations.
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 provides an overview of HTML5 and its new features. It begins by explaining that HTML5 is not a programming language and is mainly used to write web pages. It then discusses how browsers have become application platforms, prompting the need to adopt HTML5. The document outlines some of the major new features in HTML5, including semantic elements like header and nav, new input types, geolocation, local storage, offline web applications, and video playback. It also addresses questions around the future of Flash and which companies are pushing adoption of HTML5.
The document discusses HTML5 and its advantages over previous standards. Key points include:
- Major tech companies support HTML5 as the future of the web.
- HTML5 offers new forms capabilities, native multimedia, and features that are usable now like canvas, geolocation, and semantic elements.
- The HTML5 doctype is simpler than previous standards. Form controls and semantic elements are introduced.
- Polyfills and other techniques can provide fallback support for older browsers that do not yet support HTML5 features.
The document provides an introduction and overview of HTML5. It discusses the structure of an HTML5 page, including updates to the doctype, removal of xmlns, and addition of the meta charset tag. New HTML5 elements like article, aside, audio, canvas, and video are presented. Updates to HTML5 forms, including new input types and attributes, are covered. The use of video and audio elements is explained. Finally, the canvas element is introduced and basic drawing using the canvas context is demonstrated.
The document summarizes the history and key features of HTML5. It discusses the evolution of HTML from 1991 to the present, including versions like HTML4.01. It also covers new HTML5 elements like <header>, <nav>, <section>, <article>, and <footer> that replace older <div> elements. Additionally, it provides overviews of new HTML5 APIs and features like geolocation, WebSockets, and Web Storage, as well as CSS3 properties like text-shadow, RGBa colors, gradients, and transitions.
The document discusses implementing HTML5 features today. It explains how to use new HTML5 elements by adding code to support older browsers. It also covers features like client-side storage, audio/video playback, geolocation, and new form types that can be readily used. The document provides code examples of adding HTML5 elements like header, nav and article to a web page.
The document summarizes Jen Simmons' presentation on using HTML5 with Drupal. It discusses how HTML5 was designed with backwards and forwards compatibility in mind so it can be used today. It outlines new HTML5 semantic elements, forms, and APIs as well as tools for using HTML5 in Drupal like the HTML5 Tools and Elements modules. Resources for learning more about HTML5 are also provided.
HTML5 will be the new standard for HTML and includes several new features such as new semantic elements, canvas element for 2D drawing, video and audio elements, local storage support and new form controls. It is still a work in progress but major browsers already support many of its new APIs and elements. Some of the key rules for HTML5 include that new features should be based on HTML, CSS, DOM and JavaScript and reduce the need for plugins.
This document discusses HTML5 and provides examples of new HTML5 elements and features such as audio, video, and the canvas element. It demonstrates how to add audio and video to a basic HTML5 page structure and provides code samples using the canvas element to draw shapes. It also discusses HTML5 support in different browsers and techniques for improving compatibility, such as using JavaScript to add support for new elements in older browsers.
This document discusses Google App Engine and Gaelyk, a framework that allows developers to build applications for Google App Engine using Groovy and Grails. It provides an overview of key concepts including using Gaelyk to build applications with Groovy controllers and GSP template views, accessing the App Engine datastore and services, and deploying applications to App Engine. It also briefly mentions some features not covered in detail like plugins, billing, quotas, advanced APIs, and app market integration. The document appears to be describing Gaelyk and giving an introduction to building applications on App Engine using the Gaelyk framework.
This document provides an overview of HTML5 and CSS3 concepts for building web applications. It begins with defining what a web app is and its basic anatomy. It then covers new HTML5 structural tags, forms, multimedia capabilities like audio and video, offline data storage, geolocation, and canvas/SVG graphics. For CSS3, it discusses new selectors, the box model, positioning, fonts, visual effects, and media queries. Key topics are presented at a high level with examples to illustrate the main capabilities and uses of HTML5 and CSS3 for mobile web development.
HTML5 (and friends) - History, overview and current status - jsDay Verona 11....Patrick Lauke
1. HTML5 provides new semantic elements like header, footer, nav and article that improve accessibility and help structure documents. It also extends existing APIs and adds new APIs for multimedia, geolocation, offline storage and more.
2. HTML5 introduces new form input types for dates, times, numbers and more. It also provides built-in form validation without JavaScript.
3. The <video> and <audio> elements allow native playback of multimedia across browsers without plugins. The <canvas> element allows dynamic drawing via JavaScript.
4. While still evolving, many HTML5 features can be used today through progressive enhancement and feature detection. It offers developers new capabilities for building web applications and interactive experiences on
The document discusses various web technologies including HTML5, CSS, JavaScript, jQuery, ASP.NET, MVC pattern, and more. It provides an overview of each topic with definitions and examples. It also includes a brief history and future directions of web standards.
HTML5 has changed the Web as we know it. The newest markup language has some exciting features that, for example, make it easy to embed and play multimedia content on the web without having to use proprietary plugins like Adobe’s Flash.
In this webinar, learn:
What HTML5 is and what it can do
New HTML5 tags
Useful coding examples
Testing and validation of your site
Future of HTML5
Participants will be given server space to create their own page and will be required to have a basic HTML editor like Notepad, Notepad++ or Eclipse.
Similar to Html5 drupal7 with mandakini kumari(1) (20)
Building an Edge Computing Strategy - Distributed infrastructure.pptxMandakini Kumari
Edge computing solutions address this need for localized computing power. Networking, compute & storage closer to the consumer.
IT infrastructure and operations (I&O) leaders tasked with managing these solutions should understand the associated business value and risks
Increasing data security & privacy
Reduce 65% latency & network cost.
25% reduction in the cyberattacks
Caching, buffering, and optimizing data
Improving business efficiency and reliability
Real time data processing
Women in IT & Inspirational Individual of the Year.pptxMandakini Kumari
Women in IT & Inspirational Individual of the Year
Mandakini Kumari is the Chief Technology Officer at Vivriti Asset
Management with over 20 years of experience across IT Product and
Service sectors including financial services, banking, h ealth care and
s upply c hain.
She is a s
trategic technology executive with expertise in organization
building, data science, budgeting, Product Delivery, Agile
Transformation, Quality Assurance and Consulting.
She has successfully managed the complete life cycle of numerous
enterprise projects.
Education
MBA from IIM, Calcutta
B. Tech. from Delhi College of Engineering, Delhi
PMP from PMI
Web services soap and rest by mandakini for TechGigMandakini Kumari
WS serves as an interface to software developers.
Using WS as an API you can convert applications into web-applications.
WS is the vision of ‘Future Internet’
The basic Web services platform is XML + HTTP.
WS is future for Mobile application
This document provides an overview of Drupal, including:
- Drupal is an open source content management framework written in PHP that allows users to manage content through control panels.
- It began in 2001 as a college student's bulletin board and has grown significantly through contributions to its open source community.
- Drupal's code is seen as cleaner and better supported than alternatives, and it can do everything WordPress does plus more advanced features.
- The Drupal community participates through its website, groups, forums, conferences and local meetups to support the system.
Drupal is an open source content management system (CMS) written in PHP that allows users to build sophisticated web applications. It provides a modular framework for creating blogs, forums, e-commerce sites, and more. The document outlines how to install Drupal 7, install modules and themes, and configure basic settings like users, content authoring, and permissions. Core Drupal elements include hooks, nodes, blocks, menus, modules, themes, templates, and views. Instructions are given for creating a simple page and adding it to the site menu.
This document provides an overview of how to create and customize themes in Drupal. It discusses downloading existing themes, the structure of theme files and folders, creating a new theme including the .info file, assigning content to regions, adding templates, settings, and more. The goal of a theme is to change the appearance and layout of a Drupal site.
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894PECB
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
How to Install Theme in the Odoo 17 ERPCeline George
With Odoo, we can select from a wide selection of attractive themes. Many excellent ones are free to use, while some require payment. Putting an Odoo theme in the Odoo module directory on our server, downloading the theme, and then installing it is a simple process.
Credit limit improvement system in odoo 17Celine George
In Odoo 17, confirmed and uninvoiced sales orders are now factored into a partner's total receivables. As a result, the credit limit warning system now considers this updated calculation, leading to more accurate and effective credit management.
(T.L.E.) Agriculture: Essentials of GardeningMJDuyan
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏.𝟎)-𝐅𝐢𝐧𝐚𝐥𝐬
Lesson Outcome:
-Students will understand the basics of gardening, including the importance of soil, water, and sunlight for plant growth. They will learn to identify and use essential gardening tools, plant seeds, and seedlings properly, and manage common garden pests using eco-friendly methods.
Front Desk Management in the Odoo 17 ERPCeline George
Front desk officers are responsible for taking care of guests and customers. Their work mainly involves interacting with customers and business partners, either in person or through phone calls.
Is Email Marketing Really Effective In 2024?Rakesh Jalan
Slide 1
Is Email Marketing Really Effective in 2024?
Yes, Email Marketing is still a great method for direct marketing.
Slide 2
In this article we will cover:
- What is Email Marketing?
- Pros and cons of Email Marketing.
- Tools available for Email Marketing.
- Ways to make Email Marketing effective.
Slide 3
What Is Email Marketing?
Using email to contact customers is called Email Marketing. It's a quiet and effective communication method. Mastering it can significantly boost business. In digital marketing, two long-term assets are your website and your email list. Social media apps may change, but your website and email list remain constant.
Slide 4
Types of Email Marketing:
1. Welcome Emails
2. Information Emails
3. Transactional Emails
4. Newsletter Emails
5. Lead Nurturing Emails
6. Sponsorship Emails
7. Sales Letter Emails
8. Re-Engagement Emails
9. Brand Story Emails
10. Review Request Emails
Slide 5
Advantages Of Email Marketing
1. Cost-Effective: Cheaper than other methods.
2. Easy: Simple to learn and use.
3. Targeted Audience: Reach your exact audience.
4. Detailed Messages: Convey clear, detailed messages.
5. Non-Disturbing: Less intrusive than social media.
6. Non-Irritating: Customers are less likely to get annoyed.
7. Long Format: Use detailed text, photos, and videos.
8. Easy to Unsubscribe: Customers can easily opt out.
9. Easy Tracking: Track delivery, open rates, and clicks.
10. Professional: Seen as more professional; customers read carefully.
Slide 6
Disadvantages Of Email Marketing:
1. Irrelevant Emails: Costs can rise with irrelevant emails.
2. Poor Content: Boring emails can lead to disengagement.
3. Easy Unsubscribe: Customers can easily leave your list.
Slide 7
Email Marketing Tools
Choosing a good tool involves considering:
1. Deliverability: Email delivery rate.
2. Inbox Placement: Reaching inbox, not spam or promotions.
3. Ease of Use: Simplicity of use.
4. Cost: Affordability.
5. List Maintenance: Keeping the list clean.
6. Features: Regular features like Broadcast and Sequence.
7. Automation: Better with automation.
Slide 8
Top 5 Email Marketing Tools:
1. ConvertKit
2. Get Response
3. Mailchimp
4. Active Campaign
5. Aweber
Slide 9
Email Marketing Strategy
To get good results, consider:
1. Build your own list.
2. Never buy leads.
3. Respect your customers.
4. Always provide value.
5. Don’t email just to sell.
6. Write heartfelt emails.
7. Stick to a schedule.
8. Use photos and videos.
9. Segment your list.
10. Personalize emails.
11. Ensure mobile-friendliness.
12. Optimize timing.
13. Keep designs clean.
14. Remove cold leads.
Slide 10
Uses of Email Marketing:
1. Affiliate Marketing
2. Blogging
3. Customer Relationship Management (CRM)
4. Newsletter Circulation
5. Transaction Notifications
6. Information Dissemination
7. Gathering Feedback
8. Selling Courses
9. Selling Products/Services
Read Full Article:
https://digitalsamaaj.com/is-email-marketing-effective-in-2024/
Integrated Marketing Communications (IMC)- Concept, Features, Elements, Role of advertising in IMC
Advertising: Concept, Features, Evolution of Advertising, Active Participants, Benefits of advertising to Business firms and consumers.
Classification of advertising: Geographic, Media, Target audience and Functions.
Split Shifts From Gantt View in the Odoo 17Celine George
Odoo allows users to split long shifts into multiple segments directly from the Gantt view.Each segment retains details of the original shift, such as employee assignment, start time, end time, and specific tasks or descriptions.
How to Configure Time Off Types in Odoo 17Celine George
Now we can take look into how to configure time off types in odoo 17 through this slide. Time-off types are used to grant or request different types of leave. Only then the authorities will have a clear view or a clear understanding of what kind of leave the employee is taking.
2. In The Next
30 Minutes
1.What's new in HTML5
2.HTML5 with Drupal7
3.Why HTML5 and CSS3
4.Difference between HTML 4.0x,
XHTML, HTML5
5.HTML5 Form
3. BASIC ASSUMPTIONS
•Should know HTML & CSS markup
Basic
•Understating of Drupal & Theming
•Familiar with modern browsers e.g.
Firefox,Safari, Chrome & IE
4. HTML5 with Drupal Ref.
HTML5 TOOLS:http://drupal.org/project/html5_tools
HTML5 Base Theme: http://drupal.org/project/boron
http://drupal.org/project/adaptivetheme
Elements: http://drupal.org/project/elements
Geolocation:
http://drupal.org/project/html5_user_geolocation
IRC #drupal-html5(http://groups.drupal.org/html5)
w3schools.com
5. 1.1 What's new in HTML5
• New Elements
• New Attributes
• Full CSS3 Support
• Video and Audio
• 2D/3D Graphics
• Local Storage
• Local SQL Database
• Web Applications
13. 3.3 HTML5 Forms
•New form elements, new
attributes, new input types,
automatic validation.
14. 3.4. HTML5 Applications
With HTML5, web application development is
easier than ever.
• Local data storage
• Local file access
• Local SQL database
• Application cache
• Javascript workers
• XHTMLHttpRequest 2. (source:w3c.org)
15. 3.5. Multimedia
With HTML5, playing video
and audio is easier than ever.
HTML5 <video>
HTML5 <audio> (source:w3c.org)
16. 3.6. Graphics & Effects
With HTML5, drawing graphics is easier
than ever:
Using the <canvas> element
Using inline SVG
Using CSS3 2D/3D
(source:w3c.org)
17. 3.7. Performance &
Integration
Make your Web Apps and dynamic web
content faster with a variety of
techniques and technologies such as
Web Workers and XMLHttpRequest 2.
No user should ever wait on your watch.
(source:w3c.org)
29. 4.11 NEW HTML5 ELEMENT
<!-- begin: science section →
<section id=”science”>
<article>
<header> <h2>Science</h2> </header>
<p>Space Matter And Time (SMAT)</p> <footer>
<p>Creative Commons License</p> </footer>
</article>
</section>
<!-- end: science section -->
30. 4.12 NEW HTML5 ELEMENT
<!-- begin: video →
<video id="vid1"
poster="http://v.com/video.jpg>
<source type="video/webm"
src="http://v.com/vid.webm" />
<sourcesrc="http://v.com/vid.m4v"/>
<source src="http://v.com/vid.ogv" />
</video>
<!-- end: video -->
31. 5.1 New Input Type
color date
datetime datetime-local
email
month number
range search
tel time
url week
32. 4.2 HTML5 New Form Attributes
New attributes for <form>:
Autocomplete Novalidate
New attributes for <input>:
Autocomplete autofocus
Form formaction
Formenctype formmethod
Formnovalidate formtarget
height and width list
min and max multiple
pattern (regexp) placeholder
Required step
33. 5.3 HTML5 Other APIs
Geolocation
Communication APIs
Websockets
Web Workers
Web Storage
Offine Applications
34. 5.4 New Form Element
<datalist>
<keygen>
<output>
36. 5.6 Form Element <Keygen>
A form with a keygen field
<form action="demo_keygen.asp"
method="get">
Username: <input type="text"
name="usr_name">
Encryption:
<keygen name="security">
<input type="submit">
</form>
37. 5.7 Form Element <output>
Perform a calculation and show the result
in an <output> element
<form oninput= "x.value=parseInt(a.value)
+parseInt(b.value)">0
<input type="range" name="a" value="50">100
+
<input type="number" name="b" value="50"> =
<output name="x" for="a b"></output>
</form>