之前有一篇博文提到过node-webkit和有道的hex,今天就node-webkit开发做一个详细介绍吧。 顾名思义,node-webkit就是nodejs+webkit。这样做的好处显而易见,核心奥义在于,用nodejs来进行本地化调用,用webkit来解析和执行HTML+JS。
快速上手
下载node-webkit
点击这里...
分类:
Web程序 时间:
2014-09-05 11:23:51
阅读次数:
211
1.-webkit-tap-highlight-color-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)-webkit-tap-highlight-color...
分类:
移动开发 时间:
2014-09-05 09:59:41
阅读次数:
248
昨天在项目中遇到要在一个输入框中使用缩进的情况,要用text-indent首行缩进2个文字。然后发现在webkit下,在输入框内容为空的时候,光标位置没有缩进,还是在行首,输入任意字符后,缩进才被激活。HTML代码如下:这里无论是input元素还是textarea,或是其它设置了contentEdi...
分类:
Web程序 时间:
2014-09-04 14:49:29
阅读次数:
160
1、 放大图片:/*galleryImage css*/ a.galleryImage{ display:block;}.galleryImage img{ transition:all .4s ease-out;-webkit-transition:all .4s ease-out;}.galle...
分类:
Web程序 时间:
2014-09-04 09:35:17
阅读次数:
168
最常见的私有属性是用于Webkit核心浏览器的(比如, Safari), 它们以-webkit-开始,以及Gecko核心的浏览器(比如, Firefox),以-moz-开始,还有Konqueror (-khtml-)、Opera (-o-) 以及Internet Explorer (-ms-)都有它...
分类:
Web程序 时间:
2014-09-03 14:44:46
阅读次数:
293
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3...
分类:
移动开发 时间:
2014-09-03 14:28:57
阅读次数:
209
今天在做时间滑动条的时候,遇到box-sizing的问题,记录下来。举个例子,下面的布局: (1)css中没有加下面的设置:* {-webkit-box-sizing: border-box;-moz-box-sizing: border...
分类:
其他好文 时间:
2014-09-02 21:11:55
阅读次数:
267
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。代码示例在head标签中添加一行代码: content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内...
分类:
其他好文 时间:
2014-09-02 17:24:05
阅读次数:
173
经过国内厂商的几轮营销轰炸,不少人都知道了浏览器有内核的概念,那么相对地,就有外壳/应用层(Shell)。十年前,用户就只对外壳有认知,直到今天这几个东西仍是标配:在HTML5/CSS3的时代,内核向Web OS发展,用户感受到在浏览器里能体验的东西越来越多。W3C被开源项目推进而制定出了很多新标准,浏览器渐渐演绎成操作系统虚拟机,模拟系统SDK提供各种API给Javascript访问系统设备。开...
分类:
Web程序 时间:
2014-09-02 14:10:34
阅读次数:
254
效果如图~ 鼠标悬停在左侧和右侧这6个链接时,会显示一个带提示文字的层。中间的两个链接无提示层。浏览器前缀只写了webkit的,低版本IE未做js兼容,只是简单的排列。(好吧,一方面没什么确定的思路,不过我想应该是要在鼠标处于悬停时获取鼠标相对于菱形盒子的x,y坐标,求x/y的值来判断有没有超出盒子...
分类:
其他好文 时间:
2014-09-02 00:17:03
阅读次数:
288