HTML5 provides portability for mobile devices. The following HTML5 articles will help you get the most out of your HTML5 mobile applications.

  • Mobile HTML5

  • Inside Moboom, a New Mobile Experience

    In this article we're going to have a look at Moboom, a platform for creating responsive web designs for desktop, tablet and mobile devices.

  • Working With The New HTML5 “Month” Input Types Attribute In Your Apps

    W3C introduced new input types to support working with month and year in HTML5. This article explores how to use this input type in your HTML5 web pages.

  • Exploring HTML5's New 'datetime' Input Types For Your Web Apps

    W3C introduced new input types to support date/time in HTML5. This article explores how to use these input types in your HTML5 web pages.

  • Ten Tips for Designing, Implementing and Packaging Apps for Mobile Devices

    A growing number of developers are opting to build their mobile apps in cross-platform HTML5 code that can be compiled into native apps that can be sold in app stores and markets. Learn how you can do this too!

  • Real World HTML5 Hybrid Apps

    Mobile Apps built with HTML5 are great... when the mobile device you're targeting can support all of the features you need for delivering a top flight user experience. To help the rubber meet the road, you sometimes need libraries to access native OS capabilities like the camera and you could use an accelerated canvas to deliver powerful and responsive mobile apps!  Learn how the polyfill libraries and Intel’s accelerated canvas can do exactly what is needed!

  • Just One Reason Why Chrome's Developer Tools Are The Cat's Pajamas

    There are many reasons that Chrome is so popular, but one of the biggest may be its superlative development tools. In today's article, Rob Gravelle takes a look at the Elements and Styles windows and getting a first-hand view as to how they help make Chrome's development tools the cat's pajamas!

  • 7 Things You Must Avoid When Designing Mobile Apps

    Mobile apps are all the rage these days but it's easy to get caught up in all the bells and whistles which you can use and lose sight of the core design process. In this you'll learn about seven design mistakes to avoid when creating apps.

  • 10 Mobile App Development Best Practices

    If you've ever wanted to build a mobile app but don't know where to begin, check out this article, which gives you ten design practices to put into practice. Using these as a guide will help ensure you get consistent results.

  • /Mobile/make a data-aware HTML5 app

    When deciding how to create a mobile application, developers can be faced with a large variety of technologies to choose from.  In the previous tutorial I demonstrated how a visual application builder, Sencha Architect, could be used for creating a cross-platform mobile HTML5 app built on the JavaScript framework Sencha Touch, simply by dragging and dropping components on to a canvas.

  • jQuery Mobile in Adobe Dreamweaver CS6

    JQuery Mobile has gone through some important changes in Dreamweaver CS6. One of the things that was cumbersome in the previous version was how to change colors in a layout. There was no simple way to do it until now.

  • Optimizing Your Site with Mobile Joomla! - Part III

    This is part three of a three part series on using Mobile Joomla!, which is a very powerful component for Joomla! web sites. Part one provided a background on Mobile Joomla! along with installation information and how to apply the Elegance template. Part two looked at the Template Manager, updating the logo image, working with theme colors and how to use the modules. This final part will cover how to do advanced customizations.

  • Optimizing Your Joomla Forum on Mobile Devices

    Learn how to optimize your Kunena forum for Joomla for use on a mobile device.

  • A Review of the Web-Service: Mofuse

    In this article we review Mofuse a web-based CMS for creating mobile sites. This is a relatively easy program to use and will help build simple or complicated mobile sites. You can add forms, analytics, monetization and more.

  • Optimizing Your Site with Mobile Joomla! - Part II

    This is part two of a three part series on using Mobile Joomla!, which is a very powerful component for Joomla! Websites. In this article, we will look at the Template Manager, updating the logo image, working with theme colors and how to use the modules. This article focuses on working with the Elegance premium template, which was provided to the author from the developer.

  • 12 Cool HTML5 Geolocation Ideas

    Knowing the location of your users can help boost the quality of your Web site and the speed of your service. In the past, users had to actively input their location and submit it to a site, either by typing it, using a long drop-down list, or clicking a map. Now, with the HTML5 Geolocation API, finding your users (with their permission) is easier than ever. This article will discuss these techniques.

  • Optimizing Your Site with Mobile Joomla! - Part I

    This is the first article in a three part series on Mobile Joomla! and the Elegance template. Intended for beginners, you will learn what Mobile Joomla! is, what it looks like compared to other approaches to mobile website design and how to install the component.

  • Making Your Website Mobile - Part 4

    This is the final installment of our four-part series which discussed the topic of “how to transform your website into a mobile site. In this article we’ll discuss the best practices for properly coding your site in HTML5 and CSS3 with the goal of developing your website into a site that functions and displays properly on any mobile device. 

  • Making Your Website Mobile - Part 3

    This is part three of our four-part series that discusses how to transform your website into a site that will display properly on a mobile device. Part 3 of this series focuses on best practices for incorporating Google AdSense and analytics as well as a discussion of mobile fonts.

  • Making Your Website Mobile - Part 2

    This is part two of our four-part series that covers how to transform your website into a mobile site. This article will discuss both, media queries, and Joomla extension for mobile devices. Read-on and get a great start on delivering your website to the millions of mobile devices accessing the Internet today.

  • HTML 5 Geolocation: An Advanced Example

    In our article HTML 5 Geolocation: A Practical Example we created a scenario for a Store Locator to illustrate all of the most commonly used HTML 5 Geolocation properties and methods. In this article, we’re going to step beyond the common to dive into the uncommon. We’ll illustrate some of the less used but arguably more interesting properties and methods such as coords.altitude, coords.heading and watchPosition().

  • Making Your Website Mobile - Part 1

    This is part one of a four-part series that will cover how to transform your website into a mobile site. Part two will cover media queries and a Joomla! extension for mobile devices. Part three will cover incorporating Google AdSense and analytics along with a discussion of mobile fonts. And part four will finish up with the best practices for coding in HTML5 and CSS3 for mobile sites.

  • Adobe Edge Preview 5 Now Available

    Adobe Edge, If you haven't heard of Edge yet, then you should take the time to learn about this web animation tool that uses HTML5 and JavaScript. Some pundits have claimed that Edge will slowly replace Flash as time goes on. Edge is fully compatible with all modern browsers and can work where Flash does not in mobile browsers such as the iPhone and iPad. Edge even works in Internet Explorer 9 and this latest version provides a down-level stage for browsers that do not support HTML5. This allows web developers to create animations and post them online without fear that the site will appear broken to anyone using Internet Explorer 8 and lesser.

  • Flash and Silverlight R.I.P.? The Wonderful World of HTML5

    Say it isn't so! HTML5 is predicted to kill Flash and Silverlight as well as destined to help resolve fragmentation in the mobile market! Is this good or bad? This infographic provides information related to the wonderful world of HTML5!

  • Introduction To jQuery Mobile

    jQuery Mobile is a cross platform mobile framework designed to simplify and enhance the development of mobile web applications by integrating HTML5, CSS3, jQuery and jQuery UI into one framework. We'll teach how to get started with jQuery Mobile in this tutorial.

  • HTML5 and CSS3 Frameworks for Mobile Website and Application Development

    There has been a lot of buzz about HTML5 and the potential it has when combined with CSS3 and JavaScript. The use of frameworks which bring these three technologies together simplifies the development process and enables developers to create compelling web apps more quickly. In this article we will look at some HTML5 and CSS3 frameworks that can be used to create mobile websites and applications.

  • Web Developer Class: HTML5 Geolocation

    Many websites can benefit from knowing exactly where the user accessing their site is from, enabling a more personalized local experience. HTML5's geolocation functionality can help you do just that, as we show in this tutorial.

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
  •  
  •