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)
Tag: javascript
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
jQuery plugin for better select boxes
Chosen allows you to enhance HTML <select> elements using JavaScript to add multiple select, autocomplete and more. Chosen is available as a plugin for jQuery, Prototype and there's a fork for MooTools.
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
Saving custom fields in quick or bulk edit mode in WordPress
One of the most cool features when managing WordPress posts, is the ability to batch edit multiple posts at once or even quick edit one post to perform a quick task such as adding a tag. In this WordPress tutorial, we will learn to extend Quick Edit and Bulk Edit to retrieve and save your custom field values.
Masonry CSS3: dynamic grid layout
Masonry CSS3 is the counterpart of the well known jQuery plugin and relies on CSS 3 columns. Check the demo on the home page of Radu's site.
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()
Impact: HTML5 + JS game engine
Impact is a game engine built on HTML 5 canvas element with JavaScript.
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