HTML5

The 5th time around

Hyper Text Markup Language or HTML has been around for awhile and since then it has had many revisions and updates of how to write the code. HTML5 is simply the fifth revision of HTML. With the update of HTML5 although not quite finished yet, has many great features that can be implemented into websites today.

Features

One of the main features of HTML5 is that now you can integrate video right into the code. As opposed to having to download a plug in such as flash to watch a video. This will save time and be safer for your computer with less risk of downloading a virus.

Another feature that shocked me was the ability to access apps that would normally only run with internet, but with html5 could be used offline. This is accomplished with a local storage system where users can store data in the cache and access it at a later time, even without internet. This feature also speeds up loading times because of the information storage.

HTML5 works cross platform so you can do one coding and be consistent cross platform. Also makes it easier to write code for different browsers.

The Difference

The difference between HTML5 and HTML4.01 is the use of presentation elements. In HTML4.01 web developers used tables, frames as presentation elements in HTML. This is no longer possible in HTML5. All of those features can be used in CSS. Tables can still be used in HTML5, but not for laying out an entire website, just for tabular data.

Some differences between HTML5 and what I am learning in class from XHTML 1.0 strict is the validation rules. In xhtml everything must be lowercase and tags must be closed and apparently in html5, coding can be upper, lower and tags do not have to be closed. Although I think it is good practice to always follow the xhtml rules, but the document will still validate in html5. You can also put more than one element inside a link.

From what I have read so far, I feel that some of the drawbacks from using html5 are that for one, the html5 update is not exactly finished and things are still constantly changing. Another really big drawback for me would be the leniency in writing code. Html5 allows certain things that I already spoke about when writing code and I feel that this could lead to a disorganized site.

Development

HTML5 Iphone App

When I saw this article I figured it was relevant since we are just starting to design an iphone app. This article goes through how to use html5 and CSS3 to build an offline tetris app for your iphone.

Some things that I found interesting in this article is that when making an icon for your app. “The iPhone will round the corners of your icon, create a dropshadow, and add a shine to whatever icon you use.”

Other things to take into account are “When you are in app mode, you have a screen size of 320px x 460px. When you are in web mode, it has a screen size of 320px x 356px. This can affect the user interface of your offline HTML5 app.”

HTML READINESS

This site isn’t necessarily an article but does relate to html development. This is a visual display of what html and css3 features are ready to implement and in what browsers.

The only features that are ready for all the broswers down to IE7 is @fontface and contenteditable.

Good Practices

This is an article I found helpful and easy to understand new markup for html5
There are new block level elements, no more div id’s, new inline elements for date and time.
The article also gives tips for good html5 practices.

Critique

Cultural Solutions

When first coming across this site I am very impressed with the visual ascetic and texture of the site. I would classify this site as a one page website, because the navigation works as fragment identifiers and brings the information up above the fold when you click the link. The organization of information is impressive to me.

When viewing the site in firefox everything seems to work perfectly, but when I viewed the site in internet explorer the jquery stopped working, so the circles didn’t follow my mouse and certain hovers did not work anymore. That doesn’t mean that the site wasn’t functional, it just made the site more static and lost some of the user experience.

Here is a markup review by htmlgallery.com:

“Cultural Solutions are an independent arts & cultural consultancy based in Lincoln UK. The site uses several new HTML5 elements. The background circles are created using images but a case could be made for changing them to canvas or SVG.”

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: