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

  • Mobile HTML5

  • So You Want to Optimize Your Images...

    By reducing the overall size of the images you are using, you'll reduce the amount of time that is needed to download and display your pages. That can also have a positive impact on how your pages are treated by the search engines!

  • Making AMP Page Elements More Responsive

    Rob Gravelle highlights some of the differences between Accelerated Mobile Pages (AMP) and Responsive Web Design (RWD), along with how to achieve responsive layouts in your AMP pages.

  • How to Create an HTML Newsletter Template from Scratch

    Rob Gravelle and Gyula Németh show you how to create a nice looking newsletter from scratch that will display consistently across most email clients.

  • Mobile-oriented CSS3 Techniques

    Much of the requirements of mobile apps have led web development into forays far from its original large screen target-base. Rob Gravelle examines some of the more mobile-oriented CSS techniques that have emerged amidst the modern mobile device landscape.

  • HTML5 and the Mobile Web

    The widespread use of browser-based Internet services from handheld mobile devices such as smartphones has led to a new term called the Mobile Web. Rob Gravelle outlines a few of the ways that HTML5 has adapted to deliver content to mobile devices.

  • Mobile Application Security: Preventing Injection Attacks

    Protecting hardware and data from thieves and hackers takes a multi-pronged approach, whereby application security plays a vital part in the overall scheme. Rob Gravelle discusses how to prevent injection attacks at the application level using a variety of validation techniques.

  • Handling Events in Vaadin Mobile Applications

    The Vaadin Mobile Application Framework manages UI events using the Observer pattern. Rob Gravelle talks about it and demonstrates how to attach event handlers to controls.

  • Extending the Vaadin Mobile Application Framework's Built-in Themes

    Previously you saw how Vaadin uses Sass's ("Syntactically Awesome Style Sheets") CSS3 extension format to apply styling themes to its applications. Now Rob shows you how to employ a custom theme.

  • Build a User Interface using the Vaadin Mobile App Framework

    Vaadin is a web application framework for creating rich and interactive applications in Java that run in the browser, without any additional plug-ins. As such, it's an excellent tool for developing HTML5 mobile apps In this article, Rob Gravelle shows us how to automatically generate the User Interface (UI) from a Java Class.

  • Taking Photos from your HTML5 Web Apps

    Rob Gravelle presents a few easy ways to take photos from your HTML5 apps.

  • 8 HTML5 Mobile Development Tips

    In this article we look at 8 tips to help you with the design process. To help flesh out this article, I spoke with Earl Flormata, of Big Box Apps, formerly of Jiffy Software, a company that built apps for Nike, Starbucks, etc.

  • Comparing Mobile Development Framework Types

    Mobile development frameworks vary a lot in their methodologies and features. Rob Gravelle compares the two main Mobile Framework types in order to help you make a more informed decision when choosing between them and native app development.

  • 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.
Thanks for your registration, follow us on our social networks to keep up-to-date