At the MADLab we have compiled several basic reference links for those who are just getting started with HTML5 (responsive design). Click through to the full post to see the list. We are compiling ever more links for all major mobile platforms, so please share your favourite tutorials, references and developer blogs with firstname.lastname@example.org!
It’s one of the most popular websites for learning any popular programming language. w3schools.com provides basic – but detailed – tutorials on HTML5/CSS3. All aspects of HTML5/CSS3 programming are covered, from Canvas, Audio, Drag/Drop to Forms, App Cache and more. The site includes examples in each chapter and even a Try-It-Yourself Editor: Type in code and click to see the result immediately. It’s especially helpful for people who have little experience with HTML5 coding.
In a similar tutoring style, http://www.w3.org/standards/webdesign/htmlcss is also a good place to begin learning HTML5.
This post is full of essential tips and techniques for HTML5.
net.tutsplus.com also has lots of tutorials available on a variety of topics, however the content of tutorials is not as basic as of w3schools – previous experience with HTML5 might be helpful.
This page provides tutorials on HTML5, sometimes in an article format. A plus for this website is the amount of sample code and screenshots.
Dive Into HTML5 by Mark Pilgrim (online version available at http://diveintohtml5.info/)
This is a great book on HTML5 programming, covering main aspects/features in great details. Easy to understand and not too ‘technical’, this book has clearly divided sections and also pictures/cartoons to make learning fun. Lots of sample code provided.
Introduces some of the latest and coolest features that CSS3 can offer, including border-radius, border-image, box-shadow, @font-face, etc. These features have not been released as a final specification but web designers can start using them to design innovative and amazing websites.
Covers everything you need to know about CSS3, from news, status of CSS3 modules, to brief tutorials on different CSS3 features. Examples are provided in each tutorial.
47 tutorials on different cool techniques of CSS3 that could make your website look amazing. Demos are provided.
A brilliant article on the new @font-face feature of CSS3 and how to make it work on Internet Explorer.
Assuming basic understanding of CSS, this article gives a general idea of what lies in the future with regard to CSS support for non-Latin text. These new features have not been finalized.
An article on CSS3’s new features text-shadow and background-size.
HTML5 FRAMEWORKS FOR MOBILE WEB APPLICATION:
These pages list the best and most popular frameworks for building HTML5 mobile web applications with details about pros and cons for each. Most frameworks are available for free use. The lists include:
- jQuery Mobile
- Kendo UI
- Sencha Touch
- Intel App Framework – ex jQMoby
- DaVinci Studio, WINK, and more
It is recommended to be read after you have gained some basic experience with JS from Code Academy.
MOBILE APP IDEAS
This page provides a list of 10 general ideas for people who are interested in making B2B Mobile Apps, including Event Apps, Networking Apps and many more.
Some advice on how to develop a great mobile app.
This article gives you some advice on how to avoid common pitfalls when developing a mobile app.
A step-by-step guide to developing a good mobile app.
And don’t forget
UofT offers courses covering web and mobile app design – find the right course for you at: