Skip to content

Instantly share code, notes, and snippets.

View lgmcolin's full-sized avatar

tommy lgmcolin

15 followers · 80 following
  • 广州
View GitHub Profile
@lgmcolin
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
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
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
lgmcolin / jq-goTop
Created January 19, 2014 02:14
jquery Go-top插件
(function($){
$.GoToTop = {
defaults: {
autoShow : true,
timeEffect : 500,
effectScroll : 'linear',
appearMethod : 'slide'
},
@lgmcolin
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
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
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
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
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
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{