30 HTML5 learning resources for web designers

Source: Internet
Author: User

A few weeks ago, Adobe released Dreamweaver cs5 HTML5
Pack preview version download. As we all know, HTML5 has set off a big debate in the Internet field, making Adobe hard to survive. HTML5 is committed to providing comprehensive markup language for front-end development
Statement. The following 30 resources can help you learn HTML5.

 
Blowing
Up HTML5 video and mapping it into 3D space (blow HTML5 videos to form a 3D effect)
Recently me
Canvas and video tags in HTML 5 are studied, and some cool features are found. One of them is canvas. drawimage ()
API. This is a detailed introduction.

Code
A backwards compatible, one page portfolio with HTML5 and css3 (using HTML5
Creates a backward compatible page with css3)
HTML5 is more semantic, and HTML5
We don't have to add meaningless divs to the webpage. It introduces meaningful tags, such as navigations and footers.
Make the code more meaningful and closer to the natural language.

Coding
A html 5 layout from scratch (HTML 5 layout)

This article will teach you

  • Use Original Technology to place elements in specific locations
  • Latest Technology Trends
  • Collaborative use of microformats and HTML5
  • Introduce the new features of HTML5 and css3

Coding
A css3 and HTML5 one page website template (create a one-page website template for css3 and HTML5)
This
This article describes how to use the new features of css3 and jquery to create HTML5 webpage templates. HTML5 is still being improved. You can also choose to download the XHTML version.

Comprehensive
Video tutorial on HTML5 (Comprehensive HTML5 Video Guide)
This is a file named Brad.
An HTML5 tutorial video prepared by neuberg engineers.

Create
Modern web sites using HTML5 and css3 (use HTML5 and css3 to create a fashion site)
This article introduces many
HTML5 functions, syntaxes, and APIs, as well as the new selector, effects, and features of css3. Bottom,
It also teaches you how to use these new features to develop a web page. After reading this article, you can use HTML5 and css3 to develop your own website.

Designing
Blog with HTML5 (design a blog with HTML5)
Many HTML5 features need to be combined with JavaScript
APIs are used together to increase webpage interaction. However, there are still some new elements that can make traditional web1.0 pages more semantic. To learn this, let's look at how to build a blog.

Designing
For the future with HTML5 and css3: tutorials and best
Practices (for future design: Guidelines and best cases for HTML 5 and css3)
This article will introduce some of the best websites built with HTML5 and css3.

Design
And code a cool iPhone app website in HTML5 (design and implement a cool iPhone with HTML5)
APP website)

Have
Field Day with HTML5 forms (create an HTML 5 table)
This article will teach you how to use HTML 5
And advanced CSS technology and the latest css3 technology to create a beautiful table.

How
To create a nice blog design touching the Future (do not use Photoshop to complete Webpage Design)

How
To make all browsers render HTML5 mark-up correctly-even
IE6 (how to make all browsers render HTML5 markup-even IE6)
This article will teach you how to use JavaScript and CSS
HTML5 pages are backward compatible, and IE6 is no exception.

How
To make an HTML5 iPhone app (making an HTML5 iPhone app)
This is
A guide for iPhone, but many technologies are also available in HTML5-compatible mobile browsers.

Html
5 and CSS 3: The techniques you'll soon be using (HTML 5 and CSS
3: the technology you will use)
This article uses HTML 5 and CSS 3 to build a blog page. If you are familiar with HTML and CSS, it will be easy to keep up.

HTML5
For beginners. Use it now, its easy! (HTML 5 beginner's guide)
To
Getting started with HTML 5 for beginners with basic HTML knowledge

HTML5 presentation
This
This article introduces the development history and basic features of HTML5.

HTML5
Tutorial-Getting Started (getting started with HTML 5)

How
To build web pages with HTML 5 (how to create an HTML 5 webpage)

Simple
Website layout tutorial using HTML 5 and CSS 3 (HTML5 and css3 layout Guide)
HTML5
The most promising new tags include <Audio>. It also includes APIs for drawing, offline data storage, and drag-and-drop operations. The page layout is easier to understand. Here we will introduce the simplest HTML 5
Layout the page and use css3 to set the style. The final result is as follows:

Structural
Tags in HTML5 (HTML 5 structure tag)
HTML5 has many labels to help the Web Page Structure, which saves the trouble of using many Div

HTML5
Boilerplates (HTML 5 template)
This article introduces some HTML5 template files you can use.

Html
5 canvas-the basics (HTML 5 basics-canvas)
Comprehensive guidance on the use of HTML 5 canvas

HTML 5
Tutorials (HTML 5 Guide)

Implementing
HTML5 Drag and Drop: New Premium tutorial (HTML 5 drag and drop)
HTML5
A new feature is drag-and-drop, but ie supports drag-and-drop as early as the 5.5 era, while HTML 5
Is based on IE. This example shows how to use drag and drop to implement a simple Shopping Cart interface.

Preview
HTML 5
This is an old article that describes the features and advantages of HTML5.

The
HTML 5 canvas for Flash developers: Drawing (drawing function of HTML 5 canvas)

The
Power of HTML 5 and CSS 3
Describes the effects of HTML 5 and css3.

View
Source Tutorial: sticky notes with HTML5 and css3 (HTML5 and css3
Create a publish effect)

WebOS
HTML5 database storage tutorial (WebOS HTML5 data storage Guide)
HTML5
The local storage function makes data storage very simple.

Yes,
You can use HTML 5 today!
This article introduces some currently supported HTML 5 features, which are very useful for beginners.

Source: NTT. CC
Translation: lovelyashes

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.