Dev Feature – Getting Started With HTML5: 10 Getting Started with HTML5 Resources & Tools

If you develop web apps and services or mobile apps, or perhaps are considering porting your apps to mobile / tablet devices then there’s no doubt that HTML5 is an important consideration.

 And so, here’s a list of 10 articles and resources that will be useful to those interested in learning more about HTML5.

10 Getting Started with HTML5 Resources & Tools:

w3schools is a fine resource with some excellent, basic html and html5 information, sample code, and testing tools. See common sample code, getting started materials, and see your code in an emulator to test prior to deployment.

How to make an html5 app for iOS – here’s a basic but complete tutorial on how to develop a simple offline app for use on iPhone5… a good way to get started.

CodeProject has a very extensive resource for getting started with HTML5 – an introduction to all the new functionality and new elements are provided.

HTML5 Specification – Something for all developers is the official WC3 specification for HTML5. This is absolutely everything you need to get rolling with html5 and a fine addition to your library.

HTML5 presentation –  a complete online web presentation in slideshow format, complete with sample code and examples. Simple in concept but pretty darned useful and cool!

Is your browser html5 compliant? This online testing tool provides a score n your web browsers’ compatibility with html5. There’s also a comparison matrix provided as well

HTML5 & CSS3 for the Real World – Provided by SitePoint, this free e-book can help get you started with html5. This easy-to-follow guide covers everything you need to know to get started today. You’ll master the new semantic markup available in HTML5, as well as how to use CSS3 without sacrificing clean markup or resorting to complex workarounds.

HTML5 First Look – perhaps video is your thing so here’s some free video training on HTML5 from Lynda.com.  In HTML5 First Look, author James Williamson introduces the newest HTML specification, providing a high-level overview of HTML5 in its current state, how it differs from HTML4, the current level of support in various browsers and mobile devices, and how the specification might evolve in the future.

The HTML5 Timeline (Source: Agup, Esri)

Embarcadero HTML5 Builder -  a handy tool for developers, HTML5 Builder is a complete development solution designed to support all popular devices, browsers, and servers using standard web technologies, enabling developers to build web and mobile applications with a single effort – target multiple mobile operating systems (web, iOS, Android, Blackberry Windows Phone). A commercial product although a free trial is available

Mosync Reload App Development Tool – Mosync tools now provide Support and Debugging of HTML5/JavaScript Apps. MoSync Reload Beta 4 (available for download at http://www.mosync.com/reload), the rapid development tool for native mobile app development using standard web technologies, provides functionality for debugging HTML5/JavaScript apps in the Reload environment

More…

See also this article – HTML5 – Making things that we already do much easier. An extensive recap of the Esri Dev webinar on working with ArcGIS and HTML5 

From Avenza systems, a helpful article from their Dev blog… Create HTML5 Maps with MAP Web Author in Adobe Illustrator and How to Embed Them on your Website

See Also the following somewhat related GISuser Resources: 

Other relevant Resources on the Web:

image_pdfimage_print
Share SHARE
Editor (18230 Posts)

Glenn is a geographer and a GIS professional with over 20 years experience in the industry. He's the co-founder of GISuser and several other technology web publications.


Editor’s Picks

Microsoft Windows 10

Microsoft unveils the future of Windows

Company gives first look at Windows 10, highlighting enterprise advancements and open collaboration. Microsoft Corp. on Tuesday unveiled its next Windows operating system, Windows 10, and gave a first look at an early technical preview for the PC available Oct. 1. The announcement highlighted advancements designed for business, including an updated user experience and enhanced […]

Leica RCD30: Better Resolution with More Details for 3D City Modeling

Leica RCD30: Better Resolution with More Details for 3D City Modeling

(Norcross,GA, 6 October, 2014) – Leica Geosystems’ RCD30 Penta Oblique system is now available with new optics. Compared to the previous configuration, which consists of lenses with 50 mm focal length for nadir and 80 mm for oblique images, the camera isnow available with 80 mm and 150 mm focal length respectively.  In combination with the new 80 MP CCD sensor, the RCD30 nowprovides data with even more detail. These new features make the RCD30 the only oblique system able to acquire 4-channel RGBNmultispectral data with 10 centimeter Ground Sampling Distance (GSD) from an altitude of 3,000 meters. No other camera on the market today offers these performance parameters. Compared to other systems, users can fly higher and achieve the same high resolution. […]

iphone infographic

Infographic – The History of the iPhone

While Apple certainly wasn’t the only company to come up with the idea of a smartphone, it would be difficult to argue that Apple’s fingerprints aren’t all over today’s smartphones thanks to the iPhone. Take a look at the numbers behind Apple’s smartphone revolution and what the future might for the device. 1999 BlackBerry’s first […]

More Posts from this Category

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>