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'