(best viewed at 800 x 600)


http://www.shambles.net
 
  'html' Tutorials and Tips


Everything You Always Wanted To Know About HTML5
http://tcrn.ch/Tumyaq
Everything You Always Wanted To Know About HTML5* (*But Were Afraid To Ask)
HTML5 is increasingly getting adopted by companies that need other solutions in place besides native apps. Some of the reasons why include the ability to target all consumers in a fragmented mobile market; and the ability to bypass some of the rules put in place by app store operators. Opera, making of mobile and web browsers, is one of the bigger companies that have promoted the standard.
Down arrowUp arrow
grey line
HTML Validators and Checkers
http://www.htmlhelp.com/links/validators.htm
HTML Validators and Checkers
Down arrowUp arrow
grey line
html is easy : Quality Resources for Web Authors
http://www.htmliseasy.com/weblinks/index.html
Quality Resources for Web Authors
html is easy
Down arrowUp arrow
grey line
The Bare Bones Guide to HTML
http://werbach.com/barebones/
The Bare Bones Guide to HTML lists every official HTML tag in common usage, plus Netscape and Microsoft extensions.
Download the Guide
Down arrowUp arrow
grey line
CSS Cheat Sheet
http://lesliefranke.com/files/reference/csscheatsheet.html
CSS Cheat Sheet
Down arrowUp arrow
grey line
html5 demo
http://9elements.com/io/projects/html5/canvas/
html5 demo
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.
Down arrowUp arrow
grey line
HTML5: The Basics (1 of 4)
http://designshack.co.uk/articles/html/html5-the-basics-1-of-4
HTML5: The Basics (1 of 4)
The next iteration of HTML has been met with excitement by some, loathing by others and confusion/fear by everyone else. Love it or hate it, HTML 5 will define how you build websites.
Down arrowUp arrow
grey line
HTML 5 and CSS 3
http://bit.ly/c4X7j0
HTML 5 and CSS 3: The Techniques Youíll Soon Be Using
Down arrowUp arrow
grey line
Coding A HTML 5 Layout From Scratch
http://bit.ly/cXtHJ2
Coding A HTML 5 Layout From Scratch
HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the Ďbest markupí trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project.
Down arrowUp arrow
grey line
Designing a blog with html5
http://html5doctor.com/designing-a-blog-with-html5/
Designing a blog with html5
Much of HTML 5′s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, letís look at marking up a blog.
Down arrowUp arrow
grey line
Building a live news blogging system
http://bit.ly/drNNCt
Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery
Down arrowUp arrow
grey line
One Page Portfolio with HTML5 and CSS3
http://bit.ly/cUQJGL
Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question. Do websites need to look exactly the same in every browser?
Down arrowUp arrow
grey line
Create An Elegant Website With HTML 5 And CSS3
http://bit.ly/bbZdmn
Touch The Future: Create An Elegant Website With HTML 5 And CSS3
Five macro-steps to build an effective website using brain, pencil, paper, Photoshop, HTML and CSS. But technology doesnít stop, luckily, and we have other two great allies for the future to design better website: HTML 5 and CSS3
Down arrowUp arrow
grey line
HTML5 Web Sockets Interact With Proxy Servers
http://www.infoq.com/articles/Web-Sockets-Proxy-Servers
How HTML5 Web Sockets Interact With Proxy Servers
Down arrowUp arrow
grey line
Sticky Notes With HTML5 and CSS3
http://bit.ly/cijSC8
View Source Tutorial: Sticky Notes With HTML5 and CSS3
Down arrowUp arrow
grey line
Have a Field Day with HTML5 Forms
http://24ways.org/2009/have-a-field-day-with-html5-forms
Have a Field Day with HTML5 Forms
Down arrowUp arrow
grey line
HTML 5 canvas - the basics
http://dev.opera.com/articles/view/html-5-canvas-the-basics/
HTML 5 canvas - the basics
The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript.
Down arrowUp arrow
grey line
Building a custom HTML5 video player
http://bit.ly/crP9ka
Building a custom HTML5 video player
Down arrowUp arrow
grey line
Blowing up HTML5 video
http://bit.ly/coJTo5
Blowing up HTML5 video and mapping it into 3D space
Down arrowUp arrow
grey line
The video element
http://html5doctor.com/the-video-element/
The
Down arrowUp arrow
grey line
How to Make an HTML5 iPhone App
http://sixrevisions.com/web-development/html5-iphone-app/
How to Make an HTML5 iPhone App
Iíll show you how to create an offline HTML5 iPhone application. More specifically, Iíll walk you through the process of building a Tetris game
Down arrowUp arrow
grey line
Web applications on mobile devices with HTML5
http://www.ibm.com/developerworks/web/library/wa-offlineweb
Create offline Web applications on mobile devices with HTML5
The use of Web development in mobile applications is an increasing trend. However, intermittent network availability is a big obstacle to using Web technology as part of a cloud infrastructure. A traditional Web application simply doesn't work without a network. One solution to this problem is to use two features of the HTML5 Standard
Down arrowUp arrow
grey line
HTML5 Apps: Positioning with Geolocation
http://mobile.tutsplus.com/tutorials/html5/html5-geolocation/
HTML5 Apps: Positioning with Geolocation
At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!
Down arrowUp arrow
grey line
Browser Storage for HTML5 Apps
http://mobile.tutsplus.com/tutorials/html5/browser-storage/
Browser Storage for HTML5 Apps
For years one of the main advantages of writing desktop applications has been the easy access to local storage on the client machine. Web developers have put up with the inability to store and retrieve data from the clientís machine for a long time, but it looks like that may change soon. You might even think it already has after reading this article. Yes, Iím going to discuss the origins of persisting data on clients machine and then introduce you to the Web Storage standard.
Down arrowUp arrow
grey line
webOS HTML5 Database Storage Tutorial
http://bit.ly/bE2aL2
webOS HTML5 Database Storage Tutorial
With the release of Chapter 1 of Palm webOS by O'Reilly, Palm has confirmed that local storage will indeed be handled by HTML5's new local storage functionality.
If you haven't been able to find any tutorials on HTML5's storage capability, you're not alone. After looking around, we realized that the HTML5 spec is still at such an early revision that there are few resources out there that describe how it should be used.
Down arrowUp arrow
grey line
htmlText Editor
http://tinyurl.com/7sey4a
htmlText Editor
One of the simplest and most used projects I've done is the htmlText Editor. Mainly used by Flex developers, it provides a shortcut to having htmlText generated in a WYSIWYG type editor. I've thought for a long time about making a desktop app out of it. The time has come. It's got some additional features that I've procrastinated putting in, such as ....
Down arrowUp arrow
grey line
6 Embeddable HTML Editor
http://mashable.com/2008/11/03/embeddable-html-editors/
6 Embeddable HTML Editors for Your Website Compared
Not many Web sites allow you to create your own pages, but many do allow you to create segments of HTML. What if you wanted to allow this on your own site? Do you write your own editor? Well, with the capabilities offered by these six embedded HTML editors, there really is no need to write your own.
Down arrowUp arrow
grey line
Dynamic Column Layout
http://www.pagecolumn.com
Online tool to generate 1, 2, 3 column layout for web pages.
No table, pure CSS design, compatible with all browers, blogger and iPhone.
Down arrowUp arrow
grey line
HTML Color Codes
http://html-color-codes.info
Quickly find HTML color codes for your website with these free color tools
Down arrowUp arrow
grey line
html Goodies : Tutorials
http://www.htmlgoodies.com
html Goodies : Tutorials
This series of pages leads you through the preliminaries from your reasons to cosmetic design to content and functionality considerations. It concludes with some thoughts about maintainability -- something you should be thinking about as you start on the technical stuff, but something that is all too often neglected.
Down arrowUp arrow
grey line
Webmaster Tips
http://www.netmechanic.com/news/
Webmaster Tips
Welcome To Our Webmaster Tips Newsletter Library
Down arrowUp arrow
grey line
How do they do that with HTML?
http://www.tashian.com/htmlguide/
Introduction: HTML, SGML, and other four-letter words | Photo Preparation Guide | Browser Windows | Web Statistics | An Introduction to Forms | Password Protecting your Web Site |
Down arrowUp arrow
grey line
Learning HTML for Kids
http://www.goodellgroup.com/tutorial/
Welcome to Learning HTML For Kids!
Yes, you can learn HTML in 12 easy lessons. Look inside to learn how.
Welcome to Learning HTML For Kids. This tutorial attempts to teach the young (10 years old and up) about the markup language HTML. I have tried to present the information in the simplest of terms so that it can be easily digested.
HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us communicate with others on the World Wide Web (WWW).
Down arrowUp arrow
grey line
This is the 'html' Tutorials and Tips link area
/pages/school/htmlttip/
Bookmark this page for easier return visits.
Down arrowUp arrow
grey line



