cycold

/* -- Android webkit mobile optimizeLegibility bug --
      
      A noticeable rendering bug when using the 
      Cross-browser kerning-pairs & ligatures css 
      declaration (text-rendering: optimizeLegibility;)
      where the anchor links are highlighted and set 
      just above the actual text. This makes it difficult
      to touch activate the link properly.

      Use Modernizr to detect for touch events &

cycold

li {
        width: 200px;
        min-height: 250px;
        border: 1px solid #000;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;

cycold

*{margin:0;padding:0;}

.box{
  height:200px;
  width:300px;
  background:pink;
  margin:30px auto;
  font-size:0;
}
.box:before{

cycold

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

cycold

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

cycold

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

cycold

[
	{ "keys": ["alt+/"], "command": "auto_complete" },
	{ "keys": ["ctrl+shift+c"], "command": "toggle_side_bar" },
	{ "keys": ["ctrl+shift+g"], "command": "find_all_under" },
	{ "keys": ["ctrl+shift+x"], "command": "open_dir", "args": {"dir": "$file_path", "file": "$file_name"} },
	{ "keys": ["ctrl+shift+s"], "command": "reveal_in_side_bar"},
	{ "keys": ["ctrl+shift+z" ], "command": "view_in_browser" }
]

cycold

{
	"folders":
	[
		{
			"follow_symlinks": true,
			"path": "text_notes"
		},
		{
			"follow_symlinks": true,
			"path": "H"

cycold

<?php

add_action('admin_init', 'add_meta_boxes', 1);
function add_meta_boxes() {
	add_meta_box( 'repeatable-fields', 'Audio Playlist', 'repeatable_meta_box_display', 'post', 'normal', 'high');
}

function repeatable_meta_box_display() {
	global $post;

cycold

.container{
  width:95%;
  height:200px;
  background: #f90;
  margin: 10px auto 0;
  position: relative;
}

/*
  这里将left, right设为0 那么如果设置margin左右auto,就会   和relative定位的margin左右auto居中效果一致