(best viewed at 800 x 600)


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


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
Hybrid Column Layout – Using HTML & CSS3 Only
http://cballenar.com/2010/05/10/hybrid-column-layout/
Hybrid Column Layout – Using HTML & CSS3 Only
Have you done a website with fixed columns? … Easy, right? What about one with liquid columns? you know, those that use percentages… easy too. Have you ever mixed them up? If so, Did you have problems? I bet you did…
Down arrowUp arrow
grey line
Design & Code a Cool iPhone App Website in HTML5
http://bit.ly/cIQHGy
Design & Code a Cool iPhone App Website in HTML5
In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.
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
Creating mobile Web applications with HTML 5
http://www.ibm.com/developerworks/library/x-html5mobile1
Creating mobile Web applications with HTML 5
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
HTML training videos : free online screencasts
http://www.teachertrainingvideos.com/intro_html1/
HTML training videos : free online screencasts
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
HTML tutorials, free clipart pictures & Microsoft Word guide.
http://www.ebizhowto.com
Web master html tutorials free clipart pictures and Microsoft word guide. Learn Fast!
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
HTML Basics
http://hotwired.lycos.com/webmonkey/teachingtool/index.html
After you learn the basic HTML concepts, you're ready to actually put stuff on your Web pages. Pictures of your favorite Teletubby. Links to the best Huey Lewis (and the News) sites. Paragraph upon paragraph of WWI battle strategy analysis.
View Source | Paragraphs | Headlines | Links | Mailtos | Comment tags | Bold/Italics | Font color | Font size | Teletype | Blink | Preformatted text | Background image | Background color | Blockquotes | Line breaks | Aligning text | Adding/Aligning Images | Ordered lists | Unordered lists | Definition lists | Image borders | Wrapping text |
Down arrowUp arrow
grey line
Valid HTML & XHTML Page Generator
http://webdeveloper.earthweb.com/repository/javascripts/2002/08/95741/validPage.htm
I developed this interface because it is tedious to create page structures (DOC TYPE declarations, head elements, body tag inclusions, etc.) that conform exactly to pesky validation requirements. This interface creates numerous HTML and XHTML page structures that do just that.
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
Webmonkey for Kids
http://hotwired.lycos.com/webmonkey/kids/
An HTML file is just a page of text, like an email message or a word processor document. In fact, you can use a word processor to write HTML code. Or you can use pretty much anything that allows you to type something in and save it as a text document. Web browsers want only text, that's it. They can't deal with anything else.
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
XML Tutorials and Info
http://www.beginners.co.uk/view?cobrand=beginners&i=81
Beginning XML Part 1 - Well-formed XML
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
HTML Auto Layout Rules
http://www.microsoft.com/technet/intranet/hal.asp
HTML Auto Layout Rules (HAL) for International Sites
How to create HTML Pages, Dialogs, and User Interfaces that Need No Resizing after Translation
These days, many developers are taking advantage of the richness of HTML to create an application's user interface. This is great for development, but causes huge problems for applications that need to be localized into multiple languages. That is because HTML interfaces are a lot harder to resize and readjust after translating the text.
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 :
( 38 entries) | Click here to report broken links or problems |
grey line

webpage with others

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


Follow me on Twitter : Shamblesguru


share this page on facebook
Share

 
© copyright
The Education Project Asia

| 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