ABOUT W3C STANDARDS

Read this post and get an idea about W3C Standards: 

Most W3C work revolves around the standardization of Web technologies. To accomplish this work, W3C follows processesthat promote the development of high-quality standards based on the consensus of the community. W3C processes promote fairness, responsiveness, and progress, all facets of the W3C mission.

Intro to Standards

The W3C technical report development process is the set of steps and requirements followed by W3C Working Groups to standardize Web technology. Through this process, W3C seeks to maximize consensus about the content of a technical report, to ensure high technical and editorial quality, to promote consistency amongspecifications, and to earn endorsement by W3C and the broader community. Learn more in the introduction to the W3C Process.

Input to the W3C standards process may come from a variety of places, including:

• W3C Workshops
• Incubator Groups
• Member Submissions
• Team Submissions

Value of Creating Standards at W3C

W3C continues to evolve to provide the community a productive environment for creating Web standards. W3C offers:

• a large, international community of passionate thinkers;
• a well-defined, Royalty-Free Patent Policy (policy summary, business benefits, FAQ);
• a full-time staff of world experts on Web technology, including the inventor of the Web as the Director of the organization;
• an effective infrastructure and tools to facilitate meetings and the creation of documents;
• over 15 years of experience in standards development embodied by a well-defined and maintained processthat evolves as community needs change.

Business Case for Standards

Here is a selection of community viewpoints on the value of Web Standards. Please let us know if you know of other useful resources.

• Long live the web (Scientific American, Nov 2010)
• The Economic Importance of Standards (slides), Tim Berners-Lee
• A Standards Quality Case Study: W3C, Arnaud Le Hors
• Business Case for Open Standards, Erik Silman
• The Business Value of Web Standards, Jeffrey Veen
• What are the advances of using standards?, Web Standards Project
• Business Case for Web Standards Wiki
• Developing a Web Accessibility Business Case for Your Organization: Overview , W3C Web Accessibility Initiative
• Making the business case for web standards, Web Access Strategies
• CSS Talking Points: Selling Clients on Web Standards, Greg Kise
• Asia-Pacific Economic Cooperation (APEC)'s Standardization: Fundamentals, Impact, and Business Strategy
• Standards <Meta> Library

Introduction to Standards-Based Design

Below are listed some resources that discuss standards-based Web design.

• W3C's HTML validator, which links to other validators (CSS, RSS, Atom, MobileOK) and tools (to find broken links, etc.)
• Web Site Quality, a list of articles from the W3C Quality Assurance Activity
• Buy standards compliant Web sites, W3C Quality Assurance Activity
• Introducing Web accessibility and evaluating accessibility, W3C Web Accessibility Initiative
• Internationalization techniques, W3C Internationalization Activity
• Reources from the Open Web Education Alliance (OWEA), including curricula
• What are web standards and why should I use them?, Web Standards Project FAQ
• A Standardista’s Alphabet, Jack Pickard for A List Apart

text source: 

http://www.w3.org/standards/about.html

HTML5 Editors : Five Essential Editors

HTML5 has garnered plenty of attention in the last two years, and for good reasons. The internet as we know it is changing, and HTML5 is at the forefront of those changes. If you are eager to jump into the HTML5 mix, you will be interested in the tools we have found for creating websites and web apps using HTML5.

At the moment, there are two flavors of HTML5 editors to be found: standalone applications and browser-based editors. There are advantages and disadvantages for each. Standalone apps are OS-dependent, that is, some are created for Windows, others for Mac, only one is for both. Browser-based apps, on the other hand, work on any OS, with almost any current browser, as well as other devices such as the iPad. Standalone apps work with or without an internet connection. Browser-based apps are typically only available if you are online (more on that later). Whether one is better than the other depends on the specifics of a given developer, their needs, requirements, OS, etc.

With that, let's move on to the HTML5 tools.

Aloha Editor

The Aloha Editor is a browser-based rich text editor framework that was created in JavaScript. Unlike most other HTML editors, Aloha can actually be embedding within a CMS, blog or other standard web development frameworks.

Functioning in a similar fashion as that of a textarea, pretty much any DOM (document object model) element can be edited--a developer just has to embed the code within their online document. When you highlight any text, a floating menu appears next to the area you are editing, allowing you to change the font size, face, insert tables and more according to the content being edited.

