CSS Sprites: What They Are, Why They're Cool, and How To Use Them

„Do you really understand them? The name might be a little misleading, because sprites arenâ?t little images like you might be picturing, a sprite is actually one big image. Have you ever seen the CSS technique where the â?oeonâ? and â?oeoffâ? states of a button are contained within the same image and are activated by shifting the background-position? Think of CSS Sprites as an extension of that technique. The difference is that instead of just two or three images being combined into one, you can combine an unlimited number of images into one.“

CSS Sprites: What They Are, Why They're Cool, and How To Use Them

Improve website load time by 500% with 3 lines of code | Aciddrop.com

„There are 4 relatively easy ways by which you can speed up the time it takes a browser to download a page:

* Make fewer HTTP requests
* Add a far-future expires header
* Gzip your page’s components
* Minify your JavaScript, CSS and HTML

Following on from my post on joining CSS and JavaScript files, I have written a PHP script which will automatically do all of the above. All you have to do is call the following at the top of your page:“

Improve website load time by 500% with 3 lines of code | Aciddrop.com

Agile Ajax: Rails Development for iPhone with rails_iui

„I’ve been doing some web development for iPhone and Mobile Safari lately, not least because of a series of articles that will be showing up in IBM DeveloperWorks soon.

I was using the iUI toolkit, which contains a number of CSS styles and JavaScript event handlers to make iPhone Web apps look and feel somewhat like native iPhone applications. As I was working with iUI, I realized I was building up a library, so I converted everything to a Rails plugin: rails_iui.

Get the plugin from github: git://github.com/noelrappin/rails-iui.git

Right now the plugin is primarily interested in doing a few things:

It contains a rake task to download iUI, move it’s files to the Rails public directories, and change the CSS image URL’s accordingly.

There’s a controller class method acts_as_iphone_controller, calling that sets up a before filter that captures the Mobile Safari user agent string and sets the request format to iphone for use in respond_to blocks. For testing purposes you can call the method as acts_as_iphone_controller(true), and all calls will be treated as iPhone requests.

There is a module of helper methods that are wrapper methods or combinations of iUI CSS classes. Included are:

*

A method for creating the iPhone toolbar at the top of the view.
*

Methods for creating the iPhone list structures from a list of elements that know their associated URLs, including a grouped list in the style of the iPod application
*

Rounded rectangle classes
*

A form helper for the iPhone toggle button, as seen in the settings page.
*

A method to specify an Ajax callback when the phone changes orientation“

Agile Ajax: Rails Development for iPhone with rails_iui

960 Grid System

„Essence

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Dimensions

The 12 column grid is divided into portions that are 60 pixels wide. The 16 column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns.
Purpose

The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements. „

960 Grid System

Behaviour : Using CSS selectors to apply Javascript behaviours

„AJAX (asynchronous javascript and xml) has been getting a lot of press lately. It is seen as a way to add desktop-application functionality to html pages. Things like Drag and drop, Fluid animations and Dynamic page updates.

It’s great to see public uptake of these technologies – but it worries me to see the influx of tags and onclick attributes into webpages.

After all the work of WASP and others to promote clean markup, valid pages and graceful degradataion via css – it sucks that we’re going back to tag soup days by throwing javascript tags into our html.

The better way to do javascript is to do it unobtrusively. PPK and Simon Willison have been recommending this approach for ages. And it’s definitely the way to go. The only problem is that it’s a bit of a pain in the ass.

That’s why I came up with Behaviour – my solution to unobtrusive javascript behaviours.

How does it work?
Behaviour lets you use CSS selectors to specify elements to add javascript events to“

Behaviour : Using CSS selectors to apply Javascript behaviours

Behaviour : Using CSS selectors to apply Javascript behaviours