Posts / SPDY’s colon headers — Adam Prescott

Posts / SPDY’s colon headers — Adam Prescott:

'via Blog this'

How to play Zopfli with Nginx - Google Drive

How to play Zopfli with Nginx - Google Drive:

The Zopfli Compression Algorithm is a new, open sourced general purpose data compression library that got its name from a Swiss bread recipe. It is an implementation of the Deflate compression algorithm that creates a smaller output size compared to previous techniques. The smaller compressed size allows for better space utilization, faster data transmission, and lower web page load latencies. Furthermore, the smaller compressed size has additional benefits in mobile use, such as lower data transfer fees and reduced battery use. The higher data density is achieved by using more exhaustive compression techniques, which make the compression a lot slower, but do not affect the decompression speed. The exhaustive method is based on iterating entropy modeling and a shortest path search algorithm to find a low bit cost path through the graph of all possible deflate representations.

The output generated by Zopfli is typically 3–8% smaller compared to zlib at maximum compression, and we believe that Zopfli represents the state of the art in Deflate-compatible compression. Zopfli is written in C for portability. It is a compression-only library; existing software can decompress the data. Zopfli is bit-stream compatible with compression used in gzip, Zip, PNG, HTTP requests, and others.

Due to the amount of CPU time required, 2–3 orders of magnitude more than zlib at maximum quality, Zopfli is best suited for applications where data is compressed once and sent over a network many times — for example, static content for the web. By open sourcing Zopfli, thus allowing webmasters to better optimize the size of frequently accessed static content, we hope to make the Internet a bit faster for all of us.


'via Blog this'

The ultimate “target retina screens” media query

mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » The ultimate “target retina screens” media query:

There now is an abundance of devices with some sort of high-density display, from MacBook Pros to iPads, from Windows Surface tablets to all kinds of mobile phones.

All of these devices have one thing in common: In web browsers (that support the high-density screen correctly) one CSS pixel is not equal to a physical screen pixel.

In terms of CSS, to specifically target this group of devices, unfortunately there’s no easy way to say “apply this set of rules to all devices where physical pixels are not equal to CSS pixels”. Instead you have to fight through a whole forest of media query rules.

@media (min--moz-device-pixel-ratio: 1.5),

(-o-min-device-pixel-ratio: 3/2),

(-webkit-min-device-pixel-ratio: 1.5),

(min-device-pixel-ratio: 1.5),

(min-resolution: 144dpi),

(min-resolution: 1.5dppx) {

/* Retina rules! */

}

'via Blog this'

[HOWTO] Fix User lost Administrator privileges

[HOWTO] Fix User lost Administrator privileges:

Shut down the computer if it is on.
-> Press the power button to start the computer.
-> Immediately press and hold the Command (Apple) key and the "s" key for single-user mode.
-> Type "mount -uw /" and press return.
-> Type "passwd" and press return.
-> Enter new password (this will be for the root user account) and press return.
-> Type "reboot" and press return.
-> Enter Account settings and when prompted for administrator account and password, use the user name root and the password you just setup
-> Check box for you standard account to administrate box
-> If all goes well you are admin again.
I will add to this, please DISABLE the root account after you do this, or at very least, use a good, strong password."

'via Blog this'

wesleyhales.com: Adventures with the Skia Debugger

wesleyhales.com: Adventures with the Skia Debugger:

The Skia debugger was mentioned a few weeks ago at EdgeConf as a way to examine how the DOM is loaded and processed in the Chromium web browser. Skia is the open source C++ graphics library backing Chromium/Chrome. It comes with a graphical tool used to step through and analyze the contents of the skia picture format.

If you haven’t watched this video, I recommend you take a few minutes and watch the first part to understand the context of why the Skia debugger was mentioned and where it might be useful. For the impatient, there was a lot of talk around image decoding and scrolling. This morphed into a discussion about bounce rates and how scrolling really matters from an experience standpoint. Basically, if you’re scrolling sucks, users do a lot less and bounce quicker.

'via Blog this'

twitter/typeahead.js · GitHub

twitter/typeahead.js · GitHub:
Inspired by twitter.com's autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library.

'via Blog this'

Building Backbone.js apps with Backlift Part 1: Views and Templates - Gun.io

Building Backbone.js apps with Backlift Part 1: Views and Templates - Gun.io:

'via Blog this'