Skip to content

Instantly share code, notes, and snippets.

View cssmagic's full-sized avatar

CSS魔法 cssmagic

3.7k followers · 25 following
View GitHub Profile
@cssmagic
cssmagic / auto-redir-mobile.js
Last active March 11, 2018 13:18
让手机用户自动跳转到移动版网站。
var _ua = _ua || {};
_ua.str = navigator.userAgent.toLowerCase();
_ua.isAndroid = _ua.str.indexOf('android') > -1 && _ua.str.indexOf('mobile') > -1;
_ua.isIPhone = /\(i(?:phone|pod);/.test(_ua.str);
if (_ua.isAndroid || _ua.isIPhone) {
location.href = 'http://m.example.com/';
}
@cssmagic
cssmagic / labjs-seed.js
Last active December 21, 2015 16:19
我自己在用的 LABjs 种子脚本，300 字节。
(function(d){
var src='/path/to/lab.js';
if(window.$LAB){$LAB.src=src;ini()}else{setTimeout(function(){
var e=d.createElement('script');e.onload=function(){e.onload=null;ini()};
e.src=src;var s=d.getElementsByTagName('script')[0];s.parentNode.insertBefore(e,s)},0)}
function ini(){
//do some $LAB stuff here...
}}(document));
@cssmagic
cssmagic / iphone-sim-ipad.html
Created September 9, 2013 15:13
手头只有 iPhone，想测试 iPad 怎么办？
<meta name="viewport" content="initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
@cssmagic
cssmagic / github-issue-format-time.js
Created December 12, 2014 04:59
GitHub Issue 显示标准化的时间格式
$('div[id^=issuecomment-]').each(function () {
var $header = $(this).find('.timeline-comment-header-text')
var time = $header.find('time').attr('datetime')
var date = new Date(time)
var year = date.getFullYear()
var month = format(date.getMonth() + 1)
var day = format(date.getDate())
var hour = format(date.getHours())
var min = format(date.getMinutes())
var sec = format(date.getSeconds())
@cssmagic
cssmagic / bower-path.md
Last active August 29, 2015 14:12
Bower 路径问题
@cssmagic
cssmagic / ipad-viewport.html
Created January 22, 2015 14:43
迅速优化传统的非响应式网页在 iPad 下的表现
<meta name="viewport" content="width=1024, maximum-scale=1">
@cssmagic
cssmagic / border.styl
Last active December 24, 2015 06:11
`border 0` vs `border none`
#a
border 0 // => border 0 none
&.class1
border-style solid // => border 0 solid
&.class2
border 3px // => border 3px none
#b
border none // => border medium none
&.class1
border-style solid // => border medium solid
@cssmagic
cssmagic / bookmarklet.js
Last active April 14, 2016 06:11
脚本书签的写法（参考）
javascript:(function(){var l=document.createElement('link');l.setAttribute('rel','stylesheet');l.setAttribute('media','all');l.setAttribute('href','1.css');document.body.appendChild(l);var%20s%20=%20document.createElement('script');s.setAttribute('src','1.js');document.body.appendChild(s);})();
@cssmagic
cssmagic / build-es.js
Created December 25, 2018 08:11
旧代码存档：用 Rollup 打包 ES6 模块
'use strict'
var gulp = require('gulp')
gulp.task('mobile/build-es', function () {
var path = require('path')
var glob = require('glob')
var rollup = require('rollup').rollup
@cssmagic
cssmagic / survey.md
Created September 8, 2020 14:56
技术分享的调查问卷

  • 姓名 ____

  • 部门 ____

  • 本次分享/培训内容的专业性：☆☆☆☆☆

  • 本次分享/培训内容的实用性：☆☆☆☆☆

  • 本次分享/培训内容的趣味性：☆☆☆☆☆