The one thing that Aloha is short on is basic tutorials or documentation. An API reference is provided, as is a forum and several different types of samples, but no "how to add Aloha to your blog" tutorials are present (if they are present, they aren't obvious to this developer).

Dreamweaver CS5

Adobe Dreamweaver CS5 is well known in the industry, and its initial reputation as a code mangler has improved drastically over the last few years. The most recent release, Dreamweaver CS5, came along with announcement from Adobe that Dreamweaver CS5 now supports HTML5. We've covered the Creative Suite of products for many years on HTMLGoodies, most recently in an overview article that discusses the various CS5 product suites and subscription plans, a review of Dreamweaver itself, and a tutorial on how to create CSS Menus using CSS Tab Designer along with Dreamweaver.

Dreamweaver is a full-featured editor, providing WYSIWYG functionality, a multiscreen preview panel, integration with jQuery Mobile and Adobe BrowserLab, along with support for native Android and iOS apps (when using PhoneGap), CSS3 and of course HTML5. Dreamweaver is not a cheap product, but if you are a professional web developer, it can be a useful and versatile tool in your toolbox--well worth the purchase price.

Maqetta

Maqetta is another browser-based HTML5 editor--but don't fall for the false perception that "browser-based" means inadequate. Maqetta, as well as other browser-based tools, are becoming more capable, more useful and easier-to-use on multiple devices and browsers. Most such tools are also free (and open source, since they are largely written in HTML and JavaScript), so you're getting much more than you're paying for.

Maqetta is a full-featured WYSIWYG editor. Developers can create a web page, initially drawing it out, dragging-and-dropping elements onto the page, editing the page using a design mode or source code view. A wireframing feature enables designers of user interfaces to "draw" a UI before they even get to coding it. A theme editor allows the customization of the style of many different types of widgets, and it includes full support for CSS styling. If you haven't tried Maqetta, it's worth spending some time playing around with it to see its potential.

MacFlux

MacFlux is a commercial software product for the Mac, obviously, that retails for $99. It includes free website templates, and supports HTML5 (and HTML4), PHP, Ruby, JSP and other text-based languages.

The company that sells MacFlux, MacWare Inc, considers it to be a "creative design environment rather than a template based solution" and from the screen shots on their site, it looks like it has a simple interface that pretty much anyone could use to create a website. Since they don't offer a trial download, I will have to take them at their word. Any Mac users who have used the software, please feel free to comment below.

BlueGriffon

BlueGriffon is a strange editor, in that yes, it's another browser-based editor, but no, you don't have to be online to access and use it. Based on the Firefox browser's Gecko rendering engine, you can actually download and install BlueGriffon on your computer. There are binaries available for Mac, Windows XP/7, Ubuntu and Fedora, and its available in 9 languages.

Like some of the others we have discussed, BlueGriffon is a WYSIWYG editor with support for HTML4 and HTML5, as well as XHTML. For users who want to experiment with features of HTML5, it enables developers to directly embed HTML5 audio and video elements into a web page.

It has some additional functionality that other editors don't have, such as the ability to extract a frame from a video file so it can be used as the "poster" for the video when you embed the video on a web page. That feature takes one click to accomplish. HTML5 forms are fully supported, with dialogs for every form element defined in the HTML5 specification

Text source: http://www.htmlgoodies.com/html5/tutorials/five-essential-html5-editors.html#fbid=s3yiyzCfGQv

and Visit more tutorials: http://www.htmlgoodies.com

New Tags in HTML 5 :: HTML5 Tag Reference ::

NEW TAGS IN HTML5

HTML5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.

Some of the new features in HTML5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML5 also contains new elements like <nav>, <header>, <footer>, and <figure>.

The HTML5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundreds of other vendors.

Note: HTML5 is not a W3C recommendation yet!

To read about the HTML5 activities at W3C, please read our W3C tutorial.

---

Ordered Alphabetically

New : New tags in HTML5.

Tag	Description
<!--...-->	Defines a comment
<!DOCTYPE>	Defines the document type
<a>	Defines a hyperlink
<abbr>	Defines an abbreviation
<acronym>	Not supported in HTML5
<address>	Defines contact information for the author/owner of a document/article
<applet>	Not supported in HTML5
<area>	Defines an area inside an image-map
<article>New	Defines an article
<aside>New	Defines content aside from the page content
<audio>New	Defines sound content
<b>	Defines bold text
<base>	Specifies the base URL/target for all relative URLs in a document
<basefont>	Not supported in HTML5
<bdi>New	Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo>	Overrides the current text direction
<big>	Not supported in HTML5
<blockquote>	Defines a section that is quoted from another source
<body>	Defines the document's body
<br>	Defines a single line break
<button>	Defines a clickable button
<canvas>New	Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption>	Defines a table caption
<center>	Not supported in HTML5
<cite>	Defines the title of a work
<code>	Defines a piece of computer code
<col>	Specifies column properties for each column within a <colgroup> element
<colgroup>	Specifies a group of one or more columns in a table for formatting
<command>New	Defines a command button that a user can invoke
<datalist>New	Specifies a list of pre-defined options for input controls
<dd>	Defines a description of an item in a definition list
<del>	Defines a text that has been deleted from a document
<details>New	Defines additional details that the user can view or hide
<dfn>	Defines a definition term
<dir>	Not supported in HTML5
<div>	Defines a section in a document
<dl>	Defines a definition list
<dt>	Defines a term (an item) in a definition list
<em>	Defines emphasized text
<embed>New	Defines a container for an external application or interactive content (a plug-in)
<fieldset>	Groups related elements in a form
<figcaption>New	Defines a caption for a <figure> element
<figure>New	Specifies self-contained content
<font>	Not supported in HTML5
<footer>New	Defines a footer for a document or section
<form>	Defines an HTML form for user input
<frame>	Not supported in HTML5
<frameset>	Not supported in HTML5
<h1> to <h6>	Defines HTML headings
<head>	Defines information about the document
<header>New	Defines a header for a document or section
<hgroup>New	Groups heading (<h1> to <h6>) elements
<hr>	Defines a thematic change in the content
<html>	Defines the root of an HTML document
<i>	Defines a part of text in an alternate voice or mood
<iframe>	Defines an inline frame
<img>	Defines an image
<input>	Defines an input control
<ins>	Defines a text that has been inserted into a document
<keygen>New	Defines a key-pair generator field (for forms)
<kbd>	Defines keyboard input
<label>	Defines a label for an input element
<legend>	Defines a caption for a <fieldset>, <figure>, or <details> element
<li>	Defines a list item
<link>	Defines the relationship between a document and an external resource (most used to link to style sheets)
<map>	Defines a client-side image-map
<mark>New	Defines marked/highlighted text
<menu>	Defines a list/menu of commands
<meta>	Defines metadata about an HTML document
<meter>New	Defines a scalar measurement within a known range (a gauge)
<nav>New	Defines navigation links
<noframes>	Not supported in HTML5
<noscript>	Defines an alternate content for users that do not support client-side scripts
<object>	Defines an embedded object
<ol>	Defines an ordered list
<optgroup>	Defines a group of related options in a drop-down list
<option>	Defines an option in a drop-down list
<output>New	Defines the result of a calculation
<p>	Defines a paragraph
<param>	Defines a parameter for an object
<pre>	Defines preformatted text
<progress>New	Represents the progress of a task
<q>	Defines a short quotation
<rp>New	Defines what to show in browsers that do not support ruby annotations
<rt>New	Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>New	Defines a ruby annotation (for East Asian typography)
<s>	Defines text that is no longer correct
<samp>	Defines sample output from a computer program
<script>	Defines a client-side script
<section>New	Defines a section in a document
<select>	Defines a drop-down list
<small>	Defines smaller text
<source>New	Defines multiple media resources for media elements (<video> and <audio>)
<span>	Defines a section in a document
<strike>	Not supported in HTML5
<strong>	Defines important text
<style>	Defines style information for a document
<sub>	Defines subscripted text
<summary>New	Defines a visible heading for a <details> element
<sup>	Defines superscripted text
<table>	Defines a table
<tbody>	Groups the body content in a table
<td>	Defines a cell in a table
<textarea>	Defines a multiline input control (text area)
<tfoot>	Groups the footer content in a table
<th>	Defines a header cell in a table
<thead>	Groups the header content in a table
<time>New	Defines a date/time
<title>	Defines a title for the document
<tr>	Defines a row in a table
<track>New	Defines text tracks for media elements (<video> and <audio>)
<tt>	Not supported in HTML5
<u>	Defines text that should be stylistically different from normal text
<ul>	Defines an unordered list
<var>	Defines a variable
<video>New	Defines a video or movie
<wbr>New	Defines a possible line-break