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

Neat and Modern Main Section with CSS3

Today we look at the most basic elements of a page such as blocks and forms. I think that if we make all the blocks with the same styles – it would be boring, so (for a change), I prepared four types of blocks with custom headers and footers

Mark Needham01/27/13
1176 views
0 replies

Knapsack Problem in Haskell

I recently described two versions of the Knapsack problem written in Ruby and Python and one common thing is that I used a global cache to store the results of previous calculations. From my experience of coding in Haskell it’s not considered very idiomatic to write code like that and although I haven’t actually tried it, potentially more tricky to achieve.

Hirvesh Munogee01/26/13
1740 views
0 replies

Behave.js - A JavaScript Library To Add IDE-Style Behavior To HTML Text Areas

Behave.js is a lightweight JavaScript library which allows you to augment plain HTML text areas to have IDE-like behavior.

John Whish01/26/13
1219 views
0 replies

ColdFusion ORM Book Experimenting with CSS3 transition callbacks

I was discussing with my colleague Andy Beer about replacing some jQuery animation with CSS3 transitions so that we could make use of hardware acceleration. This lead me to start thinking about how you'd handle callbacks if you wanted to chain together animations as CSS doesn't have events.

Hirvesh Munogee01/25/13
2272 views
0 replies

Fangle - A JavaScript Library For Reactive Markdown Documents

Fangle is a JavaScript library for creating reactive Markdown documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately.

Hirvesh Munogee01/25/13
4166 views
0 replies

HTML iOS Notifications - iOS-Style Notifications With CSS3 & JavaScript

HTML iOS Notifications is a simple JavaScript library which implements iOS style notifications with CSS3 and JavaScript. It allows you to call the notifications with a simple API and pass along a title and message parameters.

Allen Coin01/25/13
2381 views
0 replies

Brian Leroux talks WTFJS

Brian Leroux gives a presentation about "those very special irregularities, inconsistencies and just plain painfully unintuitive moments for the language of the web."

Allen Coin01/25/13
3588 views
0 replies

Unicode in Javascript

Mathias Bynens presents an interesting, in-depth look at the possibilities and limitations of unicode in JavaScript. (Like the preview image to the left, unicode U+1F4A9)

Jos Dirksen01/24/13
4853 views
0 replies

CPI Interactive index (15 years) created with Angular.js, bootstrap and d3.js

Here is a web application I created a couple of weeks ago before the holidays. If you click on the image the application will open and you can play around with the "corruption perception index" statistics from the last 15 years.

Hirvesh Munogee01/24/13
2265 views
0 replies

iosOverlay.js–A JavaScript For iOS-Style Overlays/Notifications For The Web

iosOverlay. js is a JavaScript library which allows you to create iOS style overlays/notifications. The notifications are dynamic, i.e. you can update an already displayed notification to display some other message.

Hirvesh Munogee01/24/13
1765 views
0 replies

ScrollUp - A Customizable Scroll To Top jQuery Plugin

ScrollUp is a jQuery plugin to create a ‘scroll to top’ link on your page. It allows you to create the scroll to top link in three formats: As a text link, as a pill or as a tab on the page.

Pranay Rana01/24/13
3056 views
0 replies

GeoLocation API in HTML5

HTML5 have cool feature that is provide gelocation of the user on the fly without using any extra services that we do right now. This feature is supported by Gelocation API which is part of HTML5.

Hirvesh Munogee01/23/13
3157 views
0 replies

Thorax - A Backbone + Handlebars Framework To Build Large Scale Web Applications

Thorax is a battle-tested framework which allows you to create large scale web applications. It uses Backbone.js for application structure and Handlebars.js for templating.

Sagar H Ganatra01/23/13
2454 views
0 replies

Some Useful Underscore Methods

Lately I've been looking into Design Patterns and Backbone framework. Backbone has a dependency on Underscore and more often than not, people use Underscore as a client-side templating engine when using Backbone. I was looking at the Underscore documentation and came across a bunch of useful methods.

Paul Underwood01/23/13
2363 views
0 replies

Create Post Tags With CSS

In this tutorial we are going to create post tags using CSS, we will also create a WordPress widget that will allow you to display these post tags in the sidebar of your WordPress site.

Hirvesh Munogee01/23/13
2639 views
0 replies

Web Development: 2012 & Forward

We decided to invite some of the prominent writers from some very established blogs to talk to us and share their views of 2012 and beyond for web development. We’ve asked them to answer a set of questions and provide us with their views on those matters. They have duly obliged and below, we’ve put together the answers.

jb j01/22/13
4377 views
0 replies

Useful Online Tools to make JavaScript Devlopment Easier

For over 15 years, JavaScript has allowed web developers to interact with the client browser. Today, I have compiled a list of the most useful online tools to make your JavaScript developer life even easier.

Hirvesh Munogee01/22/13
4189 views
0 replies

Parsley.js - Powerful, UX Aware & Dead Simple JavaScript Forms Validation Library

Parsley.js is a JavaScript library for forms validation. Parsley.js takes a different approach to forms validation. Instead of making you use JavaScript for validating your forms, Parsley.js uses data attributes to achieve the same effect.

Paul Underwood01/22/13
1859 views
0 replies

Remove Loading Stylesheets And Javascript In WordPress

In this article we are going to look at the dequeue style function. As you can guess this function will remove the stylesheets from the enqueue.

Raymond Camden01/22/13
2545 views
0 replies

FYI - iOS, JavaScript, and inactive tabs

If you have a web page using timed JavaScript (for example, a setInterval), and switch to another tab (or another app), then the operating system will pause the JavaScript environment. Here is an incredible simple way around it.

Gil Fink01/21/13
4297 views
0 replies

Using Casting in TypeScript

In JavaScript, which is a dynamic language, you don’t have the concept of casting. On the other hand, TypeScript language, which compiles into JavaScript, does include casting. This post explains how to use casting in TypeScript.

Paul Hammant01/21/13
2899 views
0 replies

Client-Side MVC Roundup

Here is a breakdown of the alternate technologies in the Client-Side MVC space. What I’m showing, in graph form, is “lines of code” analysis of the well-known reference todo list app implemented in each of the competing technologies.

Andrey Prikaznov01/21/13
2716 views
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
3557 views
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
2297 views
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.