Archive for the ‘JavaScript’ Category

45 Powerful CSS/JavaScript Techniques

Tuesday, January 12th, 2010

A list of tutorials to do some very clever things with CSS and JS. Some notables:

Advanced Event Timeline With PHP, CSS & jQuery
Sproing! – Make An Elastic Thumbnail Menu
Sticky SideNav Layout with CSS
Simply-Buttons v2
A Colorful Clock With CSS & jQuery

45 Powerful CSS/JavaScript-Techniques – Smashing Magazine

SproutCore: HTML 5 Framework

Thursday, December 31st, 2009

I was looking to see if there were any frameworks for HTML 5 and came across SproutCore.  It’s an MVC framework and has some similarity to GWT in that it compiles all the code into HTML/JS/CSS that should work across browsers without plug-ins.  Also like GWT, it has a bunch of panels, buttons, and controls [...]

A JavaScript Optimizer

Thursday, November 12th, 2009

I’ve been learning about Clojure over the last month or two, which is a dialect of the Lisp programming language that compiles to the JVM.  That has nothing to do with this blog except that it led to finding Google’s Closure Tools.

Closure Tools include a JavaScript Optimizer, a comprehensive JavaScript library, and an easy templating [...]

Tools to Visualize Data

Wednesday, September 16th, 2009

I was doing some research on tools to create interesting visualizations of data and ran across this very interesting visualization from Gapminder.org tracking infant mortality rate versus per capita income for a variety of countries over time—with country population thrown in for good measure. That’s 5—yes, count them 5—”dimensions” of data. It takes the form [...]

Fancy Fonts with Cufon

Wednesday, July 15th, 2009

Janet recently found a site that is using non-standard fonts for most of their text.  As we explored the site to figure out how they were doing this, we found Cufon.  Cufon allows for text replacement similar to sIFR, but without the use of Flash.  This opens up design possibilities using more fonts without making [...]

Michael Jackson, the Slowing of the Web, and iframe Widgets

Monday, June 29th, 2009

On Thursday, as the world was looking to the internet for information about Michael Jackson, the internet came to a crawl.  The initial assumption was that news sites simply weren’t equipped to handle the spike in traffic that such an event would cause.  Even Google News flagged the surge as an automated attack.  According to [...]

Tiny in-line graphs and charts with JQuery

Tuesday, June 2nd, 2009

I found a JQuery plugin which allows you to put tiny in-line graphs and charts into your HTML with “one line of Javascript”. (For the picky people, no this is not counting all of your data prep work and initialization of JQuery). Very clean and very configurable, lots of options.

I would’ve really liked [...]

Faster websites – Improving User Experience

Wednesday, May 27th, 2009

At Google I/O (Google’s developer conference), Steve Souders (the creator of YSlow) presented a few ideas for making websites even faster.

When it comes to optimizing a website for speed and user experience, there’s only so much you can do from the backend.  The most room for performance improvement is in client-side frontend.  Anywhere between 80 [...]

Javascript Slideshow

Monday, December 29th, 2008

We’ve been using flash for a simple slideshow features on some client sites. I decided to look into using Javascript/jQuery to provide the same functionality.  I used the jQuery Cycle plugin and made some additions to allow for better control of image preloading.

Why switch?
-Eliminate the dependence on Flash.  Users who don’t have flash installed [...]

Interesting Toolkit for breaking strings that are too long for layout

Tuesday, October 14th, 2008

This is something we’ve all had to deal with at one time or another. I thought that this article had an interesting take on the problem. The author also provides all the code to take care of breaking on spaces.

The interesting part was that he programmatically inserts “invisible” spaces into words that are [...]