lgmcolin’s gists

lgmcolin / multi-col.css

Created May 6, 2014 05:37

基本的文字排版 http://typecast.com/blog/readable-fluid-type-with-basic-css-smarts?utm_source=CSS-Weekly&utm_campaign=Issue-108&utm_medium=web

	body {
	background: #FFFAFD;
	font-size:100%;
	line-height:1.5;
	font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
	}

	header {
	width:100%;
	margin: auto;

lgmcolin / sass1

Created April 16, 2014 06:48

sass 缓存值 http://www.sitepoint.com/caching-values-sass-mixins/

	// ----
	// Sass (v3.3.4)
	// Compass (v1.0.0.alpha.18)
	// ----

	// Map storing values when the mixin is being called
	$cache: (
	width : (),
	height : (),
	);

lgmcolin / merge-descripe

Last active August 29, 2015 13:57

merge-descripe简单实现属性继承 from： https://github.com/component/merge-descriptors

	module.exports = function (dest, src) {
	Object.getOwnPropertyNames(src).forEach(function (name) {
	var descriptor = Object.getOwnPropertyDescriptor(src, name)
	Object.defineProperty(dest, name, descriptor)
	})

	return dest
	}

	// called

lgmcolin / jq-goTop

Created January 19, 2014 02:14

jquery Go-top插件

	(function($){

	$.GoToTop = {
	defaults: {
	autoShow : true,
	timeEffect : 500,
	effectScroll : 'linear',
	appearMethod : 'slide'
	},

lgmcolin / node_dirCopy

Created January 17, 2014 08:01

node 简单文件复制

	var fs = require('fs'),
	path = require('path');

	exports.merge = function(src,des,cb){
	if(!cb) cb = function(){}

	var src = path.resolve(src),
	des = path.resolve(des);
	if(src.indexOf(des)){
	return cb(new Error('error'));

lgmcolin / es5_Array

Created January 16, 2014 07:37

ECMAScript array method，兼容ie6-8

	/**
	* ES5中新增数组方法的兼容实现
	* method：// forEach map filter some every indexof lastindexof reduce reduceRight
	*/
	if(typeof Array.prototype.forEach != 'function'){
	Array.prototype.forEach = function(fn,context){
	if(typeof fn === 'function'){
	for(var i = 0,length = this.length; i<length; i++){
	fn.call(context,this[i],i,this);
	}

lgmcolin / phoneCollector_1

Last active January 1, 2016 12:29

移动端代码片段mark

	/*
	* 1. media query
	* 2. meta标签
	* 3. link标签
	* 4. retina解决方案
	* 5. 判断手机或平板
	* 6. 关闭自动大写与自动修正
	* 7. 被点击元素外观变化，可以通过样式来设定
	* 8. 阻止旋转屏幕是自动调整字体大小
	**/

lgmcolin / collector_1

Last active January 1, 2016 12:29

页面代码片段mark

	/**
	* 1. 清除浮动
	* 2. 固定Footer在页面底部的跨浏览器解决方案（2种方法实现）
	* 3. css透明度opacity
	* 4. @font-face语法
	* 5. 浏览器hack
	* 6. PNG32透明(IE6)
	* 7. 让IE9以下的版本支持HTML5
	* 8. 文本溢出省略
	* 9. 线性渐变（兼容）

lgmcolin / reversal

Created December 25, 2013 10:03

css3 transform实现简单翻转

	/**
	part of html
	<div id="box">
	<div id="preserve-box">
	<div class="front">我是正面</div>
	<div class="bottom">我是反面</div>
	</div>
	</div>
	**/

lgmcolin / my reset

Created December 25, 2013 09:59

Reset CSS，Essentially Eric Meyer's reset( http://meyerweb.com/eric/tools/css/reset/ ), I've made a few tweaks that make his reset more palatable to my tastes.

	/* 浏览器样式重置
	----------------------------------*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,menu{
	margin:0;
	padding:0;
	}
	article,aside,dialog,footer,header,section,footer,nav,figure,menu{
	display:block;
	}
	table{

tommy lgmcolin