yuanoook.com

imatlas.com

CSS - imAtlas

http://imatlas.com/category/web/css

回到本文主题上， 斜线拼接 是我自创的词语，因为我也不知道怎么描述这个需求，o o，实际的效果是下面所示. 但是呢，刚接到这个需求的时候，开发是抓狂的 第一反应就是用canvas画图，这得多累啊，只是要显示张图片而已，竟然还要动用一坨JS，O O “. 但是用canvas画是不行的 注 不是它不行 ，图片又让我不齿，就作罢了。 那到底要怎么做呢 我们暂时不考虑网格，先想想，怎么画一条横线呢 继续阅读…. 最近偶然看到以前做的滑动背景菜单，看了下代码，都快笑喷了 — 天啊，我竟然写过这么挫的代码! 这个属性是 timing-function: step-end; 而且firefox、webkit、ie10都有支持，详细介绍可以在这里( https:/ developer.mozilla.org/en/CSS/timing-function#step-end. 在那个时代，css2和dom level2风行，却对checkbox束手无策，苦逼的攻城师们只能用JS来模拟checkbox的行为，无辜的checkbox只能灰溜溜的束之高阁 . 继续阅读…. Compiler@NodeJS 三 - 自定义命令.

imatlas.com

智能 - imAtlas

http://imatlas.com/posts/tag/智能

更新 iSpriter – 智能合并CSS精灵图. 什么 你不知道iSpriter是什么 那你太out啦，必须先看看 这个文章. 简单的一句话介绍 基于NodeJs的开源CSS精灵图合并工具，不用改变原有的 css 编写方式，就能自动帮你解决 css sprite 的合并问题。 目前源码托管在 github https:/ github.com/iazrael/ispriter. 提供将所有图片合并成一张 同时指定maxSize可自动切分 ，并将所有css文件合并为一个文件的功能 新 2013/9/10. 这样老大检查的时候就不会抓住你问 嗯 为什么这张图超过了60KB了 检讨检讨 哈哈，所以这绝对是个延年益寿的新功能。 也是一个烂摊子 java写脚本功能的代码真不是一般的痛苦啊 至于炜哥的 GoPng. Compiler@NodeJS 三 - 自定义命令. Compiler@NodeJS 二 - 强大的管道. Compiler@NodeJS 一 – Web项目编译脚本. 更新 Template-Picker – 模板代码抽取工具. The Garden of Altas.

imatlas.com

Works

http://imatlas.com/works

详情 http:/ imatlas.com/posts/convert-picture-to-sketch-by-canvas/. 项目地址 https:/ github.com/iazrael/sketching. 在线演示 http:/ apps.imatlas.com/sketching. 安装地址 https:/ chrome.google.com/webstore/…. 详情 http:/ imatlas.com/posts/nodejs-intelligent-merge-css-sprite/. 项目地址 https:/ github.com/iazrael/ispriter. 详情 http:/ imatlas.com/css-viewer/. 项目地址 https:/ github.com/iazrael/css viewer. 安装地址 https:/ chrome.google.com/webstore/…. Compiler@NodeJS 三 - 自定义命令. Compiler@NodeJS 二 - 强大的管道. The Garden of Altas.

imatlas.com

codelet - imAtlas

http://imatlas.com/posts/tag/codelet

A href=”file.js” file.js /a. Function funcA(url, params, callback, option){ if(arguments.length = 2){ / funcA(url, callback); if(typeof params = 'function'){ callback = params; params = {}; }else{ / funcA(url, params); / . } }else { / . } }. Compiler@NodeJS 三 - 自定义命令. Compiler@NodeJS 二 - 强大的管道. Compiler@NodeJS 一 – Web项目编译脚本. 更新 Template-Picker – 模板代码抽取工具. The Garden of Altas. ImAtlas 2010-2016 Powered by imAtlas.

baidufe.com

关于Alien_Alien的笔记

https://www.baidufe.com/item/034811c6c6a7b61173eb.html

2009年毕业于 陕西西安 长安大学 - 信息工程学院 - 计算机科学与技术专业. Hi,想学习下 短网址 ，发现实验室里的 短网址 不能用了，且实验室里所有页面中导航 关于我 404了。 欢迎友链 http:/ www.tomorrowshine.com/ ，前端 服务端一枚. 回复 谢亮 : 赞 好细心的网友，哈哈，已Fix. 回复 Alien : 哈哈。 回复 谢亮 : 哈哈，又被你发现了，bug一枚，已Fix。 回复 谢亮 : 哈哈，又被你发现了，bug一枚，已Fix。 回复 Alien : 转发朋友圈后 朋友打开可以管用了按钮，这是为什么呢 我自己直接打开这个链接为什么不能用呢 你网站上的那个二维码为什么这个链接打开就能用呀 什么原. 回复 Alien : 转发朋友圈后 朋友打开可以管用了按钮，这是为什么呢 我自己直接打开这个链接为什么不能用呢 你网站上的那个二维码为什么这个链接打开就能用呀 什么原理呀. 回复 亲亲 : WeixinApi.js也正确部署了么 建议你直接扫描Github首页上的二维码事实，是在线版的demo.

xiechengxiong.com

美娘 | 冷月无声-个人网站-前端博客

http://www.xiechengxiong.com/427.html

A href= title= abbr title= acronym title= b blockquote cite= cite code del datetime= em i q cite= strike strong. All right by 谢承雄.

imatlas.com

JS - imAtlas

http://imatlas.com/category/web/js

A href=”file.js” file.js /a. Function funcA(url, params, callback, option){ if(arguments.length = 2){ / funcA(url, callback); if(typeof params = 'function'){ callback = params; params = {}; }else{ / funcA(url, params); / . } }else { / . } }. MWebView.addJavascriptInterface(new JavascriptInterface(), "custom name");. Window.custom name.xxx();/ xxx为JavascriptInterface的公有方法. 这其实跟你在浏览器的地址栏敲下 javascript alert 1 的原理是一样的。 在A页面的逻辑完成的时候，跳转到bb.example.com/a.html 进行设置key的话，写key和读取key都是同一个域了。 The Garden of Altas.

imatlas.com

使用Canvas把照片转换成素描画

http://imatlas.com/posts/convert-picture-to-sketch-by-canvas

结果发现mac上没找到能直接转换素描的软件 PS不算，可要好几步呢 ，坑爹啊 google 了下，Web上竟然也是没有直接把照片转换成素描的东西，连让我包含期望的美图秀秀 Web版 竟然都没有素描功能，T T。 等不及的童鞋可以先到这里看看效果 http:/ appx.imatlas.com/sketching/. 看看，这里只要记住这条公式 Y = 0.299R 0.587G 0.114B。 补色就是用255 8位通道模式下，255即2的8次方，16位要用65535去减，即2的16次方 减去它本身得到的值 R(补) = 255 – R。 其计算公式是 结果色 = 基色 (混合色 * 基色) / (255 – 混合色)，在 这里. 最后终于灵光一闪，想通了 还好没晕过去大睡三天 . 网上有很多C 的实现，但是基本没找到JS的。 一开始不想去理解高斯模糊，就尝试把C 代码改成JS的，改了半天，终于放弃了 想明白之后，自己照原理写了个，想不到还挺容易的，呃具体的高斯模糊原理，就在 这里. 本项目已经托管到了Github https:/ github.com/iazrael/sketching.

imatlas.com

【更新】iSpriter – 智能合并CSS精灵图

http://imatlas.com/posts/ispriter-update

更新 iSpriter – 智能合并CSS精灵图. 什么 你不知道iSpriter是什么 那你太out啦，必须先看看 这个文章. 简单的一句话介绍 基于NodeJs的开源CSS精灵图合并工具，不用改变原有的 css 编写方式，就能自动帮你解决 css sprite 的合并问题。 目前源码托管在 github https:/ github.com/iazrael/ispriter. 提供将所有图片合并成一张 同时指定maxSize可自动切分 ，并将所有css文件合并为一个文件的功能 新 2013/9/10. 这样老大检查的时候就不会抓住你问 嗯 为什么这张图超过了60KB了 检讨检讨 哈哈，所以这绝对是个延年益寿的新功能。 Input": "././test/css/", / input cssRoot "output": "././test/sprite output/css/" / output cssRoot }. 不过 config.example.json 的注释已经很清晰了，就不再细说了。 由于 iSpriter 使用了 node-canvas，而 node-canvas 依赖了 Cairo.

imatlas.com

createobjecturl - imAtlas

http://imatlas.com/posts/tag/createobjecturl

A href=”file.js” file.js /a. Compiler@NodeJS 三 - 自定义命令. Compiler@NodeJS 二 - 强大的管道. Compiler@NodeJS 一 – Web项目编译脚本. 更新 Template-Picker – 模板代码抽取工具. The Garden of Altas. ImAtlas 2010-2016 Powered by imAtlas.