Fix iframe overflow on iPad (and other touch devices)

First, we need to check if this is a touch device, regardless if it's an iPhone, iPad, Droid or Galaxy. One thing they have in common, is the TouchEvent event. So we'll write a small function to test if it exists in this device. /** * Test if touch event exists * @returns {Boolean} True… Continue reading Fix iframe overflow on iPad (and other touch devices)

Preserving radio button checked state during drag and drop with jQuery

Have you ever stumbled upon the issue of radio buttons losing their "checked" state while dragging and dropping a div containing them using the Sortable module of jQuery UI? It is not a pleasant experience and is a known issue even in jQuery 1.7.x bundled in WordPress 3.3 - 3.4. Read on to learn how… Continue reading Preserving radio button checked state during drag and drop with jQuery

Web Design Resources – November 2011

It's been a little quiet here lately, but here's our monthly digest of web design tools, resources, articles and inspiration for November 2011. Kern Type http://type.method.ac Learn the basics of kerning with this simple online game. Free font from FontShop for iOS http://www.fontshop.com/freefonts FontShop started offering fonts that are specifically hinted and optimized for iOS… Continue reading Web Design Resources – November 2011

Best web design resources of August 2011

It's resource time and here's the August round up that left a plethora of responsive and HTML5 resources, like a responsive grid with golden proportions, HTML5 Boilerplate 2, fluid width videos, images and even responsive sliders. Read on! Golden Grid System http://goldengridsystem.com/ GGS is a foundation CSS and HTML pack to build your own responsive… Continue reading Best web design resources of August 2011

Add a character counter for the excerpt in WordPress

The excerpt is great for magazine sites where only a small bunch of words can be displayed on the home page. However, the lack of a character counting functionality for the field makes it hard to know how many you already typed in. In this tutorial we will learn how to easily add a character counter for the excerpt.

Seven online color tools for design

Ever wanted to get some colors to match that brilliant green from your client's logo? Picking up the right color is not an easy task. Thankfully, there are some online tools that can be helpful when looking for the right color. These 7 tools will help you to get the right color. Each of these… Continue reading Seven online color tools for design