background preloader

All Standards and Drafts

All Standards and Drafts
Related:  html5 css

Media formats supported by the HTML audio and video elements - HTML (HyperText Markup Language) | MDN The <audio> and <video> elements provide support for playing audio and video media without requiring plug-ins. Video codecs and audio codecs are used to handle video and audio, and different codecs offer different levels of compression and quality. A container format is used to store and transmit the coded video and audio (both together, the case of a video with a soundtrack). Many combinations of codecs and container formats exist, although only a handful of these are relevant on the Web. Different browsers do not support the same media formats in their implementations of HTML5 video and audio, mainly because of patent issues. The area of media formats on the Web has greatly suffered from patent law in many countries including the USA and EU countries (the notes on patents in this article is provided as-is and without any warranty.) WebM The WebM format is based on a restricted version of the Matroska container format. Gecko recognizes the following MIME types as WebM files: video/webm

Slick login form with HTML5 & CSS3 We already know that CSS3 has the ability to create a lot of new possibilities to design and implement better web forms. Also, HTML5 has its important role when it comes about creating more usable forms, without actually needing any Javascript code. Knowing that, check out the below preview to see the login form we're going to create in this article: View demo Markup <form id="login"><h1>Log In</h1><fieldset id="inputs"><input id="username" type="text" placeholder="Username" autofocus required><input id="password" type="password" placeholder="Password" required></fieldset><fieldset id="actions"><input type="submit" id="submit" value="Log in"><a href="">Forgot your password? The HTML5 stuff New HTML5 attributes descriptions, according to latest specifications: The CSS For this article, I will not paste the whole lines here. Paper stack effect Box-shadow will help us creating this nice effect by defining multiple shadows that actually overlap. Stitch effect Subtle gradient lines The final result

C Mission The W3C mission is to lead the World Wide Web to its full potential by developing protocols and guidelines that ensure the long-term growth of the Web. Below we discuss important aspects of this mission, all of which further W3C's vision of One Web. Open Standards Principles On 29 August 2012 five leading global organizations jointly signed an agreement to affirm and adhere to a set of Principles in support of The Modern Paradigm for Standards; an open and collectively empowering model that will help radically improve the way people around the world develop new technologies and innovate for humanity. Learn more about OpenStand: the modern paradigm for standards. Design Principles The following design principles guide W3C's work. Web for All The social value of the Web is that it enables human communication, commerce, and opportunities to share knowledge. Web on Everything The number of different kinds of devices that can access the Web has grown immensely. Vision Web for Rich Interaction

Terms for describing people Abstract This document defines a set of terms for describing people. It defines how to describe people's characteristics such as names or addresses and how to relate people to other things, for example to organizations or projects. For each term, guidance on the usage within a running example is provided. This document also defines mappings to widely used vocabularies to enable interoperability. Status of This Document This section describes the status of this document at the time of its publication. This document is work in progress. This document was published by the Government Linked Data (GLD) Working Group as a First Public Working Draft. Publication as a Working Draft does not imply endorsement by the W3C Membership. This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. Scope This document is aimed at both publishers and consumers of Linked Data. 1. This section is non-normative. 1.1 Terminology source data publisher consumer 1.2 Conventions 2. 3. 4.

Controlling Media with JavaScript Because the <audio> and <video> elements are part of the HTML5 standard, there are JavaScript methods, properties, and DOM events associated with them. There are methods for loading, playing, pausing, and jumping to a time. There are also properties you can set programmatically, such as the src URL and the height and width of a video, as well as read-only properties such as the video’s native height. Finally, there are DOM events you can listen for, such as load progress, media playing, media paused, and media done playing. This chapter shows you how to do the following: For a complete description of all the methods, properties, and DOM events associated with HTML5 media, see Safari DOM Additions Reference. A Simple JavaScript Media Controller and Resizer Listing 4-1 creates a simple play/pause movie control in JavaScript, with additional controls to toggle the video size between normal and doubled. Listing 4-1 Adding simple JavaScript controls Using DOM Events to Monitor Load Progress

Front-end development - RedTeamDesign World Wide Web Consortium (W3C) BIO: A vocabulary for biographical information Creators David Galbraith This document describes a vocabulary for describing biographical information about people, both living and dead. The BIO vocabulary contains terms useful for finding out more about people and their backgrounds and has some cross-over into genealogical information. The approach taken is to describe a person's life as a series of interconnected key events, around which other information can be woven. The BIO vocabulary defines a number of core classes and properties for describing biographical information: Figure: Biography Vocabulary Core Classes (PNG version, SVG version) At its heart the BIO vocabulary is concerned with people, their relationships and the events in their lives. The sequence of events and intervals build a timeline of history against which people and their relationships can be placed. Figure: Biography Vocabulary Timelines(PNG version, SVG version) Please see for the master version of this vocabulary. History Namespace

WEBBEM - Home | Collecting all the cheat sheets Finding your WAI to New Web Accessibility Resources Presentations you can copy, business case resources, what to do when you come across an inaccessible website, and much much more are available on the WAI website for managers, policy makers, presenters, developers, designers, and people with disabilities. Whether you already use WAI resources or you're new to web accessibility, we encourage you to look around and find more information that is useful to you. This page explains strategies for finding what you're looking for on the WAI website. (A separate page provides Help with the WAI Web Site, such as navigating with headings.) If you don't find what you're looking for or have any suggestions on what you do find, please let us know by sending e-mail to: if you want your e-mail publicly archived. if you want your e-mail to go only to WAI staff. New Resources We think you'll find some documents that you didn't even know existed on the WAI website. To find more new and developing resources, see: Tell Others!

An organization ontology Last update: First released: Revision: Revision: 0.4 Editors: Dave Reynolds (Epimorphics Ltd) Copyright © 2010 Epimorphics Ltd This work is licensed under a Creative Commons License. Abstract This document describes a core ontology for organizational structures, aimed at supporting linked-data publishing of organizational information across a number of domains. Status of this document This is an editor's draft without any formal standing. Changes to the ontology will be announced on the public-lod mail list. Table of Contents 1. This ontology was original motivated by a need to publish information relating to government organizational structure as part of the initiative. The ontology gives minimal basic terms to support representation of: This coverage corresponds to the type of information typically found in organizational charts. The ontology does not provide category structures for organization type, organization purpose or roles. Overview of ontology Namespace Design notes 2. 3. 4. 5.

HTML5 Microdata Format Generator | Barry Ko Following up on a previous entry on the Microdata Format, I’ve created a completely free, for non-commercial purposes, Microdata Generator for some of the more popular item types: Books, Movies, People, Organizations and Companies, Stores, Restaurants, and Local Businesses. While there are other Microdata Generators and Creators out there, I haven’t found one that correctly nests multiple item types, or integrates the correct Hours of Operation (date/time) item property, which is essential for local businesses and restaurants. Furthermore, I’ve taken the extra step of giving you the option to include line breaks (for those who prefer the raw text format), the option to wrap the labels in a <span> tag, and the option to insert a class into the label span for custom css styling!