Skip to content

Instantly share code, notes, and snippets.

@ambar
ambar / demo.html
Created February 2, 2012 06:30
chrome 中页面缩放时保持布局
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Page Zoom Test</title>
<style type="text/css">
body{
font:20px/1.5 Cambria,Georgia,serif;
}
@ambar
ambar / 1.js
Created April 15, 2012 09:50
html 5 autofocus pollfill
var support = function(attr) { return attr in document.createElement('input') }
if ( !support('autofocus') ) {
$('input[autofocus]', $form).focus()
}
@ambar
ambar / closure_listen_event_bug.md
Created April 25, 2012 15:44
Closer Library 特定版本编译可能会产生不能意料的 BUG

goog.events.listen bug

来源

原始代码:

// closure_library_path/closure/goog/events/events.js L222
// goog.events.listen = function(src, type, listener, opt_capt, opt_handler) {....
// Attach the proxy through the browser's API
@ambar
ambar / bookmarklet.js
Created May 10, 2012 05:32
timing bookmarklet
javascript:void function(a,b){var c=a.navigationStart;console.info(b.map(function(k){var t=a[k];return[k,t?t-c:'-zero-'].join('\t')}).join('\n'))}(performance.timing,['navigationStart','unloadEventStart','unloadEventEnd','redirectStart','redirectEnd','fetchStart','domainLookupStart','domainLookupEnd','connectStart','connectEnd','secureConnectionStart','requestStart','responseStart','responseEnd','domLoading','domInteractive','domContentLoadedEventStart','domContentLoadedEventEnd','domComplete','loadEventStart','loadEventEnd',])
@ambar
ambar / justify.less
Created July 2, 2012 03:41
ie7 align justify
// 为兼容 ie7, 用恰当的边距代替两端对齐:可见间隙2个,实际上三个——第三个处于负边距
@item-gap: floor( (960px - 245 * 3) / 2 );
.list {
padding-bottom: 35px;
margin-right: -(@item-gap + 2); // 可能被取整过,保持溢出
letter-spacing: -2px;
}
.item {
@ambar
ambar / clickable.html
Created July 10, 2012 09:48
clickable
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
a {
/*text-decoration: none;*/
}
@ambar
ambar / _.css
Created July 30, 2012 02:59
css line break
/*
http://stackoverflow.com/questions/65849/how-to-insert-line-breaks-in-html-documents-using-css/66000#66000
*/
a:before {
content: '\a';
white-space: pre;
}
@ambar
ambar / _.md
Created August 9, 2012 09:49
chrome formatblock bug

在 pre 标签或具有 pre-wrap 样式的容器中, para a 和 para b 之间有一个 TextNode 内容为 '\n' , 此时执行 document.execCommand('formatblock', false, 'blockquote') 然后 para b 被克隆了。

Chrome/21.0.1180.75 Safari/537.1

@ambar
ambar / _.html
Created August 15, 2012 13:40
Maxthon 3.42 line break bug
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#editable {
padding: .5em;
min-height: 200px;
border: 1px dotted gray;
@ambar
ambar / chain.coffee
Created August 20, 2012 12:25
coffeescript chain
chain = (o, fn) -> () -> fn.call o
$body = $ document.body
do chain $body, ->
@css 'background','sienna'
@addClass 'sienna'