Posted via email from GLTSS
Friday, January 7, 2011
Wednesday, December 1, 2010
Tuesday, November 2, 2010
Wednesday, October 6, 2010
Friday, September 24, 2010
Wednesday, September 8, 2010
Tuesday, September 7, 2010
Compress CSS and JavaScript Using PNGs and Canvas
This is a sneaky trick. It was devised by Jacob Seidelin at Nihilogic.dk and has been used by some participants in the 10K An Event Apart competition, though there is some contention as to whether it’s in keeping with the spirit of the event.
That said, it’s interesting to see how it’s done, so let’s have a look. Here are the steps:
1. Minimize your application
The first step is to squeeze your final CSS and JavaScript to the smallest possible size using any decent compression tool.2. Encode your CSS and JavaScript as a graphic
This is the tricky part. You need to convert your ASCII-encoded CSS and JavaScript files into a single binary image. The PNG format is best because it’s lossless (your code is preserved), uses zlib compression, and is supported by all browsers.Web developer Cal Henderson has published his research and PHP/Perl code that converts code to an image using various formats such as 1-bit, 8-bit, 24-bit, and so on. You can view the jQuery library as a 1-bit square here.
The PNG can be reduced in size further using tools such as Smush.it and PNGOUT.
3. Extract the code from the image
We now need to load the image and convert it back to executable code. This can be achieved by loading the image into acanvaselement using thedrawImage()method. Individual pixels are then read usinggetImageData(), and converted to a string that can be passed toeval()or embedded into the DOM.
Posted via email from GLTSS
Wednesday, September 1, 2010
Wednesday, August 18, 2010
Monday, August 16, 2010
Tuesday, August 3, 2010
Wednesday, July 28, 2010
Thursday, June 3, 2010
Building Android Apps with HTML, CSS, and JavaScript
Abstract
Note
You are reading the text of an O'Reilly book that's under development. The author is publishing the book to this site as it's being written, and we're putting it here to get feedback from you. This book uses the Open Feedback Publishing System (OFPS), an O'Reilly experiment that tries to bridge the gap between private manuscripts and public blogs.
Next to every paragraph, there is a link you can use to comment on what you're reading. We are grateful for any feedback you have: questions, comments, suggestions, and corrections are all welcome and appreciated.
Learn more and preorder at the book's catalog page.
Posted via web from GLTSS