HTML5 | Techerator https://techerator.com Techerator is an excellent source of tips, guides, and reviews about software, web apps, technology, mobile phones, and computers. Sun, 05 Feb 2012 23:13:47 +0000 en-US hourly 1 https://wordpress.org/?v=7.0.2 7158109 HTML5 and the Future of Mobile Apps and Gaming https://techerator.com/2012/02/html5-and-the-future-of-mobile/?utm_source=rss&utm_medium=rss&utm_campaign=html5-and-the-future-of-mobile https://techerator.com/2012/02/html5-and-the-future-of-mobile/#comments Wed, 01 Feb 2012 15:58:49 +0000 http://44.229.110.106/?p=16824 HTML5 will change the way we view mobile apps, and will change the way we think about how software has to be viewed on a mobile device. It will even change the way we view desktop applications. HTML5 is the biggest game changer since Apple’s App Store. But if what I am saying is right, […]

The post HTML5 and the Future of Mobile Apps and Gaming first appeared on Techerator.

]]>
HTML5 will change the way we view mobile apps, and will change the way we think about how software has to be viewed on a mobile device. It will even change the way we view desktop applications. HTML5 is the biggest game changer since Apple’s App Store.

But if what I am saying is right, then why hasn’t this all come true yet? The reasons are many, some minor and easily overcome, and some not so much. Let’s start with an explanation of what HTML5 and JavaScript advancements are already doing in the mobile world.

HTML5 is the new HTML standard.

Major enhancements such as the <“video”> tag, CSS3 animations and better JavaScript support are what have made HTML5 such a hot topic. With the power of HTML5, web developers and programmers can write software in a cross-platform language and save significant time and effort.

HTML 5 Development Platforms

Some companies, such as Sencha who developed Sencha Touch, and Prism Technologies who developed PhoneGap, have created mobile development platforms that reach from Android and iOS all the way back to Blackberry and Windows Phone 7. The reason these platforms are so flexible is because they utilizes HTML5, advanced JavaScript and CSS3 to replicate a native app using a web browser.

I’ve had experience using Sencha Touch and PhoneGap (PhoneGap makes it easy for users to load HTML5 libraries into a native app “wrapper”, which can access hardware-specific functions such as the camera and accelerometer, for distribution on an app market) and have found that while it is very useful while building information and text driven applications, it is not very effective in creating graphically intense applications such as ones with photo galleries, interactive menus, or games. This leads me to why HTML5 has its limits in the mobile world today.

Mobile Browsers

Each mobile OS has a browser that is used to generate the HTML5 application. The problem is that not every browser was created equal, especially when it comes to HTML5 support. When looking at HTML5 on an iOS devices such as an iPhone 4s, HTML5 is very responsive and smooth.

This is not so true with Android and Blackberry. Although Android has good support for most of HTML5, it has many “artifacts” or poorly handled graphical renderings that make it slower, less attractive, and overall less responsive than its iOS counterpart. This is the main reason development of HTML5 has not surpassed development of native applications to date. There are a few other limitations to HTML5 such as hardware support when accessing components like the camera or file systems, but HTML5 hopes to circumvent that soon with future standards.

The conclusion is that HTML5, while being very powerful and flexible when used with JavaScript and CSS3, is not yet a suitable replacement for native development and therefore one must first consider the goal of the said application before deciding to proceed with development in HTML5 or native environments.

But don’t forget, according to Strategy Analytics, more than 1 billion HTML5 supported phones will be sold worldwide by 2013. Read more here.

You can read more about mobile HTML5 support here.

