By Krasimir Tsonev Over the last few years, designers have begun to use a lot of animations directly within HTML. That’s kind of cool, as you don’t need a plugin in order to see their work. There are several ways to make animations in HTML and in this article I will summarize a lot of examples […]
Animating with AngularJS
By Holly Schinsky AngularJS recently came out with support for CSS3 transitions and animations, as well as JavaScript Animations. The support is part of version 1.1.4 (unstable build), but was changed and refined a bit in version 1.1.5 so you should start with that version when you check it out. I definitely think it’s worth […]
Introduction to Topcoat
By Chris Griffith Topcoat is a brand new open source component library built entirely on web standards (CSS and HTML) and is available at topcoat.io. It was designed to assist developers and designers in creating high-performance web and PhoneGap applications. This project was announced shortly before the 2013 Adobe MAX conference and, in fact, the […]
Creating Multi-step Forms with jQuery and Promin
By Tim Severien User-interface design is a rapidly developing aspect of design. The challenge is to clarify information or interaction for users while making it as attractive as possible. One of these interactions is something you find on any site: forms. Most forms are just large, bulky collections of fields - very important but often […]
DOM Traversal and Manipulation with Voyeur
By Brian Rinaldi Years ago, just about the only thing cool about JavaScript was the DOM traversal and manipulation that jQuery offered. Even today, it remains one of the most powerful aspects of the jQuery library. The fact that the syntax so closely replicates CSS selectors makes it relatively easy to use and learn. Nonetheless, […]
Soma.js - Your Way Out of Chaotic JavaScript
By Romuald Quantin What is a scalable application? A scalable application has the ability to grow in a capable manner. Applications often start small but also grow very quickly. Sometimes applications need to be entirely rewritten as they grow and become unmanageable. Coding with scalability in mind, prevents problems down the line. This article focuses […]
Solving the Problem of @font-face Inside Media Queries
By Aurelio De Rosa UPDATE: With certain constraints, a better approach than the one discussed in this article exists. Read the section at the end of this post for details. Mobile data connections frequently aren’t as good as desktop ones, therefore the download time of custom fonts can take up to several seconds. A good […]
When to Use (or Not Use) Twitter Bootstrap
By Sam Holt In a previous posts on the Zing Design blog, I’ve talked about the positives and the negatives of using Twitter Bootstrap, but where does that leave us? At the end of the day, it’s up to the developer to decide which tool is right for the project at hand but, lucky for you, I’ve whipped up […]
Creating Image Galleries with Clipped Images Using CSS Pointer Events and SVG
By Zoltan Hawryluk If you click on the TV in the image below, you will see that it contains an image gallery created using the jQuery Cycle Plugin. You may ask, “I’ve used this awesome plugin before, so what’s the big deal?” Although this looks deceptively simple, the big deal about this is that the […]
Zelda: A Link to the CSS
By Donovan Hutchinson This week, Nintendo announced a new release of the popular Zelda franchise coming soon for the Nintendo 3DS that will be set in the world of A Link to the Past. As many of you may recall, the original Zelda: A Link to the Past game that was released in the early […]