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

Template – HTML5 BoilerPlate with Spring MVC & GAE

This article provides instructions on how to create your quick Google App Engine (GAE) based web application project using Eclipse IDE, based on Spring MVC and HTML5Boilerplate (or Initializr) HTML project templates.

Hubert Klein Ikkink09/23/14
3600 views
0 replies

Awesome Asciidoc: Change URI Scheme for Assets

When we define the document attribute icons with the value font the FontAwesome fonts are loaded in the generated HTML page. In the head section of the HTML document a link element to the FontAwesome CSS on https://cdnjs.cloudflare.com/ajax/libs is added. Also when we use the highlight.js or Prettify source highlighter a link to the Javascript files on the cdnjs.cloudflare.com server is generated.

Sivaprasadreddy...09/23/14
6243 views
0 replies

AngularJS Tutorial: Getting Started with AngularJS

AngularJS is a popular JavaScript framework for building Single Page Applications (SPAs). This tutorial teaches some of the basics for getting started with AngularJS.

Catalin Red09/22/14
2930 views
1 replies

Using and Over Abusing CSS

People usually are abusing features just because they can. It happened before, it's happening now and most likely it will happen again.

Hubert Klein Ikkink09/21/14
6313 views
0 replies

Awesome Asciidoc: Changing the FontAwesome CSS Location

To use font icons from FontAwesome we set the document attribute icons with the value font. The default link to the CSS location is https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css. We can change the location for the FontAwesome CSS with document attributes.

Senthil Kumar09/19/14
3085 views
2 replies

Tutorials for learning about CSS Hover Effects

Are you a Web developer or designer looking forward to learn about CSS Hover effects ? . Below are some interesting tutorials that would help the developers specially working on CSS to know more about CSS Hover Effects.

G. Ryan Spain09/19/14
3813 views
1 replies

AngularJS - How To Delay the $Digest() Cycle

Aaron Gray over at his blog recently posted a neat trick for reducing lag from the $digest() cycle when scaling AngularJS apps with large data sets. He recommends using a debounce function to put a delay on the $digest() cycle.

Paul Underwood09/19/14
2368 views
0 replies

HTML5 Form Validation

Since HTML5 came into webpages it brought a bunch of new features, the most useful features it brings is the functionality that you would normally use JavaScript for. An very good example of how HTML5 can help us with forms is client side form validation.

Ajitesh Kumar09/19/14
1289 views
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
2465 views
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
2363 views
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
1735 views
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
1947 views
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
3733 views
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
13358 views
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
3056 views
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
2817 views
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
3546 views
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.

Ariya Hidayat09/16/14
1496 views
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
2007 views
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.

G. Ryan Spain09/16/14
4109 views
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.

Rahul Rajat Singh09/15/14
2825 views
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
1751 views
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
2840 views
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
4749 views
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!