by Web Hosting Help Guy
For over half a decade now, the talk about HTML5 and CSS3 has been undoubtedly on the rise in the web design world. Being eagerly anticipated, both are still works in progress, but a percentage of features are available to use as “draft” versions on select browsers. These include
(in order of lowest to highest percentage):
- Internet Explorer 8
- Firefox 3.6
- Opera
- Google Chrome
- Safari
Some of the key new features of HTML5 are:
- New Doctype – With HTML5, including a doctype is not required, but for current and previous browsers that still need to have it included, the HTML5 doctype is much more simple than latter. All you need to input is
<!DOCTYPE html>
- Audio & Video Support – Once browsers fully support it, HTML5 will allow users to easily embed audio and video without third party plugins.
- Content Editable – This new element , which can be written as seen below, allows users to easily edit the text that’s placed within the element.
<ul contenteditable=true>
- Canvas – This element enables users to directly render 2D graphics and images, instead of, for example, having to use PhotoShop.
- Application Cache – This feature allows for the offline navigation of web applications. A perfect example of this HTML5 feature is Google Gears.
Some of the key new features of CSS3 are:
- @font-face – This feature allows adding custom fonts very easily just by:
- Uploading the .ttf or .otf file to you server
- Link to CSS file
- Create a font-family
- Multiple Backgrounds – CSS3 allows for the implementation of multiple backgrounds on a single element.
- Box-Shadow – This feature allows designers to easily implement outer or inner drop shadows on box elements, specifying values for color, blur, and offset.
- Border Image – This feature lets users replace the conventional border of an element by specifying an image to use.
- Multiple Columns – This feature allows users to put text into columns, and has the options to choose the amount of columns, width, space in between columns, and the use of a separator.
Here are some examples of HTML5 & CSS3 websites:
No comments:
Post a Comment