如果我们把input的type设置为submit,是的,提交表单经常需要submit按钮,就像下面这样:
.代码
"submit"class="button"value="登录"/>
你会发现submit初始状态就是这种焦点获取的黑框样式:精心开发5年的UI前端框架!
怎么办?如果设置border:n...
分类:
其他好文 时间:
2014-10-08 16:34:45
阅读次数:
234
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.
常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-ex...
分类:
其他好文 时间:
2014-10-08 16:03:15
阅读次数:
420
如果标题换做“用户体验”,感觉大了些,自己毕竟不是这方面的专家,在这里只是谈谈自己的感受。
我还记得很早的时候自己学做网页制作,那时不晓得链接如何从新窗口打开,也不关心这些,因为网页 只是起到一个宣传简介的作用,后来多了友情链接这个东东,是的,那时还没有多标签多选项卡的浏览器出现,大家都用着IE6之类的窗口浏览器,于是那时候大 家养成了个习惯,就是打开一个页面,等浏览结束后下意识的去关浏览窗...
分类:
其他好文 时间:
2014-10-08 15:28:35
阅读次数:
208
我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法 将通不过W3C的校验,会出现如下错误提示:
"there is no attribute targetfor
this elem...
分类:
其他好文 时间:
2014-10-08 14:55:05
阅读次数:
178
在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。
.div {
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*Mozilla*/
}
用下面的样式表定义你的div可以有各种过...
分类:
Web程序 时间:
2014-09-30 16:50:39
阅读次数:
190
大家垂涎于成为自由网页设计师的理由有成千上万个,其中三大主要的即是经济自由,创作自由,以及你可以在任何你喜欢的地方工作。但是,我现在要告诉 你,为什么这是一个坏主意。你也许有成百上千的理由讨厌你目前的工作。也许,你偶尔打电话请病假,仅仅是想多多休息一天,而并不在乎这一天的工资。又或 许,你从两周前就一直推拖着朋友的邀请?小而简单的理由也会有重大的影响。
我可以列举100个你为什么不该做自由网...
分类:
Web程序 时间:
2014-09-30 16:49:39
阅读次数:
292
很多飞鱼的声纳的读者常会询问我类似于上图中的按钮的光效是怎么做出来的?其实非常简单,新建图层,笔刷或椭圆画出白色,高斯模糊,再将图层混合模 式更改为图层叠加就可以了。但是这篇文章里我们不讨论具体的技术,而来看看如同上面的按钮通过白色的叠加创建出按钮的高光,我们来了解一下图层叠加模式在 网页设计中的应用,再通过不同的实例来深层次的了解图层叠加混合模式的基本效果,将其更自由的应用于我们的设计中。精心开...
分类:
Web程序 时间:
2014-09-30 15:59:59
阅读次数:
271
每天上班的时候,我允许自己上几次网,放松一下。Tumblr、Gawke对我的吸引力就像糖果对孩子的诱惑。
有一家网站是我从来都不会错过的,那就是《每日邮报》的网络版Mail Online。这家英国小报的网络版充斥着各种明星绯闻和道德败坏新闻的报道。当然,这家媒体吸引的不仅仅是我。目前,在独立访问用户方面,Mail Online已经超过《纽约时报》、《卫报》等其他网络媒体。去年的营收达到400...
分类:
Web程序 时间:
2014-09-30 14:52:29
阅读次数:
252
几个月前我就打算开始学习html5,但是当时有一个非常扯淡的想法:“反正现在很多浏览器不兼容html5,学了实际用途也不会很大!”而且还有一些其他的事情比较牵扯精力(找理由…)!现在我终于意识到那时的那个想法有多么二了,赶紧亡羊补牢。
创建兼容ie6的html5页面
html5依然以.html或者.htm作为后缀。 精心开发5年的UI前端框架!
号称几乎没人去记过的DOC...
分类:
Web程序 时间:
2014-09-29 18:33:51
阅读次数:
216
现代互联网中,我们大量的使用视频,在HTML5定义中提供了一个统一的方式来展示视频内容。
互联网视频
现在互联网视频大都使用Flash来实现。但是不同的浏览器可能使用不同的插件。
HTML5定义了一个统一元素来指定视频和音频的插入和显示,如下: 精心开发5年的UI前端框架!
Your browser does not support the video tag...
分类:
Web程序 时间:
2014-09-29 18:01:11
阅读次数:
389