HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Andrey Prikaznov01/21/13
0 replies

Neat and modern header sections with CSS3

In today’s article I will show you how to create a high-quality and modern header for your site. This header will include a logo, several links in the upper right corner, a drop-down navigation menu and a search form.

Hirvesh Munogee01/21/13
0 replies

xy.css - A Lightweight CSS Template For Building Responsive Liquid-Grid Designs

xy.css is a lightweight CSS template which allows us to build responsive liquid grid designs easily. xy.css is feature-packed. It performs browser style resets using Eric Meyer’s CSS Reset. It also implements horizontal and vertical rhythm with liquid-grid layout and scalable typographic grid respectively.

Paul Underwood01/20/13
0 replies

Restrict Admin Area To Only Admin Users

When you create a new user in the WordPress user manager they will be able to login to your site by going to the default WordPress login page /wp-login.php. Depending on the role you have assigned to this user they will see different options in the admin area.

Hirvesh Munogee01/20/13
0 replies

AppCache Generator - An Online Tool That Generates HTML5 AppCache Manifest Files

AppCache Generator is a simple online tool which allows you to enter the URL of your HTML5 application and it generates the AppCache manifest file for you.

Merrick Chaffer01/19/13
0 replies

Project Silk for all your HTML web application needs

A colleague of mine pointed out this white paper article that Microsoft have kindly put together, which appears to be a full overview on how to construct a web site in this day and age.

Hirvesh Munogee01/19/13
0 replies

Ink - A Front-End Framework For Quick UI Development Using HTML, CSS & JavaScript

Ink is a front-end framework for quick development of UIs using HTML, CSS and JavaScript, similar to Twitter Bootstrap. It provides an easy way to create modern layouts and provides implementations of common interface elements such as gallery, modal, table, tree view, sortable list, data picker, tabs, form validator and more.

Antonio Santiago01/18/13
0 replies

Things I learnt creating a jQuery Plugin (Part I)

One of the key aspects of jQuery is the possibility to extend it with new functionalities, so called plugins. For those who have a basic knowledge of jQuery and want or need to create a new jQuery plugin this post tries to be a helpful summary of good things to take into account.

Zac Gery01/18/13
0 replies

Why a robots.txt File Is No Longer Sufficient

If Google isn't completely respecting the robots.txt file anymore, what other options are available?

Hirvesh Munogee01/18/13
0 replies

Maxmertkit - CSS Framework Based On Widget-Modifier Coding Style

Maxmertkit is a new CSS framework which is based on a widget-modifier coding style. What this means is that instead of trying to showcase all the functionalities of the CSS framework by demoing every single component of it, Maxmertkit allows you to demo each component by choosing yourself which one to demo.

Hirvesh Munogee01/18/13
0 replies

Heisenberg.js - A Project Base For Building Modern JavaScript Applications

Heisenberg. js is a boilerplate for building JavaScript applications based on the Mediator Pattern. It helps you structure your JavaScript code and allows you to use the Mediator Pattern to develop JavaScript applications.

Raymond Camden01/17/13
0 replies

PhoneGap Sample - Shake to Roll

I thought I'd share a simple PhoneGap application I built for my four hour lab in Ohio a few days back. The idea behind the application was to demonstrate the Accelerometer API. This returns movement information along three different axis.

Paul Underwood01/17/13
0 replies

Introduce Your Plugin With WordPress Pointers

In version 3.3 WordPress released a new feature called pointers. This is a great idea if you are a plugin or theme developer, you can make it so that when a user installs your new plugin you can use the pointers to show exactly how they are suppose to use it.

Hirvesh Munogee01/17/13
0 replies

Breeze - A JavaScript Library To Manage Data In Rich Client Applications

Breeze is a JavaScript library which allows you to manage data in rich client applications easily.

Hirvesh Munogee01/17/13
0 replies

Teoria.js - A Lightweight & Fast JavaScript Framework For Music Theory

Teoria.js is a lightweight and fast JavaScript library for music theory, which includes both Jazz and Classical.

Hirvesh Munogee01/16/13
0 replies

Rye - A JavaScript Library For DOM, Events Manipulation & Touch Support

Rye is a lightweight JavaScript library for DOM and events manipulation as well as touch support. It works in all major browsers, including IE9+. Rye also has an event emitter as well as support for isolated DOM events.

Hirvesh Munogee01/16/13
0 replies

voxel.js - An Open Source Voxel Game Building Toolkit For Modern Web Browsers

voxel.js is a collection of projects which allows you to create Minecraft-like games in the browser. voxel.js requires a browser which has WebGL support, as the games created with Voxel.js required it to run.

Mikko Ohtamaa01/16/13
0 replies

Obfuscate.js: clean sensitive information out from web page screenshots

Obfuscate.js is a Javascript console tool which obfuscates the text on the web page hiding sensitive information. The purpose of this tool is to be able to make shareable screenshots for collaborative debugging, examples, demos and so on.

Remy Sharp01/16/13
0 replies

CORS isn’t just for XHR

This post isn’t about CORS for XHR, it’s about CORS for images. CORS for images is important for remixing content and sites such as Flickr, Instagram, Imgur and the like.

Hirvesh Munogee01/15/13
0 replies

Bootstrap Tour Extended - A JavaScript Tour Library For Highly Dynamic Applications

Bootstrap Tour Extended is a JavaScript tour library built ontop of Twitter Bootstrap. It is a fork of the previously featured Bootstrap Tour plugin on Functionn. However, this Bootstrap Tour library adds some more bells and whistles to the older library, making it more appropriate for highly dynamic applications.

Christopher Bennage01/15/13
0 replies

Building a Game With JavaScript: Start Screen

Many games have a start screen or main menu of some sort. (Though I love games like Braid that bypass the whole notion.) Let’s begin by designing our start screen.

Avi Yehuda01/15/13
5 replies

JavaScript encapsulation & the module pattern

Encapsulation is one of the key features of object oriented programming languages. Since I know JavaScript is considered an OO language, I decided to try to understand once and for all how to implement encapsulation in JavaScript correctly.

Hirvesh Munogee01/15/13
0 replies

grid(ism) - A Practical, Robust, And Responsive CSS Grid Framework

grid(ism) is a practical and robust responsive CSS framework which aims to allow you to create responsive websites easily. grid(ism) was created with simplicity in mind.

Hirvesh Munogee01/14/13
0 replies

Fuse.js - A Lightweight Fuzzy-Search JavaScript Library

Fuse.js is a lightweight JavaScript library which allows you to create a search box on the client-side to search moderately large data sets in a fuzzy fashion. It allows you to search through a list of data by providing a pattern (with a maximum length of 32 characters) which can include misspellings as well.

Hirvesh Munogee01/14/13
0 replies

Multigraph - A JavaScript Library For Interactive Data Graphs For The Web

Multigraph is a program for creating 2-dimensional scientific data graphs in web pages. It can read data in a variety of formats, and allows you to customize the appearance of the graph to your liking.

Senthil Kumar01/14/13
3 replies

Typography Tools for Web Designers

Typography is one of the important aspect of the web designing. The User Interface / UX (User Experience) design is one of the challenging work in the design and development of the website. In this blog post, we will explore some of the Typography tools which will be useful for the Web Designers.