Custom Search

Digg! New HTML 5 Version Digg It

HTML 5 Update Information
The Long Overdue HTML 5 UPDATE

Be sure to view our links on the left.

HTML 5Subject: HTML 4 is being updated to HTML 5. Information on the new drafts. This is the 5th major revision of the core language of the World Wide Web, since 1997. Designers are Excited and Worried!

January 22, 2008, The World Wide Web Consortium (W3C) released news that HTML 5 is a work in progress.

Webmasters all over the world are anxiously waiting for the release of the long overdue HTML 5. We all are so very hopeful we will finally have a language that is in conformance criteria for user agents in an effort to improve interoperability. In other words we would love to have a language that is compatible across the browser boards. We all know that Internet Explorer, has their own rendering world, and pages load a bit differently then in other browsers. I am hopeful those days are coming to an end.

Just from my own bit of reading I feel the new HTML 5 will be even more considerate to CSS and vice versa. I highly recommend that those designers that have not used CSS should now start using it. Why do I suggest this? New elements are being added to the HTML language, and old elements are being removed, and this will have effects on those that do not use or know how to manipulate CSS!




Newbie 101 PSP Graphic Web Design


The Changed HTML Attributes in HTML 5:
Some attributes from HTML 4 are no longer allowed in HTML 5



Be sure to view our links on the left.

No longer allowed.
accesskey attribute on a, area, button, input, label, legend and textarea.
No longer allowed.
scope attribute on td.
No longer allowed.
rev and charset attributes on link and a.
No longer allowed.
headers, axis and abbr attributes on td and th.
No longer allowed.
shape and coords attributes on a.
No longer allowed.
charset and language attributes on script.
No longer allowed.
summary attribute on table.
No longer allowed.
longdesc attribute on img and iframe.
No longer allowed.
valuetype and type attributes on param.
No longer allowed.
target attribute on link.
No longer allowed.
archive, classid, codebase, codetype, declare and standby attributes on object
No longer allowed.
nohref attribute on area.
No longer allowed.
scheme attribute on meta.
No longer allowed.
profile attribute on head.
No longer allowed.
version attribute on html.



SEO Web Design Micheles Paint Shop

Something to get use to as HTML 4 begins it's moves to HTML 5. These elements will provide a better structure to your designs.

The New HTML 5 Elements To Learn Before The Change:

dialog
The dialog element is used to mark up a conversation as in a "dialog"
section
The section element represents a section. As an example it can be used together with headings such as h1-h6 to indicate the document structure.
header
The header element represents the header of a section.
nav
The nav element represents a section of the document intended for navigation.
aside
The aside element represents a piece of content that is only slightly related to the rest of the page.
article
The article element represents an independent piece of content of a document, such as a blog entry or newspaper article.
footer
The footer element represents a footer for a section and can contain information about the author, copyright information, and more.
time
The time element represents a date and/or time.
datagrid
The datagrid element represents an interactive representation of a tree list or tabular data.
figure
The figure element can be used to associate a caption together with some embedded content, such as a graphic or video. Highly anticipated. An example as shown at the W3 site. <figure> <video src=ogg>…</video> <legend>Example</legend> </figure>
canvas
The canvas element represents is used for rendering dynamic bitmap graphics on the fly, such as graphs, games, et cetera.
details
The details element represents additional information or controls which the user can obtain on demand.
datalist
The datalist element together with the a new list attribute for input is used to make comboboxes. An example as shown at the W3 site. <input list=browsers> <datalist id=browsers> <option value="Safari"> <option value="Internet Explorer"> <option value="Opera"> <option value="Firefox"> </datalist>
event-source
The event-source element is used to "catch" server sent events.
output
The output element represents some type of output, such as from a calculation done through scripting.
command
The command element represents a command the user can invoke.
meter
The meter element represents a measurement, such as disk usage.
m
The m element represents a run of marked text.
progress
The progress element represents a completion of a task, such as downloading or when performing a series of expensive operations.
datatemplate, rule, and nest
These element provide a templating mechanism for HTML.
The input element's type attribute now has the these new values:
datetime, datetime-local, date, month, week, time, number, range, email, url
Newbie 101 Graphic Web Design

The New HTML 5 Attributes To Learn Before The Change:
HTML 5 has added new attributes to various elements that were already in HTML 4

Be sure to view our links on the left.

The a and area elements
Now have a media attribute for consistency with the link element. It is purely advisory.

Also has a new attribute called ping that specifies a space separated list of URIs which have to be pinged when the hyperlink is followed. This attribute allows the user agent to inform users which URIs are going to be pinged as well as giving privacy-conscious users a way to turn it off.

