Tag Archives: html 5

Will HTML5 Make Apps Obsolete?

Development of HTML5 started in 2009 and was still going under development as late as October 2011. There is a lot of hype surrounding this newest version of HTML. Many game programmers are talking about how HTML5 is going to replace Flash and more complicated programming for gaming. Since HTML5 will work the same on smart phones as it does on a desktop or tablet, the question remains whether smart phone apps will become obsolete.

One thing to consider is whether consumers are still going to need to do what they currently do with their phones. An example would be a Weight Watcher’s application on the phone to calculate how many points are in a specific type of food or meal. A smart phone user that is trying to lose weight will still need to be able to figure out how many points are in her meal.

People aren’t going to want to change how they do things, so you might wonder where that leaves app developers. Just because a developer is no longer programming specifically for iOS or Android doesn’t mean that developer will be out of a job. Instead, app developers will need to adapt to the new HTML5 and CSS3 standards.

Will iOS or Android Stop Movement to HTML5?

Currently, iOS and Android both fully support HTML5 and CSS3. It is probable that these devices will continue to be at the forefront of the HTML5 revolution, though online game programmers will run a close second. With HTML5, programmers can develop full games, including online multiplayer games with graphics and sound that are rendered without Flash. Hard-core gamers will need to seriously consider how well they can play some of the more complicated games without a keyboard.

In addition to better graphic rendering, HTML5 allows for a host of other enhancements. Speed and functionality will be improved. Programs and web apps will work faster and more smoothly. Though not as obvious to the end-user, performance and connectivity will be improved as well.

Adapt or Become Obsolete

Those who currently work with iOS or Android will need to learn how to program with HTML5 and CSS3 if they don’t already know the syntax for these languages. Once a developer is familiar with the new standards, a single developer can devise web apps that work across all mobile platforms instead of programming for one specific mobile OS at a time. This can save time, and allow for more developers to work on more web apps.

There are already moves underway in the mobile developer community to adapt to the new programming standards. Websites such as phonegap.com have sprung up in answer to HTML5 and CSS3. Mobile developers can work with PhoneGap to deploy their phone apps across multiple platforms and operating systems.

Some web developers are embracing the changes to HTML. Many more are using the changes as HTML4 with some parts they don’t use, or HTML4+ where they use more than simple HTML4, but don’t fully embrace all aspects of HTML5. These partial uses are to some degree delaying full deployment of HTML5.

On the other hand, phone apps and game developers are leading the way. With HTML5, you can make all kinds of cool phone and web apps easily. In fact Adobe products like Dreamweaver CS5.5 and the beta release of Adobe EDGE have made it much easier to do so. Doing the same things with HTML4 was much more difficult and gave uneven results. In this situation, HTML5 is the winner hands-down and will continue to be embraced by more and more developers. So although the app and the app developer are both not obsolete, how you develop and deploy them is rapidly changing.

Peter Marino is the Senior Partner of reelWebDesign.com a web design and social media marketing firm in NYC. We make all of our new websites HTML5 compliant.Peter deployed his first Android app on the Android marketplace called ‘Swarm Knowledge’.

HTML5 and CSS3: Wireframing in the final product

It’s a classic case of Photoshop versus website. Existing wireframing and prototyping tools are incapable of accurately reflecting the environment of the web.

They produce static designs that can’t be seen through the variable known as the web browser. And when you build the final website, some elements won’t look exactly like their draft counterparts, and the client will notice those minor differences in fonts, positioning, etc.

You may be more comfortable with a graphics program, and rendering the design iterations may seem to take longer if you have to hand-code the HTML.

However, the advantages of creating a wireframe in HTML from the start are beginning to outweigh the alternatives: not only do we have new layout elements in HTML5 and more powerful selectors and styling in CSS3, but by combining them, we can throw together a simple layout quickly.

Read more >>

HTML 5 in a Nutshell

HTML 5 – What it Is and How it Affects You

HTML 5 is about to completely redefine how websites are created and experienced. HTML, or Hyper Text Markup Language, is the code with which websites are written. With the release of HTML 5, many things that were difficult or impossible to do in HTML 4 are now easy. Read on to learn more about the release of HTML 5 and what it might mean for you.

Graphs, Charts, Complex Graphics – On the Fly
In the past, you had to use outside plugins or code to generate graphs, charts or other graphics. Now HTML 5 will support an element called the Canvas Element that allows you to generate graphics right on the fly.

Embedded Video and Audio

HTML currently supports a rudimentary method of embedding video and audio that nobody really uses. It’s slow, the player is unattractive and is often buggy. HTML 5 is aiming to change that.

Currently, most people use 3rd party plugins like flash to display video or audio. YouTube, for example, is a flash player. Most other players are also written in flash.

With HTML 5, you’ll be able to embed video and audio directly into the browser without using a third-party coding language like flash. It’s designed to be fast and efficient.

Run Applications – Without the Internet

Most web applications don’t work when you disconnect from the internet. Google Docs for example – If you disconnected from the internet, you could keep browsing the doc you’re on, but you couldn’t pull up another document or make edits.

With HTML 5, you’ll be able to run web applications as if they were desktop applications – Without needing to download anything. It’s called “Offline Web Applications” and it works just like it sounds: Web applications that work even when you’re offline.

Accurate Geolocation

Currently, locating someone online is possible by decoding their IP address. However, IP addresses aren’t a sure thing when it comes to location.

HTML 5 will come with its own Geolocation technology to help website owners decode where visitors are located. This will help them tailor web content to the location of the browser. For example, news sites will be able to show you only news stories that relate to you based on where you’re at.

More Styles, Better Forms and More

HTML 5 will feature stylable elements, which can be visually altered with CSS. This means more dynamic and more visually appealing websites

Forms too will be getting an upgrade. You’ll be able to add sliders to forms, pick data and more.

HTML 5 Summary

HTML5 is an upgrade of the very framework that the internet runs on. Once all the browsers adopt HTML 5, you can expect a significant jump in the quality of websites everywhere.

If you’re a website designer, HTML 5 will give you wider range of tools to play with. It’ll speed up and simplify how things are done currently in addition to giving you completely new elements to play with. If you’re a website browser, you can expect certain things to speed up, improved designs and graphics as well as better video, audio and web software.

Enjoy the new and ever evolving internet!

Last updated by at .