cssmagic’s gists

cssmagic / bookmarklet.js

Last active Apr 14, 2016

脚本书签的写法（参考）

      
        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 / border.styl

Last active Dec 24, 2015

`border 0` vs `border none`

View border.styl

      
        #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 / ipad-viewport.html

Created Jan 22, 2015

迅速优化传统的非响应式网页在 iPad 下的表现

View ipad-viewport.html

cssmagic / bower-path.md

Last active Aug 29, 2015

Bower 路径问题

View bower-path.md

Sass 有方案

http://anthonyshort.me/using-bower-with-sass-and-compass/

Compass 也有办法

https://coderwall.com/p/bhb0pq/using-bower-with-compass

对 Bower 的改进建议（但是没看懂）

cssmagic / github-issue-format-time.js

Created Dec 12, 2014

GitHub Issue 显示标准化的时间格式

View github-issue-format-time.js

      
        $('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 / iphone-sim-ipad.html

Created Sep 9, 2013

手头只有 iPhone，想测试 iPad 怎么办？

View iphone-sim-ipad.html

      
        <meta name="viewport" content="initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">

cssmagic / jshint-option.js

Last active Dec 21, 2015

我现在在用的 JSHint 校验选项。

View jshint-option.js

      
        /*global _, $, $LAB */
      
        /*jshint bitwise:true, eqeqeq:true, forin:true, immed:true, latedef:true, newcap:true, undef:true,
      
            trailing:true, sub:true, browser:true, devel:true, maxlen:100 */

cssmagic / labjs-seed.js

Last active Dec 21, 2015

我自己在用的 LABjs 种子脚本，300 字节。

View labjs-seed.js

      
        (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 / auto-redir-mobile.js

Last active Apr 28, 2016

让手机用户自动跳转到移动版网站。

View auto-redir-mobile.js

      
        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/';
      
        }

CSS魔法 cssmagic