HTML5: Our Ideas to Help You

A couple of weeks ago, we gave you an overview of HTML 5.  Today, we want to give you some more big ideas to help you use HMTL 5 in conjunction with CSS3 and Javascript techniques for catering Denver Website Design to your advantage!  In turn, this should help you optimize your Denver marketing tactics.

So, let’s talk ideas and capabilites.

First off, panoramic imaging.  That’s right, with CSS3, Javascript, and HTML5, you can build your own panoramic VR screen.  What this means is that you can stitch together a series of images to create a panoramic image that can be scrolled through as though you were spinning around in a circle.  If you’re confused, see this Safari Technology Demo.  Now, let us note that CSS3 is the main coding language used to help build a VR on your webpage.  However, HTML5 helps make it possible to upload and exist!  Normally, software to create Quicktime VRs of panoramic stitched images can cost hundreds of dollars.  However, with some research on coding, and some trial and error, you can create VRs for free.  VRs are great for any sort of visual marketing.  Being that a VR image is very interactive, especially if your image creates interesting content, viewers will be drawn in to navigating around an eye-catching VR image.  VR images are great for real estate sales (a virtual tour around a house), and would also make an excellent addition to marketing for restaurants, hotels, etc. (i.e. “here you can see our restaurant’s beautiful mountainside view, and private dining room.”)

Secondly, the capability to build iPhone apps with HMTL5.  According to some, digital marketing is moving more and more towards the great realm of mobile marketing.  We think that’s good news: new opportunities, new mediums, new technology platforms.  However, to make our classic marketing techniques effective, we are going to have to adapt a little bit.  A great example of HTML5 use for a webpage that works on an iPad is the Every Time Zone app.  This app is designed to convert your current time zone to another time zone of your choice.  Pretty handy when you’re traveling back and forth with two, three, or eight hour time differences.  The developers also released an article on the app, which you can view here.  The article explains some problems that the developers ran into and how they ran about encountering them and using HTML5′s features to the iPad’s advantage, including:

• using a ‘touch’ event whenever possible, and ensuring that these events could apply to iPad touch capabilities as well as a desktop or laptop browser mouse.
• not using images
• avoiding some CSS3 add-ons such as text-shadow and box-shadow

Lastly, we would like to point out that HTML5 can offer a whole new realm of animation capabilities.  For a great example, see this project: CanvasMol.  This is an interactive HTML5 animation that builds molecules, which is incredibly intricate and cool!  Normally, we would assume that to make something of this magnitude you need Flash or Processing.  However, with HTML, it is possible to build projects like CanvasMol and The Attractor.

So, what are our main points that you can brainstorm ideas around today?  HTML5 can go mobile, can be interactive, and can animate without an imaging program.  If you haven’t started using HTML5 yet…what are you waiting for?!

Free e-Book: Social Media for Business

You have a website, but is it getting found? Find out what you need to know about social media for business in our free e-book.

Download Now