Re: On layout & web performance by Kelly Norton
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>#lazyweb Is there any documentation about which jQuery functions/effects trigger layout? re: kellegous.com/j/2013/01/26/l…
— Dave Rupert (@davatron5000) January 28, 2013
getWidthOrHeight() used in jQuery.fn.width/height
clientLeft
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE keyboard PUBLIC "" "file://localhost/System/Library/DTDs/KeyboardLayout.dtd"> | |
| <!--Last edited by Ukelele version 2.1.10 on 2012-07-12 at 12:43 (EDT)--> | |
| <!-- | |
| An OS X US keyboard layout file with the following customizations: | |
| * Option-. ONE DOT LEADER ( ․ ) | |
| * Option-h UPWARDS WHITE ARROW ( ⇧ ) | |
| * Option-j UP ARROWHEAD ( ⌃ ) | |
| * Option-k OPTION KEY ( ⌥ ) |
| license: gpl-3.0 | |
| height: 600 | |
| border: no | |
| redirect: https://observablehq.com/@d3/u-s-map |
| @include keyframe(fadeout) { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 0; | |
| } | |
| } |
In August 2007 a hacker found a way to expose the PHP source code on facebook.com. He retrieved two files and then emailed them to me, and I wrote about the issue:
http://techcrunch.com/2007/08/11/facebook-source-code-leaked/
It became a big deal:
http://www.techmeme.com/070812/p1#a070812p1
The two files are index.php (the homepage) and search.php (the search page)
| @media only screen and (min-width: 320px) { | |
| /* Small screen, non-retina */ | |
| } | |
| @media | |
| only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), |
| <span class="tooltip" data-tooltip="Hi! I'm a tooltip!">Hover me</span> |
| /* ------------------------------------------------- | |
| MINIMAL TWITTER FOR FLUID / USERSTYLES | |
| Special thanks to: | |
| Max Fenton (@maxfenton) for kicking this off | |
| ------------------------------------------------- */ | |
| .trends, .bird-topbar-etched, .wtf-module, .site-footer, .topics { |
Last week I attempted to use the CSS sprites feature of Compass for the second or third time. It's been a struggle each time, but the power and potential is there, so I keep coming back. This time was a bit different, though, because I finally decided to stop relying on the docs and dive into the code.
Before I go into the nitty-gritty, let's take a step back and talk about why I
| %debug | |
| background-color: pink !important |
