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

10-year-old Raffia brings you a camel's-eye view of the Liwa Desert. (Courtesy Google)

Google recruits a camel as a Trekker to map Street View desert

A little Friday fun here as we share the latest from the Google Street View team… camel view! This from Fox News 13… It’s given us robot cars and internet-enabled glasses — but when it came to creating a “Street View” of a desert, Google hit on a low-tech solution. It hired a camel. The […]

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. […]

intergeo opens

20th INTERGEO opens in Berlin!

Berlin, 7 October 2014. As the host of INTERGEO, the DVW e.V. – the German Society for Geodesy, Geoinformation and Land Management – is looking forward to three intensive days of information, discussions and networking in Berlin. At the opening event yesterday, DVW President Prof.  Karl-Friedrich Thöne strongly backed the competitiveness of Germany as a geoinformation […]

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>