HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Ajitesh Kumar09/19/14
0 replies

Sublime: Configure to Open HTML Page in a Web Browser

This article presents steps that is needed to configure Sublime to open the HTML pages you are working, in your preferred web browser.

Priya Darshini09/19/14
0 replies

Resources That Inspire To Learn AngularJS

There are a lot of tutorials, write ups and interesting articles around the web on AngularJS. Some of them which I came across, really inspired me to go for it and hence I am writing an article here to share the same believing it will inspire or be useful for my readers as well.

Rahul Rajat Singh09/18/14
0 replies

BackBone Tutorial - Part 7: Understanding Backbone.js Routes and History

In this article, we will try to look at Routes in Backbone.js. We will try to understand how routes can be useful in a large scale single page applications and how we can use routes to perform action based on requested URL.

Tousif Khan09/18/14
0 replies

ExtJS Customized QuickTip Example

ExtJS comes with a singleton class Ext.QuickTips (alternate name: Ext.tip.QuickTipManager) which provides attractive and customizable tooltips for any element. The QuickTips singleton is used to configure and manage tooltips globally for multiple elements in a generic manner.

Cal Evans09/18/14
1 replies

Announcing NomadJS

I am pleased to announce that Kathy and I, along with our good friend Jordan (@jakerella) Kasper, are starting up NomadJS next month. Like NomadPHP, NomadJS will be a virtual event. Each month we will host a session. Our goal is not to replicate NomadPHP in the JavaScript community, but to give Jordan the infrastructure to build something great in that community. Something that lives up to our goals of helping developers.

Jeremy Likness09/17/14
0 replies

Revisiting AngularJS with TypeScript

TypeScript works very well with AngularJS. The definition files help with exploring the API and ensuring it is used correctly at development time.

Juri Strumpflohner09/17/14
0 replies

Node, Grunt, Bower and Yeoman - A Modern Web Dev's Toolkit

This article aims at introducing you to some of the currently most popular tools when developing modern web applications with JavaScript. These are totally not new at all and have been around for a couple of years now. Still, I found many devs still don't use or know about them (as you might), wherefore this article tries to give you a quick, concise intro to get you started.

Dmitry Sheiko09/17/14
3 replies

Fancy Modal Windows without JavaScript

What we are going to do is a modal window that opens in the center of the screen by pressing a link while everything that underlies the window becomes blurred. It can be done by `Dialog` element, but these day we don't need any JavaScript really to solve this task.

Ajitesh Kumar09/17/14
0 replies

Sublime - AngularJS - Useful Auto-complete Snippets

This article presents code samples and instructions to configure your Sublime editor to include ng (angular) scripts in auto-complete fashion. I found it important to get quickly started with my new angular apps. Based on following, you could define custom autocomplete snippets for all angular scripts.

Paul Underwood09/16/14
3 replies

HTML5 Download Attribute

In this tutorial we are going to look into another HTML5 feature with the download attribute. The download attribute is a way of telling the browser that to download the file it is linking to, this can be a media file or a PDF document or a webpage etc. This is something you used to have to do with a server-side code.

G. Ryan Spain09/16/14
0 replies

A Dashboard Confession: On Design and Utility

Paul Cothenet over at Attack with Numbers came out with a list recently which he titled "The Laws of Shitty Dashboards," in which he gives his opinion on the state of software dashboards today. In short, he's not a fan.

Ariya Hidayat09/16/14
0 replies

JavaScript and V8 TurboFan

Recently, Google engineers landed a new optimizing JavaScript compiler for V8, codenamed TurboFan. As the name implies, this is supposed to further improve JavaScript execution speed, likely to be better than its predecessor, Crankshaft. While TurboFan is still in its early stage, that doesn’t mean we can’t take a look at it.

David Catuhe09/16/14
1 replies

JavaScript: Returning This or Not Returning This, This Is the Question!

While designing Babylon.js API, I recently found that some API may required to be more fluent. A fluent API as stated by this Wikipedia article is an implementation of an object oriented API that aims to provide for more readable code. jQuery for instance is a great example of what a fluent API allows you to do.

Rahul Rajat Singh09/15/14
0 replies

BackBone Tutorial – Part 6: Understanding Backbone.js Views

In this article, we will try to look at the View classes in Backbone.js and see how view classes help us in updating the relevant parts of the application easily.

Raymond Camden09/15/14
0 replies

Proof of Concept: Live HTML checking for a textarea

Of course, from time to time I screw up and forget to close a tag or make some other mistake. For a while now I've wondered - is there an easy way to check for that and potentially catch those mistakes before I save the form?

Ajitesh Kumar09/12/14
0 replies

How AngularJS Works – Explained with Angular Code

The article is first in the series of articles that are aimed to present the angularjs in a holistic perspective (by presenting angular code side-by-side) thereby representing How AngularJS works. While talking to various developers doing both, UI and server-side programming, one thing that came out as common is the fact that AngularJS has a deep learning curve.

Remy Sharp09/11/14
0 replies

In the Middle with Center

I posted a tweet recently that confused some people. They might have thought I was trolling or being sarcastic!... But I feel like I may have to defend my opinion on this one!

Joost Van Schaik09/11/14
0 replies

AngularJS + TypeScript: How to Implement Validation

AngularJs supports all kinds of simple client-side validation. The simplest is data-ng-required which basically says a UI element must be filled in before the form is valid. I am picking up where I left off in my previous post – I am going to make the the phone input screen have validation.

Aruna Karunarathna09/11/14
0 replies

Using WSO2 admin services to upload Carbon Applications - With Sample

Hi all, in this post we are going to explore how to use carbon admin services and how to consume them properly. There are lot of carbon admin services available for WSO2 Carbon based product. To list out all the admin services follow the below steps. Start a WSO2 product using the following command. In this particular example I am using WSO2 ESB 4.8.0

Michael Crump09/10/14
0 replies

How to Run HTML files in your Browser from GitHub

If you have a .html file in a GitHub repository and want to view that page directly, you would typically download or clone the repo to your local hard drive and run it from there. There is an easier way.

G. Ryan Spain09/10/14
0 replies

Responsive Images and the Picture Element

Responsive Design has become vital in the age of mobile browsing, and images have been a key source of frustration for designers who wish to increase the speed and functionality of their sites. Soon, though, all that will change, as the picture element in HTML5 takes off starting later this year.

Ajitesh Kumar09/10/14
0 replies

AngularJS – Different Ways to Declare Controllers

This article represents various ways of declaring a controller along with code examples. Following are two different ways in which controllers can be declared.

David Catuhe09/09/14
0 replies

Simple Inheritance with JavaScript

A lot of my friends are C# or C++ developers. They are used to use inheritance in their projects and when they want to learn or discover JavaScript, one of the first question they ask is: “But how can I do inheritance with JavaScript?”.

Ajitesh Kumar09/08/14
0 replies

AngularJS Coding Best Practices

This article lists some of the best practices that would be useful for developers while they are coding with AngularJS. These are out of my own experiences while working on AngularJS, and I am sure there can be more, so please suggest/comment such that they could be added to the list below.

Rahul Rajat Singh09/05/14
0 replies

BackBone Tutorial - Part 5: Understanding Backbone.js Collections

Every application needs to create a collection of models which can be ordered, iterated and perhaps sorted and searched when a need arises. Keeping this in mind, Backbone also comes with a collection type which makes dealing with collection of models fairly easy and straight forward.