HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Tim Millwood04/01/14
4477 views
0 replies

Deploying Drupal to heroku

Although not advised, it's actually possible to get Drupal up and running on Heroku.

Mike Driscoll04/01/14
3655 views
0 replies

Python 201: Decorators

Python decorators are really cool, but they can be a little hard to understand at first. A decorator in Python is a function that accepts another function as an argument. The decorator will usually modify or enhance the function it accepted and return the modified function.

Hirvesh Munogee04/01/14
2429 views
0 replies

SUIT CSS – CSS For Building Self-Contained, Composable, Configurable UI Components

SUIT aims to loosely couple document semantics, presentation, and behavior so as to be able to modify any one of them with minimal impact on the others.

Itamar Syn-hershko03/31/14
2798 views
0 replies

The Ultimate Web-Frameworks Rundown - Part 1 - Introduction

This post is the first in a series of posts in which I will look at web frameworks in the .NET and Java space (probably with more focus on .NET), both in practical terms and also to discuss the ideas behind them.

Sarah Ervin03/30/14
2977 views
0 replies

The Best of the Week (Mar. 21): HTML5 Zone

Make sure you didn't miss anything with this list of the Best of the Week in the HTML5 Zone (Mar. 21 to Mar. 27). This week's topics include a discussion about "black magic" in Angular.js, testing API's with Node.js, using JavaScript with ADF to create navigation timing API, and adding images to a GitHub wiki.

Matt Farina03/28/14
4235 views
0 replies

Converting Markdown to PDF with PHP

While some will argue that PDFs are dead, many of us still need to produce PDFs for one reason or another. Despite the quirks, the author was able to write a conversion script that handled dozens of documents quickly.

Mike Hadlow03/27/14
2790 views
0 replies

How To Add Images To A GitHub Wiki

Every GitHub repository comes with its own wiki. This is a great place to put the documentation for your project. What isn’t clear from the wiki documentation is how to add images to your wiki. Here’s my step-by-step guide.

Yashwant Golecha03/26/14
2799 views
0 replies

Using JavaScript with ADF to Capture Page Load Time : Navigation Timing API

Performance Improvement is an integral part of any application and all of us need to do that at some point of time. Before improving performance, we need to find the possible causes of performance bottlenecks.

Dustin Marx03/26/14
916 views
0 replies

Video Review: jQuery UI Development

The video course provides a high level overview of jQuery UI along with enough details to present a representative sample of the types of things one can do with jQuery UI and the basic patterns used to apply jQuery UI.

Raymond Camden03/26/14
622 views
0 replies

ColdFusion, Random Numbers, and Time

As a long time computer programmer, I have a vague idea of the intricacies of random number generation. Apparently it involves quantum states, time travel, and zombie kittens.

Niels Matthijs03/25/14
1057 views
0 replies

Component Complexity Part2: html variants

The problem with these structural html changes is that they impact the way css and javascript work and they might even carry some design impact too (in case of the different link options).

Hirvesh Munogee03/25/14
1275 views
0 replies

Chart.js – A JavaScript Library For Easy Graphs For Designers & Developers

Chart.js can display your data in form of line charts, bar charts, radar charts, pie charts, polar area charts, and donut charts. The library uses HTML5 Canvas to display the graphs and has polyfills for IE7/8.

Sarah Ervin03/24/14
15291 views
4 replies

The Unstable Future of Angular.js

Google's overwhelmingly successful dynamic HTML enhancement, Angular.js, has a flaw that could limit the platform's longevity.

Alexander Beletsky03/24/14
3549 views
0 replies

Testable API's with Node.js

I think dynamic languages such as JavaScript are great for testing API’s. Having no types eliminates “model-per-response” classes, request.js is great for making HTTP calls and mocha makes specifications output looks nice. Node.js makes test-first API development a nice and pleasant thing.

Nikos Printezis03/24/14
1285 views
0 replies

AJAX with JQuery

Now that Visual Studio 2010 has JQuery embeded, the author thinks it is time to have a look at how we can use Ajax with JQuery.

Sarah Ervin03/23/14
5792 views
0 replies

The Best of the Week (Mar. 14): HTML5 Zone

Make sure you didn't miss anything with this list of the Best of the Week in the HTML5 Zone (Mar. 14 to Mar. 20). This week's topics include a solution for creating nested layouts in HarpJS, PHP 5.6 and Splat interactions, and how to display popup information using jQuery.

Ben Teese03/21/14
4015 views
0 replies

Rich Object Models & Angular.js: Memoization

In this post I’m going to talk about expensive calculations in rich object models – be they hidden behind getter methods or just regular methods – and how we can use memoization to reduce the impact that these calculations have on performance.

Raymond Camden03/21/14
1540 views
0 replies

Interesting Discovery with CasperJS, jQuery, and Transitions

CasperJS is a testing utility for PhantomJS, a headless Webkit browser. This is probably unfair, but I like to think of Casper as a super powered Curl. But unlike Curl, CasperJS (and PhantomJS) can actually interact with the results like a real browser. This allows for some cool testing/utilities.

Paul Hammant03/21/14
1126 views
0 replies

Angular Inside SVG Inside HTML

SVG embedded inside HTML, appears to simply extend the grammar of HTML, and perfectly co-exists in the DOM. Angular can latch on to that and work with it.

Nikos Printezis03/20/14
4585 views
0 replies

Create Drop-Down Menu Using CSS Only

The most common way to create a drop-down menu is by using javascript, but, for those who like to use only CSS for design issues, there is an alternative way.

Ariya Hidayat03/20/14
686 views
0 replies

JavaScript String: Substring, Substr, Slice

Extracting a portion of a string is a fairly well understood practice. With JavaScript, there are three different built-in functions which can perform that operation. Often it is very confusing for beginners as to which function should be used. Sometimes it is easy to fall into the trap and choose the wrong function.

Pubudu Dissanayake03/20/14
714 views
0 replies

Basic CRUD operations using Jaggery

Jaggery.js, is a framework to compose web apps and HTTP-focused web services in pure JavaScript for all aspects of the application: front-end, communication, server-side logic and persistence. The framework will reduce the gap between writing client-side web application pages and back-end web services.

Paul Underwood03/20/14
583 views
0 replies

Add Upload Media To Library On Widgets

In this tutorial we are going to create a widget that has a field to add an image URL with an image you upload directly in the media library. This will also allow you to select a image from the media library that you've previously uploaded.

Ben Teese03/19/14
3308 views
0 replies

Rich Object Models and Angular.js: Getter Methods

Getter methods can be used to cleanup calculation-intensive code where you don’t need to distinguish between methods and values. This in-turn reduces cognitive burden – for both you and others – when reasoning about your code.

Pubudu Dissanayake03/19/14
1908 views
0 replies

Jaggery.js: The Delicious Javascript Framework

A modern web application invariably includes a significant client-side Javascript component. Why then are we using a completely separate language for server-side programming? Jaggery uses Javascript as the server-side programming language, the obvious choice for simplification.