HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Dmitry Sheiko09/17/14
3012 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
2742 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
3488 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.

David Catuhe09/16/14
1955 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
4072 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.

Ariya Hidayat09/16/14
1298 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.

Rahul Rajat Singh09/15/14
2769 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
1703 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
2710 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
4702 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
2909 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.

Aruna Karunarathna09/11/14
1424 views
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
2835 views
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
4874 views
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
5253 views
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
2430 views
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
12647 views
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
4525 views
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.

Paul Hammant09/04/14
2364 views
0 replies

Nearly All CMS Technologies Suck

They don’t use source-control as their backing store, and can’t possibly allow round-trip editing of content. As such technical perfectionists have been divorced and the TCO has gone ridiculously high because of lock-in, Conway’s Law, and concerted efforts to price their apps as cure-alls. I’m not interested in CMS applications, platforms, frameworks, or libraries that use a relational schema for storage of canonical content.

Paul Underwood09/04/14
3411 views
0 replies

Getting Started With Composer In PHP

In this tutorial we are going to learn about composer and how we can use it to develop our PHP applications.

Lorna Mitchell09/04/14
1989 views
0 replies

Compiling PHP Extensions

There are lots of reasons why you might like to compile your own PHP extensions. I haven't seen a really approachable guide anywhere, we tend to speak of extensions in hushed tones, and actually it isn't particularly tricky so here is my quick how-to guide.

Priya Darshini09/04/14
4240 views
0 replies

Responsive Full Width Modal Popup Layout Using Twitter Bootstrap

In this article, let us explore how to make a responsive full width modal popup using Twitter bootstrap. This is one of the latest trend in web design which I came across several times and I found it very attractive. So I am going to explain how this can be achieved easily using Twitter bootstrap modal popups.

Raymond Camden09/02/14
2312 views
0 replies

How to Keep Your DOM from Shifting Around

Keep your DOM from shifting around... the problem is that the user may have been just about to click on a button, link, or whatever, and finds that their click action has done nothing. Or worse - has activated another action that they didn't want.

Chris Odell09/01/14
3047 views
0 replies

No Script: The Conflict In Design

I have a question for you. When you design the front page for a business or the UI for a web application do you think about how to represent the functionality with JavaScript first or without?

Paul Underwood08/29/14
3491 views
0 replies

Using AJAX In WordPress

In the following tutorial we are going to learn how you can use AJAX in WordPress to run your own functions. The way this works in WordPress is by allowing you to attach your own actions that you can access from an AJAX request to change the content on the page.