Mainly Data

An exploration of people and data management, the evolution of learning and the scientific method in an era of data-intensive distributed computing, and efficient knowledge capture and distribution using the web. Probably other stuff, too.

Jan 29
The image above is used by Google to implement a common technique known as CSS spriting. This technique is used by most major websites to minimize HTTP requests and hence improve page load times. As an example, Facebook loads all of the News Feed icons in a single PNG file, displayed below. And yes, reblogging this post was an excuse for me to display Facebook’s icon set, which is totally awesome—Facebook’s design team is superb. davemorin: This is crazy genius. superamit: “Google’s search pages load this 1 single image for their logo and all the UI parts and pieces, using CSS to crop the images as needed, which seems to me as 100% more effi­cient than man­ag­ing a pool of tiny images.” - Dressed In Value: Google (via Chris Glass) Smart!

The image above is used by Google to implement a common technique known as CSS spriting. This technique is used by most major websites to minimize HTTP requests and hence improve page load times. As an example, Facebook loads all of the News Feed icons in a single PNG file, displayed below. And yes, reblogging this post was an excuse for me to display Facebook’s icon set, which is totally awesome—Facebook’s design team is superb.

Facebook's icon set

davemorin:

This is crazy genius.

superamit:

“Google’s search pages load this 1 single image for their logo and all the UI parts and pieces, using CSS to crop the images as needed, which seems to me as 100% more effi­cient than man­ag­ing a pool of tiny images.” - Dressed In Value: Google (via Chris Glass)

Smart!
Posted at 8:11pm

Page 1 of 1