git.shepherdwind.com
joycss.org
http://git.shepherdwind.com/joycss.org.html
Fork me on GitHub. Joycss将自动拼图过程中,分为css输入、图片位置计算、图片生成、css生成几个过程,其 中图片生成过程可以不执行,在图片生成后,可以对图片进行后续操作,并重新执行css 写 入过程。 Joycss -c index.less. Shop-tabs .tab-nav { padding: 0 8px; background: url(./img/tab-nav-line.png? Line) 0 11px no-repeat; } . .end-part .col-vote .vote-detial .vote-info { background: url(./img/slice-12.png? Line&bottom=20) no-repeat 0 5px; padding-left: 22px; line-height: 20px; } . 对应标注图中2.3,下面留白20px,默认情 况,bottom和right都是10px间距,如果3. 部分。 上图中,还包含了右对齐(2.1),水平方向 平铺(2.2)。 Npm install -g joycss.
git.shepherdwind.com
less css 同样样式集合
http://git.shepherdwind.com/less-mix.html
Text-overflow() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }. 0' t:t;return '#' t color.substr(1)}("@{color}","@{fade}")`; filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=@{rgbahex}, endColorstr=@{rgbahex},GradientType=0 )"; }. Comments powered by Disqus.
git.shepherdwind.com
css sprite技术与joycss
http://git.shepherdwind.com/let-us-enjoy-css.html
首先看看smartsprite,是个java包,首先它是跨平台的,命令行工具,这两个特性决定了 它是可以集成于发布过程,使用拼图工具,就像使用less一样,需要能够非常方便的从开发 模式到发布模式的切换,过程中会有非常多的调试过程,为了保障自动拼图工具能够方便后 续维护,就必须做到能够方便的编译发布,如果是命令行工具,做到这一点还算容易,可以 和很多其他编译命令一起执行。 Ruby: images directory to css. Js, require: node-canvas, packing algorithm: Packing Lightmaps. Ruby, directory, bin packing. Python : directory : bin packing, diagonal-sprites. Comments powered by Disqus.
git.shepherdwind.com
joycss文档
http://git.shepherdwind.com/joycss.html
安装 npm install -g joycss / 最简单执行 joycss xx.css / 显示帮助信息 joycss -h. Joycss -casi example.css. 表示使用close,alpha,source,important四个方式组合, 意思是,使用紧凑拼图,生成png24图片,使用.source.css文件作为输入,并且在sprite 图片后面增加! Joycss a.css -casi. Joycss -c a.css -a -si. H, - help. V, - version. Y, - vertical. C, - close. A, - alpha. W, - white. S, - source. Acss到a.source.css,sprite后生成文件为a.css,以后情况下,如果a.source.css存. I, - important. U, - upload. N, - nochange. Url: 'http:/ a/xx.png'}. Id=1&way=h) repeat-y 0 0; width: 480px; }. 默认 情况下,不写repe...
git.shepherdwind.com
Plum文档
http://git.shepherdwind.com/plum
Fork me on GitHub. 使用tms预览模式解析, 0.3.6开始支持cms语法. Groups":{ "statics" : [".css",".js","imgs",".swf"], "imgs" : [".png", ".gif", ".jpg", ".ico"] }. Hooks":{ ".css":["less"], ".php":["php/tms", "php/proxy"] }, "servers":{ "a.tbcdn.cn": { "path":"/Users/eward/assets", "hooks":{ "statics":["proxyAll"] }, "maps":{ "/tmse/5137/assets/":{ "path" : "/Users/eward/Sites/dev/nongye/sdk/assets/", "hooks":{ "statics" : ["statics"] } } } } }. 第8行,配置为第二层,域名 a.tbcdn.cn下的规则,第三层为域名之下的某个目录,第14行。 Path: ' , ext: []}]. Origin b...
git.shepherdwind.com
特殊符号收集
http://git.shepherdwind.com/special-symbols.html
O( ' ' )o べòべ. 注,下表中 都是空格,主要的差异还不很清除,第二个为全角空格。 E N G - - - - - - shepherdwind 风牧 U / / / / - - - - - - - - - - - - - - - - - - - - / - - / / - - - - - - / - - - - - - - - - - - - - - - - - - - - - - - - - - - -. Comments powered by Disqus.
git.shepherdwind.com
从二进制到现实世界的模拟
http://git.shepherdwind.com/binary-system-in-computer.html
一个简单的数字用一个字节来表示就行,一个字节是八位二进制,最大的数字256 由于需要使用第一位来表示负号,所以,8位的实际只有7位表示数值,最为128 00000010 二进制数字2的计算机表示 00000101 二进制数字5的计算机表示 - - - - - - - 00000111. 乘法十进制3 5 00000011 十进制3 00000101 - - - - - - - 00000011 00001100 这里的算法和十进制是一样的,1*1=1,1*0=0,在计算机 - - - - - - - 贮存中,我们只需要对数字进行相应的位移即可。 Comments powered by Disqus.