The post HTML5 and the Future of Mobile Apps and Gaming first appeared on Techerator.

]]>
https://techerator.com/2012/02/html5-and-the-future-of-mobile/feed/ 1 16824
Four HTML5 and JavaScript Frameworks To Jump-start Your App Development https://techerator.com/2011/11/four-html5-and-javascript-frameworks-to-jump-start-your-app-development/?utm_source=rss&utm_medium=rss&utm_campaign=four-html5-and-javascript-frameworks-to-jump-start-your-app-development https://techerator.com/2011/11/four-html5-and-javascript-frameworks-to-jump-start-your-app-development/#comments Tue, 22 Nov 2011 16:09:56 +0000 http://44.229.110.106/?p=15575 Let’s just face the facts: Flash is dying, platform/browser agnostic development is in, and Windows 8 is bringing HTML5/JavaScript to desktop development. Love it or hate it, as a developer you’ll probably need to familiarize yourself with the finer points of HTML5 and JavaScript-driven application design, but where does a person start? Traditionally HTML and […]

The post Four HTML5 and JavaScript Frameworks To Jump-start Your App Development first appeared on Techerator.

]]>
Let’s just face the facts: Flash is dying, platform/browser agnostic development is in, and Windows 8 is bringing HTML5/JavaScript to desktop development. Love it or hate it, as a developer you’ll probably need to familiarize yourself with the finer points of HTML5 and JavaScript-driven application design, but where does a person start? Traditionally HTML and JavaScript are used for website markup and making pretty transition effects, so how do we get from high school level web design to making HTML5/JS a realistic front-end for enterprise class applications?

HTML5/JS frameworks are beginning to pop up as viable development environments for the entire range of web-based applications, from desktop to mobile. Here are four HTML5/JS tools that will turbocharge your apps and keep you savvy with this new trend in development.

1. Yahoo! Cocktails

Yahoo recently announced its newest mix of HTML5, CSS3, and JavaScript tools, and believe it or not, Yahoo still knows how to bring decent services to the table. Cocktails brings existing Yahoo! services like YQL and YUI together with HTML5/JavaScript tools for rapid multi-device and multi-platform development. The most impressive aspect of Cocktails is its integration with Yahoo!’s Mojito, which allows JavaScript functionality for your apps even if the device has JavaScript disabled by running scripts on the server side. Yahoo! isn’t dead yet!

2.  SproutCore

SproutCore is an open-source set of tools built using MVC (model-view-controller) architecture for creating universally accessible, scalable, and speeding applications. The team that created SproutCore offers many easy-to-follow guides for beginners, and the well-established community of developers make troubleshooting relatively pain-free. Of the frameworks I’ve encountered, SproutCore is the most polished…and it doesn’t hurt that it’s free.

3. LimeJS

If your forte is creating web-based games, LimeJS is a framework for rapid development of native-experience touchscreen apps for mobile devices or desktop browsers. This simple but flexible tool set is free to download and takes the headaches out of creating rich cross-platform user experiences with standardized code and solid community support.

4. Sencha

The only non-free framework on this list, Sencha is meant for industrial strength app development. Sencha offers an array of tools like a visual designer, rich spreadsheet support, CSS3 animator, and skinning to put a unique look and feel to your application. The Sencha API allows for rapid development for touchscreens or standard desktops, and while it isn’t free to download, Sencha provides professional support and training for its customers. User interface, app functionality, and data connectivity — Sencha does it all.

Conclusion

Will HTML5/JavaScript bring about the downfall .NET/WPF app development? Not anytime soon. But if you’re looking to bring your application to as many users and devices as possible, HTML5/JS is your ticket to fame. These frameworks will get your started, and if you have a favorite not listed here (there are many), please leave it in the comments.

The post Four HTML5 and JavaScript Frameworks To Jump-start Your App Development first appeared on Techerator.

]]>
https://techerator.com/2011/11/four-html5-and-javascript-frameworks-to-jump-start-your-app-development/feed/ 2 15575
Adobe kills Flash for mobile in favor of HTML5 https://techerator.com/2011/11/adobe-kills-flash-for-mobile-in-favor-of-html5/?utm_source=rss&utm_medium=rss&utm_campaign=adobe-kills-flash-for-mobile-in-favor-of-html5 https://techerator.com/2011/11/adobe-kills-flash-for-mobile-in-favor-of-html5/#respond Tue, 15 Nov 2011 17:30:16 +0000 http://44.229.110.106/?p=15926 That’s it, folks. Adobe Flash Player for mobile devices has officially packed up its bags and walked out the door never to be seen again. Of course, Flash for desktop operating systems will live on (and probably not all that well), but Adobe has decided that Flash on mobile devices just isn’t in the cards. […]

