Group items tagged

HTML5 is giving web designers and developers new capabilities that were things of fantasy with previous versions of HTML. Web pages will now be more semantic with the use of structure specific tags. Visual elements like rounded corners are now built in, and so is the ability to create drag and drop interactivity. Even though HTML5 is not fully supported in major browsers, there are those that are pushing forward and experimenting with its new features. In an effort to encourage you to do the same and to prepare you for the future, we've rounded up 15 useful HTML5 tutorials and cheat sheets.

A full-featured how to for creating a design and then converting it to HTML and CSS.

A basic HTML tutorial.

In this walkthrough we'll go through the process of converting the design concept from PSD document right through to completed HTML and CSS mockup, complete with clean and valid code, a few touches of CSS3 and some quick fixes to help out old IE6.

PSD to HTML Conversion solutions have proven to be quite useful to business enterprises which want to establish an online presence. However, there are some limitations posed by the HTML conversion. In order to overcome these limitations, we now have PSD to XHTML conversion solutions.

An HTML tutorial from the beginning.

Easy front-end framework is all in one front-end solution. It includes CSS, HTML and JavaScript predefined code that you can easily use and reuse on your projects.

ClickHeat is a visual heatmap of clicks on a HTML page, showing hot and cold click zones. Requires Javascript on the client to track clicks, PHP and GD on the server to log clicks and generate the heatmap.

Tutorials on Web design, including Dreamweaver, Flash and HTML.

Use Rendurr to preview HTML and CSS code. As you type the code, the preview of the page displays in real time.

The whole purpose of this article is to help you get started with some basic guidelines and easy to follow code templates. If you are familiar with the basics and want to take things to the next level, you will also find several useful resources providing more tips, tricks and techniques.