HTML5CSS3.net – Articles Aggregator

Web Databases are new in HTML5. Web Databases are hosted and persisted inside a user’s browser. By allowing developers to create applications with rich query abilities it is envisioned that a new breed of web applications will emerge that have the ability to work online and off-line.

This example code demonstrates how to create a very simple todo list manager. It is a very high level tour of some of the features available in HTML5.

There is a big and justified interest from the web community about the changes introduced in HTML 5 and in the last weeks I’m frequently receiving a lot of questions and requests about this topic. In this post I want to illustrate a quick roundup of some point of interest about the use of lists in HTML 5.

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.

There’s been some buzz about the upcoming HTML 5 standard over the past few months. In particular, there are a couple of new features that people are looking forward to. One of them is the new <canvas> element which introduces a 2D drawing API offering a pretty rich set of functionality. If you’ve worked with HTML much, you can probably imagine some of the things that become possible with this. In fact, those are probably some of the same things that Flash and Silverlight are being used for today! So some people have gone as far as to suggest HTML 5 could eliminate the need for Flash and Silverlight…

Recently I’ve been reading a lot of articles on HTML 5 (such as on Zeldman.com and HTML 5 Doctor), and have seen a few reoccurring false perceptions in the comments. While some may seem funny for those following HTML 5’s progress closely, a lot of people aren’t, nor can they be expected to.

So in addition to the WhatWG FAQ, here are some common misunderstandings (and their explanations), written at a less technical level. My apologies for any overuse of the interrobang

HTML 5 will include tools to play and display video and audio inside the browser, with just one simple HTML tag. While they’re crucial currently, you may find yourself asking ‘who needs plug-ins now?’

BROWSER PLUGINS ARE, to say the least, awkward. You never know just what your users have installed, or even which versions they support. We’ve all been there, with a fresh install of Firefox, suddenly finding we don’t have the right plug-in or codec to see the video that’s waiting for us on someone’s site. It’s frustrating and annoying, and sometimes it’s just easier to go somewhere else.
HTML 5 is intended to make that go away. Not only does it add video and audio tags that work just like our old friend , it’s also expected to mandate browser support for key media types, including the open source Ogg formats.

Microsoft finally decided to share the IE team thoughts on HTML5, unfortunately their feedbacks are mostly negative, and are a bit late for some elements they are arguing.They review a lot of “established part” of the recommendation, and would they have joined the discussion before this point, most of their feedback would have not been necessary today.

It is unfortunate that they do not speak about canvas, audio and video tags. These tags are a major update over the HTML4 specs. Some people (including me) think that they will not implement these tags because of the competition it would provide to Silverlight, which they have been trying to bring to the global market for years.

CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg.

Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5. Many of the techniques discussed are already supported to some extent in some some modern web browsers (Safari and Firefox have the most extensive support), so you can get started right away.

HTML5 is getting a lot of love lately. With the arrival of FireFox 3.5, Safari 4 and the new betas of Google Chrome and Opera, browsers support some great new features including canvas and the new audio/video tags. Most interesting: modern mobile devices like the iPhone or Android-based phones also support new standards in favor of Flash. The future looks bright for HTML5.

Time for us to play with this technology. We’ve created a litttle experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen.

The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.

To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.