HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Kon Soulianidis04/02/14
1302 views
0 replies

Introducing Frankenstein.js: Backbone + Angular + React

It turns out that the modern JS frameworks work perfectly well together. Want to put an Angular controller inside a React component? No problem! An Angular directive inside your Backbone view? Sure!

Evert Pot04/02/14
864 views
0 replies

PHP 5.5.10 Timezone Handling Changes

PHP 5.5.10 got released a few weeks ago, and among other things, it added some new functionality related to timezone handling. The sabre/vobject project is a heavy user of timezone-related features, and unfortunately this introduced a few subtle bugs.

Tim Millwood04/01/14
4507 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
3687 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
2475 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
2831 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
2996 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
4271 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
2824 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
2834 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
938 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
635 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
1071 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
1321 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
15419 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
3600 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
1297 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
5824 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
4054 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
1567 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
1151 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
4659 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
701 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
745 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
594 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.