The post Adobe kills Flash for mobile in favor of HTML5 first appeared on Techerator.

]]>
That’s it, folks. Adobe Flash Player for mobile devices has officially packed up its bags and walked out the door never to be seen again. Of course, Flash for desktop operating systems will live on (and probably not all that well), but Adobe has decided that Flash on mobile devices just isn’t in the cards. Many critics may think that the sole reason behind this was that Apple didn’t want Flash running on iOS. This was a reason, but not the reason.

Mike Chambers, Principal Product Manager for developer relations for the Flash Platform at Adobe, says that there were multiple reasons why Flash for mobile wasn’t going to work out and why they decided to quit while they were behind:

  •  “One of the leading mobile platforms (Apple’s iOS) was not going to allow the Flash Player in the browser,” which meant that Flash “was not on track to reach anywhere near the ubiquity of the Flash Player on desktops.”
  • HTML5 is taking over. “On mobile devices HTML5 provides a similar level of ubiquity that the Flash Player provides on the desktop. It is the best technology for creating and deploying rich content to the browser across mobile platforms.”
  • Flash was simply less relevant on mobile devices since users used apps more often than the browser. “Users do not look to the web on mobile devices for finding and consuming rich content.”
  • Developing Flash for mobile use is much more challenging than for desktop use. “Developing the Flash Player for mobile browsers has proven to require much more resources than we anticipated.”
  • “Halting development on the Flash Player for mobile devices frees up resources for HTML5 development (tooling, frameworks, browsers).”
Long live HTML5! It’s definitely a sad day for Flash mobile, but I’m excited to see what Adobe has in store as far as HTML5 developments.

The post Adobe kills Flash for mobile in favor of HTML5 first appeared on Techerator.

]]>
https://techerator.com/2011/11/adobe-kills-flash-for-mobile-in-favor-of-html5/feed/ 0 15926
Google’s Swiffy Converts SWF Files to HTML5 https://techerator.com/2011/06/googles-swiffy-converts-swf-files-to-html5/?utm_source=rss&utm_medium=rss&utm_campaign=googles-swiffy-converts-swf-files-to-html5 https://techerator.com/2011/06/googles-swiffy-converts-swf-files-to-html5/#comments Thu, 30 Jun 2011 13:55:20 +0000 http://44.229.110.106/?p=13611 Amidst of all the recent announcements from Google comes a lesser-known feature that’s available now in Google Labs. It’s a small service called Swiffy, and it will convert SWF (the file format for Flash) files into HTML5 versions for use in most modern browsers like Chrome and Safari. Google says the process works by first […]

The post Google’s Swiffy Converts SWF Files to HTML5 first appeared on Techerator.

]]>
Amidst of all the recent announcements from Google comes a lesser-known feature that’s available now in Google Labs. It’s a small service called Swiffy, and it will convert SWF (the file format for Flash) files into HTML5 versions for use in most modern browsers like Chrome and Safari.

Google says the process works by first converting the SWF file into a JSON file, then rendering it using HTML, SVG (Scalable Vector Graphics), and CSS (Cascading Style Sheets). The result is a complete HTML5 file with a size that’s just slightly larger than the original SWF file that was converted.

Of course, we’re all probably thinking that Swiffy would make a great tool for developers to use to develop and port content for iOS and other devices without Flash capabilities. Obviously, Swiffy is still in its early stages, so it can’t convert every SWF file under the sun just yet and Google doesn’t know if it’s going to turn Swiffy into an open-source project. Either way, Swiffy is waiting and ready for you to begin your Flash-converting monstrosity right now.

The post Google’s Swiffy Converts SWF Files to HTML5 first appeared on Techerator.

]]>
https://techerator.com/2011/06/googles-swiffy-converts-swf-files-to-html5/feed/ 1 13611