HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Paul Underwood05/21/13
253 views
0 replies

Resize Image Class With PHP

In this tutorial we are going to create a PHP class that will allow you to resize an image to any dimension you want, it will allow you to resize while keeping the aspect ratio of the image.

Paul Hammant05/21/13
212 views
0 replies

Coming to Angular from something else

There’s a recent blog entry on the ArtLogic.com site about learning Angular. One aspect of it resonates with me: “Quit jQuery for a While” It’s true. You could well be used to having ‘on click’ equivalent event that mutate the DOM, and think that you could well mutate Angular models instead.

Brian Rinaldi05/21/13
255 views
0 replies

Best of JavaScript, HTML & CSS - Week of May 13, 2013

A busy week of tutorials this week, with the majority focusing on straight HTML, CSS and JavaScript (i.e. no frameworks). This week was also Google I/O where they announced a new web/UI framework called Polymer that is currently available as a pre-alpha.

Raymond Camden05/21/13
177 views
0 replies

Capturing camera/picture data without PhoneGap

As people know, I'm a huge fan of PhoneGap and what it allows me to do with JavaScript, HTML, and CSS. But I think it is crucial to remember that you don't always need PhoneGap. A great example of that is camera access.

Konrad Garus05/20/13
445 views
0 replies

Getting Started with Pedestal on Client Side

I finally got to spend a longer while with Pedestal. It is a pure Clojure web framework, where by pure I mean that you’ll see Clojure on back- as well as front end. For starters I only focused on the front end and that’s what this post is about.

Jon Antoine05/20/13
352 views
0 replies

WinJS: use the same data in the zoomed out and zoomed in view.

The Semantic zoom let you display your data in a zoomed out and zoomed in way. It’s really fine when your data is grouped but sometimes you need to display a non-grouped data just in a different way with a different template.

Larry Franks05/20/13
379 views
0 replies

Web-client development with Ember.js and Windows Azure Mobile Services - Part 4

In the previous posts I covered creating an Ember.js-based single page application, then wiring it up to Windows Azure Mobile Services for data storage.

Tim Spann05/20/13
418 views
0 replies

Spring MVC + Modern HTML5

Tobacco tries it’s best to always include the latest release versions of most popular client libraries. Latest Tobacco 1.0.12 charges you with Spring 3.2.2, Twitter Bootstrap 2.3.1, jQuery 1.9.1 and Backbone.js 1.0.0

Allen Coin05/19/13
443 views
0 replies

Video: Three Keys to Successful Single Page Web Applications

Moving logic and data to the client and loading only changes are important pieces of the puzzle, but to make your SPA performant for the user as well as the developer means you'll have to address certain issues with SEO, analytics, error tracking, and more. Join Josh as he walks you through elegant solutions to these challenges.

Allen Coin05/19/13
607 views
0 replies

Video: microformats2 & HTML5: The Next Evolutionary Step For Web Data

Tantek Çelik of Mozilla talks about the exciting improvements that microformats2 and newer HTML5 elements bring to structured web data.

Allen Coin05/18/13
507 views
0 replies

Video: Building Web Applications with Ember.js

In this talk, Yehuda Katz shows us how Ember can be used to build fast and responsive apps, and shares some nifty aspects of Ember you might not know about.

Raymond Camden05/17/13
354 views
0 replies

Hear me wax poetic on Nerd Radio

Ray Camden, Adobe Creative Cloud Evangelist, talks with us about his sessions at MAX covering topics like PhoneGap Build and web development tools.

Paul Underwood05/17/13
465 views
0 replies

Multi Environment WordPress wp-config.php

When you are developing any website you will always have different environments for your website, the number of environments you need will depend on the size of the project and how many people are involved in the project.

Yusuf Aytaş05/17/13
2036 views
0 replies

Achieving Abstraction In JavaScript

While abstraction is well understood and well applied in languages like Java, C++, this approach is not discussed much for JavaScript. In this post, we will try to give some insight for abstraction of JavaScript.

Alexander Beletsky05/17/13
3129 views
0 replies

GitHub as a blogging platform

No, I'm not going to talk about creating some github-backed blogging system. I would like to talk about a blogging style I tried to apply recently to GitHub

Artem Tabalin05/16/13
2698 views
0 replies

AngularJS - Get a First Impression

AngularJS is amazing JavaScript framework designed to create single-page applications (SPA) using MVC architecture. In this article I would like to demonstrate the strength of the framework and show how to use angular basic features in action.

Raymond Camden05/16/13
983 views
0 replies

JavaScript Design Patterns - The Revealing Module Pattern

As a reminder, the idea behind this series is to create real, practical examples of various JavaScript design patterns based on the book, "Learning JavaScript Design Patterns" by Addy Osmani. (See my review here.) In this blog entry I'll be discussing the Revealing Module pattern.

Dmitry Sheiko05/16/13
1486 views
0 replies

Importing External Files in JavaScript

As a JavaScript application grows, navigation on the code becomes hellish. It comes to mind how useful it would be to have the ability to include JavaScript files.

Paul Underwood05/16/13
675 views
0 replies

CSS Flip Boards

In this tutorial we are going to create a flip board effect by using CSS, there are 2 effects we can create one the hover event we are going to have one board flip on the horizontal and another board which will flip on the vertical.

Rob Williams05/16/13
2103 views
0 replies

Thoughts on the Html5 Hail Mary

A week or so ago, the Typesafe guys released a new version of their website, and a product they are calling Activator

Remy Sharp05/15/13
1082 views
0 replies

tracegl for JavaScript debugging

In preparing for my new Node workshop my tool of choice used to be node-inspector but development has gone idle and it’s showing it’s age. However, recently I came across tracegl I was intrigued as it looked to add to my debugging tools for Node.

Derik Whittaker05/15/13
1144 views
0 replies

Typescript Bundler Issue - Not transforming to JavaScript

Today one of the viewers of my Pluralsight course was having issues and I was trying to help him via email, but to no avail. I asked him to send me his project so I could take a look myself.

jb j05/15/13
2349 views
0 replies

CSS and JavaScript tools to take your website to the next level

Want to enhance your website with the latest tools available? In this article, I have compiled a bunch of super useful tools to enhance your website and take it to the next level.

Niels Matthijs05/15/13
627 views
0 replies

The Breadcrumb: Where does it belong?

Once a novel concept, the breadcrumb has become one of the strongholds of just about every content-heavy website's interface out there. When you consider its place in the html though, it's a somewhat unusual component.

Allen Coin05/14/13
764 views
0 replies

Making scrolling less confusing

Scrolling through a long text on a featureless background is confusing. Notice that on a mobile device, this problem does not exist, at least not nearly to the same degree. Using that basic concept as a model, I’ve put together a quick prototype.