use this box to search more on Shambles (powered by Google) : safe filtering is ON
Google  
Custom Search
Use this form to submit links to add to the list above (the webmaster will check the link before publication)
 Heading:
 Address:
 Please copy
 Security Code
    
 Description:
grey line
webkeeper: Chris Smith csmith@csmith.info Shambles RSS Feed :
( 34 entries) | Click here to report broken links or problems |
grey line
Custom Search


webpage with others

Forward to ...

Forward to ...


Forward to ...

Take a guided tour of the Shambles website

Web 2.0 in Teaching and Learning on the Shambles website

The Shambles 'Forest of Theme Blogs'

Podcasts and Podcasting on Shambles

Shambles newsletter

Workshops offered by Chris Smith

Chris Smith's Personal Learning Network

chat live online

Second Life ... 3D online virtual world

International Schools Island in Second Life

Shamblesguru on YouTube ... video online

ShamblesPAD (built on Etherpad) .. Collaborate on documents in really real-time


Follow me on Twitter : Shamblesguru


 
© copyright
The Education Project Asia
Support Shambles with a donation (through PayPal) if you feel suitable ...  many thanks if you do  .... Chris

QR Code Shambles mobile


QR Code leading to a Shambles mobile web page




niXtech Solutions is The Boutique Data Center offering dedicated IT facilities along with cloud based computing with a full array of appliances and services. Located near Copenhagen, Denmark, with secure infrastructure, state-of-the-art equipment, privately financed, debt free.




The Shambles.NET Home Page: curating and sharing - teaching and learning experiences ... managed by Chris Smith (Shamblesguru)

| Shambles Home | Brunei Schools : bn | Burma/Myanmar Schools : mm | Cambodia Schools : kh | China Schools : cn | Hong Kong Schools : hk | India Schools : in | Indonesia Schools : id | Japan Schools : jp | Laos Schools : la | Macau Schools : mo | Malaysia Schools : my | Philippines Schools : ph | Singapore Schools : sg | South Korea Schools : kr | Taiwan Schools : tw | Thailand Schools : th | Vietnam Schools : vn | email webmaster (Chris Smith) |

Pause
Resume