The area element, for consistency, now has the hreflang and rel attributes.
The base element
Now has a target attribute as well mainly for consistency with the a element and because it was already widely supported. The target attribute for the a and area elements is no longer deprecated. They are useful in Web applications, such as with ain conjunction with iframe.
The value attribute for the li element
Is no longer deprecated. The same for the start attribute of the ol element.
The meta element has a charset attribute
As this was already supported and provides a nicer way to specify the character encoding for the document.
A new autofocus attribute
Can be specified on the input except when the type attribute is hidden, select, textarea and button elements. It provides a declarative way to focus a form control during page load. This feature should enhance the user experience as the user can turn it off if he does not like it.
The new form attribute for input, output, select, textarea, button and fieldset
These elements allows for controls to be associated with more than a single form.
The input, button and form elements
Now have a new replace attribute which affects what will be done with the document after a form has been submitted.
The form and select elements as well as the datalist element
Have a data attribute that allows for automatically prefilling of form controls, in case of form, or the form control, in case of select and datalist, with data from the server.
The new required attribute
Applies to input except when the type attribute is hidden, image or some button type such as submit and textarea. It indicates that the user has to fill in a value in order to submit the form.
The input and textarea elements
Has a new attribute called inputmode which gives a hint to the user interface as to what kind of input is expected.
You can now disable an entire fieldset by using the disabled attribute on it.
Please note that this was not possible before.
The input element
This has several new attributes to specify constraints: autocomplete, min, max, pattern and step. As mentioned before it also has a new list attribute which can be used together with the datalist and select element.
The style element
Now has a new scoped attribute which can be used to enable scoped style sheets. Style rules within such a style element only apply to the local tree.
input and button
Has a new template attribute which can be used for repetition templates.
The menu element
Now has three new attributes: type, label and autosubmit. They allow the element to transform into a menu as found in typical user interfaces as well as providing for context menus in conjunction with the global contextmenu attribute.
The script element
Now has a new attribute called async that influences script loading and execution.
The html element
Now has a new attribute called manifest that points to an application cache manifest used in conjunction with the API for offline Web applications.


HTML Global Attributes apply to all...

Many attributes from HTML 4 now apply to all elements. Global attributes: class, dir, id, lang, tabindex and title.

The irrelevant attribute
Indicates that an element is not yet, or is no longer, relevant.
The contextmenu attribute
Can be used to point to a context menu provided by the author.
The contenteditable attribute
Indicates that the element is an editable area. The user can change the contents of the element and manipulate the markup.
The draggable attribute
Can be used together with the new drag & drop API..



Newbie 101 Tutorials Graphic Web Design



Graphics on site: This web sites graphics were all made by me using the Corel Paint Shop Professional program. We are currently working with software by Corel, and you can buy Corel Software directly from official site Corel.com . All animations are typically made with Corels Animation Shop 3. Animation Shop 3 Download (11.2 MB)


Newbie 101 Tutorials & Podcasts
Podcast Tutorials PSP Paint Shop ProWeb Design & Graphic Tutorials

Paint Shop Pro - Animation Shop - Flash

  • PSP X2 EPS Coloring Book Basics
    Sunday, May 25, 2008
  • Animation Basics
    Wednesday, June 18, 2008
  • Text on Curve
    April 22, 2008
  • Pixel Lineart Coloring w/ Effects
    March 22, 2008
  • Resize Multiple Pictures in PSP x2
    August 16, 2008
    • Podcast Tutorials PSP Paint Shop ProWeb Design & Graphic Tutorials

    Dreamweaver - HTML - CSS

  • Dreamweaver Rollover Buttons
    Saturday, June 21, 2008
  • CSS SPRY Menu Editing Basics
    Sunday, May 25, 2008
  • Avatar Tutorial PSP X2 Layers
    Thur, Oct 16, 2008
  • Eye Animation Tutorial
    Oct 31, 2008
  • PSP Basic Color Makeover
    Nov 05, 2008
    • Podcast Tutorials PSP Paint Shop ProWeb Design Graphics Optimization

    SEO - Marketing - PPC - Affiliates

  • Search Engine Optimization Basics
    Sunday, May 25, 2008
  • Pay Per Click Basics
    Sunday, May 25, 2008
  • Lined Notebook Paper Tutorial
    Tuesday, Nov 18, 2008
  • Custom Calendar Tutorial
    Sunday, Nov 22, 2008

  • Date 00, 2008