HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Hubert Klein Ikkink09/23/14
3595 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
6214 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
2928 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
6308 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
3081 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
3806 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
2364 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
1281 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
2449 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
2358 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
1728 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
1943 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
3722 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
13336 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
3051 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
2813 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
3541 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
1481 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
2004 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
4106 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
2820 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
1742 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
2820 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
4742 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!

Joost Van Schaik09/11/14
3009 views
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.