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

*Programming Arctext.js – Curving Text with CSS3 and jQuery

Submitted 7 days ago (more from tympanus.net)

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. Oh yeah, you can animate it, too.

*HTML/CSS Beautiful Web Type - A showcase of the best typefaces from Google web fonts

Submitted 20 days ago (more from hellohappy.org)

There are currently 404 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.

*Programming JavaScript Pattern Collection

Submitted 24 days ago (more from shichuan.github.com)

A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns.

*Programming PxLoader - A Simple JavasScript Preloader

Submitted 24 days ago (more from thinkpixellab.com)

A Javascript library that helps you download images, sound files or anything else you need before you take a specific action on your site. It let's you monitor download status by providing progress and completed events and it lets you prioritize the order in which items are downloaded. You can even tag groups of files and then prioritize downloads or register for events by tag.

*Accessibility Color Oracle - Design for the Color Impaired

Submitted 55 days ago (more from colororacle.org)

A color blindness simulator for Windows, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see. Color Oracle applies a full screen color filter to what you are designing - independently of the software in use. Eight percent of all males are affected by color vision impairment.

*Miscellaneous Firefox extensions – tons of tools for web developers!

Submitted 70 days ago (more from hacks.mozilla.org)

One of the goals of Firefox have always been to make the lives of web developers as easy and productive as possible, by providing tools and a very extensible web browser to enable people to create amazing things. The idea here is to list a lot of the tools and options available to you as web developers using Firefox.

*Miscellaneous Front-end Code Standards & Best Practices

Submitted 80 days ago (more from na.isobar.com)

This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.

*Programming Third Party JavaScript

Submitted 80 days ago (more from engineering.socialcast.com)

As an invited guest in a foreign place, you should be both respectful and cautious of the new environment. This article discusses the concept of integrating 'third party' JavaScript into web pages and how such incursions can be framed in diplomatic terms. If you're building a system to be included on third party pages using JavaScript, this is worth a read.

*Miscellaneous Shapecatcher - Unicode Character Recognition

Submitted 81 days ago (more from shapecatcher.com)

You know what some character looks like, but you've forgotten its name or its Unicode code point. Now what do you do? Shapecatcher helps you to find specific Unicode characters, just by sketching their shape. Currently about 10000 of the most important Unicode characters are compared to your sketch and are analysed for similarities.

*Usability Redesigning the Country Selector

Submitted 87 days ago (more from baymard.com)

Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization. Works for any large select / dropdown menu list not just a list of countries.