xxjinwei

This is a Chinese version of https://gist.github.com/1207002/86f48cd3b3b72c85e6293926cf7c730de03b2f08 from lucasfais

Sublime Text 2 – 实用快捷键 (Mac OS X)

打开/前往

⌘T	前往文件
⌘⌃P	前往项目
⌘R	前往 method
⌘⇧P	命令提示

xxjinwei

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* background color */
    -webkit-text-fill-color: #333; /* color */
}

xxjinwei

// http://dailyjs.com/2014/02/20/promises-in-detail/

function Promise(fn) {
  var state = 'pending';
  var value;
  var deferred = null;

  function resolve(newValue) {
    if(newValue && typeof newValue.then === 'function') {
      newValue.then(resolve, reject);

xxjinwei

<meta name="google" value="notranslate">  

xxjinwei

border-color: rgba(0, 0, 0, .3);
background-clip: padding-box;

xxjinwei

//works ok ie8+
.middle {
    width: 600px; height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

xxjinwei

<script>
	if (Math.max(document.documentElement.clientWidth, window.innerWidth || 0) > 820) {
		document.documentElement.className += "v27"
	}
</script>

xxjinwei

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

xxjinwei

.flex-container {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        width: 100%;

}

xxjinwei

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version