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

Slide upwards in jQuery using slideDown()

The first time you stumble upon it, it's a bit confusing that the slideDown and slideUp functions in jQuery only allow you to slide an element downwards. However, we can use them to slide an element upwards with just a little bit of CSS and without adding any extra jQuery code. Demo and description Check… Continue reading Slide upwards in jQuery using slideDown()

Best jQuery Tutorials in ILC in 2010

Now that 2010 is over, it's nice to look back and see how many things you've learned on the last year. In order to start stretching those muscles for 2011, here's a review of the most interesting jQuery tutorials featured in ilovecolors during 2010. Add a character counter for the excerpt in WordPress Reveal extra… Continue reading Best jQuery Tutorials in ILC in 2010