Top add

Showing posts with label html5. Show all posts
Showing posts with label html5. Show all posts

Locally Store image for faster uploads using HTML5

By storing my web page CSS, Javascript files or Images locally, I would have the added benefit of reduced network and server usage, in addition to improving page load times.  The HTML5 localStorage interface is a basic client-side key-value database, meaning data is saved and retrieved locally from the clients web browser storage.  However I hit an immediate challenge, as localStorage only supports String objects, and for my usage, I wanted to store binary Images.


Given this limitation in localStorage, the first step required for my implementation is to base64 encode the binary Images.   I found a website that offers an online tool to perform this encoding, however there are many shareware tools available to encode/decode binaries from your workstation or dynamically from a server application.  I converted my Images at OpinionatedGeek, which offers a simple web interface tool to quickly encode Images. Once you have base64 encoded your Images,  you will need to implement the Javascript and localStorage API to read & write your Images from the local client:

building website in html5

BLOG IN HTML5
HTML 5′s feature set involves JavaScript APIs that make it easier to develop interactive web pages; let’s look at how to mark up a blog: More




WEB PAGE IN HTML5
Depending on who you ask, HTML 5 is either the next important step toward creating a more semantic web or a disaster that’s going to trap the web in yet another set of incomplete tags and markup soup.

The problem with both sides of the argument is that very few sites are using HTML 5 in the wild, so the theoretical solutions to its perceived problems remain largely untested. More





3 Steps to start HTML5 projects

STEP 1
It’s a very basic HTML5 starter pack with a clean & ordered directory structure fit for most projects, a few of the most common files (html, css, js), as well as a basic Photoshop web design template, again with an groups structure fit for most projects.

HTML5 starter


A HTML5 starter template. Template is customizable and free to be edited at 


STEP 2

Online HTML5 Generator

Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template. It will generate for you a clean customizable template based on Boilerplate with just what you need to start.





Html 5 Features and generator

Html 5 is the new version of html. It will be the new standard for html and xhtml. Previously Html was released in 1999. Html5 is still in development but latest browser supports Html5

Html5 is a cooperation between W3C and WHATAG.WHATAG works on webforms and W3c on XHTML

New tags like <video>, <audio>, and <canvas> are included for presentation content and  <section>, <article>, <header>, and <nav> for semantic content

New Features