cancelBubble is a collection of useful links by and for professional web designers and developers.

Custom styling of the SELECT elements

Submitted by matt 2 days ago (more from cssglobe.com)

Recently I have been asked by my client to some custom styling on form elements. As you know we have no issues (well, at least no major issues) when it comes to prettifying input fields, text areas and buttons. But the form I needed to apply custom design to contained couple of select elements. Now this is something that's not that simple.

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

Submitted by matt 26 days ago (more from jquerymobile.com)

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Boomerang - Measures Website Performance From End User's View

Submitted by matt 28 days ago (more from yahoo.github.com)

A piece of javascript that you add to your web pages, where it measures the performance of your website from your end user's point of view (perceived performance). It has the ability to send this data back to your server for further analysis. With boomerang, you find out exactly how fast your users think your site is.

What is a non-blocking script?

Submitted by matt 30 days ago (more from nczonline.net)

There are basically two ways to achieve non-blocking (aka asynchronous) JavaScript downloading: create a script node dynamically and use the HTML5 async attribute of a tag. Combining this with the capability of parallel script downloads in newer browsers means that your page can take less time to render fully to the user. Try to avoid blocking JavaScript downloads whenever possible.

MediaElement.js - HTML5 video player in CSS with Silverlight and Flash fallbacks

Submitted by matt 42 days ago (more from mediaelementjs.com)

A JavaScript library to embed video in HTML5 formats with fallback in Silverlight or Flash.

Google JavaScript Style Guide

Submitted by matt 56 days ago (more from google-styleguide.googlecode.com)

The point of having style guidelines is to have a common vocabulary of coding so people can concentrate on what you're saying rather than on how you're saying it

The mobile developer’s toolkit

Submitted by matt 57 days ago (more from davidbcalhoun.com)

You’re no mobile developer unless you have the tools to develop on mobile! And while it’s good to own at least one of the smartphones you’re developing on, it’s not realistic buy several other unlocked smartphones just to test with. So you should have the next best thing: an SDK! But an SDK is just one of the tools of the trade. Here’s links to more things to get you started!

Optimizing javascript/jQuery loading time, a beginner’s guide

Submitted by matt 57 days ago (more from position-absolute.com)

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the head document. With LABjs you can load your scripts simultaneously and specify an executing order. From my tests with dynatrace, the javascript loads 3x more rapidly using LABjs,

Style Your Site According to the Weather with jQuery

Submitted by matt 58 days ago (more from line25.com)

By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. We’ll start by creating four backgrounds for sun, rain, snow and cloudy, then use a clever jQuery script to pull in the forecast. To finish things off, we’ll even create a cool manual override, allowing users to switch through the themes.

Pixastic - JavaScript Image Processing Library

Submitted by matt 106 days ago (more from pixastic.com)

An experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more. Pixastic works by utilizing the HTML5 Canvas element which provides access to raw pixel data.