Posts Tagged ‘html5’

How to Use HTML5 Video and Audio Tags

April 19th, 2013 Leave a comment
How to Use HTML5 Video and Audio Tags

HTML5 is going to be a huge revolution if the W3C ever gets around to finalizing the specifications. That being said, and as you probably know, there are some aspects of HTML5 that you can use now. Two of these functions that are currently available to web developers are the audio and video tags. A Bit about HTML5 Audio and Video Before we get into the actual how-to, it is important to understand a bit about how these tags work now and how they might work in the future. The problem is that HTML5 isn’t a standard yet, or at least… View full post »

HTML5 vs. Native: What Should You Use In Your App?

December 2nd, 2012 Leave a comment 2 comments
HTML5 vs. Native: What Should You Use In Your App?

Mark Zuckerberg recently caused a new hubbub in the mobile Internet world when he declared that HTML5 had been a mistake for the Facebook mobile app. The HTML5 vs. native debate has been going on for some time now, with adherents on both sides claiming that each is the wave of the future. But which is right for your app? If you’re looking to develop a new app, should you be using HTML5 or go native? It’s a tricky question, and one that depends on a multitude of things. For example, it’s very heavily dependent on what platform you’re using. In… View full post »

Top 5 Best Practices For Building HTML5 Games

November 21st, 2012 Leave a comment
Top 5 Best Practices For Building HTML5 Games

HTML5 games have become quite popular in recent years, especially now that many of the major browsers like Chrome, Firefox, and IE9 have GPU support for gaming in the browser. Accelerated GPU support and the versatility of HTML5 ensure that games written for them can be high quality, enjoyable, and entertaining games- in fact, HTML5’s robust capabilities mean that it can have design complexity that rivals even some games written in more traditional game programming languages. Like any other development project, however, HTML5 games have best practices and recommendations that you can follow to make your game process easier and… View full post »

Creating Your First HTML 5 Web Page

August 14th, 2012 Leave a comment
Creating Your First HTML 5 Web Page

Whether you have been writing web pages for a while or you are new to writing HTML, the new HTML 5 elements are still within your reach. It is important to learn how HTML 5 works since there are many new features that will make your pages better and more functional. Once you get your first web page under your belt you will find that they are very easy to put together and you will be on your way to making many more. To begin, take a look at this base HTML page we will be working with. This… View full post »

Sending Data: The Difference Between GET and POST

August 11th, 2012 Leave a comment
Sending Data: The Difference Between GET and POST

In HTML we can send data using two different methods in a form: GET or POST. How do you know which one to use? Unfortunately, new developers can often misuse GET and POST since they can both be used for the same ends, but with different results and sometimes unexpected outcomes. In this article, I will discuss the fundamental differences between GET and POST, when to use them and best practices when using them to send data. Defining GET For the basic user, GET is form data transferred in the URL as name/value pairs. When looking at the… View full post »

Creating Offline HTML5 Applications

August 8th, 2012 Leave a comment
Creating Offline HTML5 Applications

These days, with mobile devices everywhere, we are not always assured an internet connection. Maybe your WiFi only device doesn’t have a hotspot available, or you are outside of your mobile provider’s coverage area. Whatever the case, HTML5 now provides a way to create offline applications so your users can continue to access what they need no matter where they are. In this article I will show you how easy it is to setup an offline application so you can begin writing one right away. Introducing the AppCache The AppCache, or Application Cache is a new feature of HTML5… View full post »

9 Ways to Speed Up Your Web Pages with HTML5

March 13th, 2012 Leave a comment
9 Ways to Speed Up Your Web Pages with HTML5

Web developers are always looking for new ways to improve the speed and performance of the pages. With some of the new features available in HTML5, there are several ways that you can improve your web applications to give your user a better experience. We’ve compiled 9 easy-to-implement HTML5 tips and tricks here that would help you streamline your website without investing in additional infrastructure. 1. Use HTML5 Forms and Inputs HTML5 has introduced a whole new set of form attributes and input types to upgrade your existing HTML forms. Not all browsers are supporting these yet, but for the… View full post »

jQuery HTML5 Drag-and-Drop File Upload

March 8th, 2012 Leave a comment 3 comments
jQuery HTML5 Drag-and-Drop File Upload

Often we have a situation on our site where we want users to be able to upload a file. Whether this is for a profile, pictures of any item or other scenario, creating a file upload doesn’t have to be tricky. With some of the nice tricks in HTML5 and jQuery we can even add the nice touch of being able to drag and drop files directly into the uploader, making your site feel extra-special. In this tutorial we will discuss the techniques of both of these techniques that make this trick possible as well as create… View full post »

How to Cache Images with HTML5

March 5th, 2012 Leave a comment
How to Cache Images with HTML5

Everyone who has a web page has often worked to make the page load faster. However, if your page is graphic intensive, you sometimes have a problem getting all of the elements to speed up. With HTML5 we have a new solution to this problem called local storage which will allow us to cache images and increase site loading speeds. Web developers have been using lazy-load techniques for years; creating scripts that would delay or load certain elements on demand. Usually the purpose for this technique is to increase the overall user experience on the site by prioritizing… View full post »

Creating a Website in HTML5

December 7th, 2011 Leave a comment
Creating a Website in HTML5

Creating a new website in HTML5 can be daunting, especially for those of us with no clue as to what it is or how it’s different from HTML4. Here’s a quick guide to help you get set up with HTML5 and get a valid, compliant site up and running! 1. Get hosting and a domain name This one hasn’t changed since HTML4, but I thought I’d mention it all the same. You’re still going to have to get a domain name and hosting to host an HTML5 site, and the good news is that requirements for hosting providers have not changed with… View full post »

How HTML5 Improves the Semantic Web

November 8th, 2011 Leave a comment 1 comment
How HTML5 Improves the Semantic Web

For some time, web designers and developers have been talking about the “semantic web”. Ever since table based design went out the window, there has been an emphasis on using CSS to create semantic class names to mark up elements in a way that described the content and not the presentation. This is really an extension of the idea of separation of presentation and content. In “semantic” web design, HTML div tags are used to create the various blocks of content. The CSS class names are created to describe the contents. As a result, you… View full post »

HTML5 Editors: 5 Best Tools for Web Developers

October 2nd, 2011 Leave a comment 1 comment
HTML5 Editors: 5 Best Tools for Web Developers

With HTML5 quickly becoming widely accepted in today’s online arena, the HTML4 editors of yesterday are no longer up to the task of providing the most cutting-edge development environment possible. Finding a replacement, however, can be quite a task: fortunately, we’ve gone out and found a few HTML5 editors for you to get your HTML5 development going and keep on the cutting-edge of Web creation! 1. Mercury HTML5 Editor The first tool on the list is interesting in that it’s also written in HTML5: talk about enforcing the no-legacy route! Mercury HTML5 Editor is a web-based editor in the style of TinyMCE… View full post »

HTML5 Application Caching

April 6th, 2011 Leave a comment
HTML5 Application Caching

HTML5 has a number of great things about it that HTML4 did not; in this article, we’re going to talk about one specifically, principally how much better it is at dealing with offline caching than its predecessor. In HTML4, you had no alternative to offline caching except for manually downloading whatever it is you wanted off the website you were browsing; this was clumsy and inefficient, especially since the website can change daily or even hourly, rendering your offline copy useless until you manually downloaded it all over again. Furthermore, the page would render oddly if you didn’t download all… View full post »

Embedding Video In An HTML5 Webpage

March 24th, 2011 Leave a comment
Embedding Video In An HTML5 Webpage

No Internet user is a stranger to embedded video; from ads to YouTube music videos, embedded video has become as much a part of most webpages as text or images. Up to now, however, the HTML standard did not have any way to natively include video; these videos are embedded by using other plugins and non-standardized ways to make them show seamlessly on the page. In the new HTML5 standard, however, there is a way to embed video natively in a webpage, avoiding all of the headaches of plugins and third-party solutions for embedded video. The problem is solved with a… View full post »

Best HTML5 Books: My Top 5 Choices

March 7th, 2011 Leave a comment
Best HTML5 Books: My Top 5 Choices

HTML5 is, in many ways, a sort of a “Wild West” in the HTML realm; no one is quite sure how to use it, its standards haven’t been truly finalized, and everyone is rushing to cash in on its freshness. Part of that cashing in craze means that the market has been glutted with all sorts of HTML5 books; some good, some great, others not worth the paper they were printed on. In this article, we’ll sort through the muck and pick out the top 5 HTML5 books to add to your library! Introducing HTML5 By Bruce Lawson & Remy Sharp Introducing HTML5… View full post »