存档

‘WEB前端开发’ 分类的存档

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: 2px solid #6FA1D9 !important; -webkit-box-shadow:0px 0px 5px #6FA1D9 !important; } input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus { outline: 1px solid #6FA1D9 !important; } 参考: http://www.douban.com/group/topic/13291053/ http://fis.io/firefox-input-area-highlighting.html

67 views | 没有评论
六 23rd, 2011 | Filed under WEB前端开发
标签: ,

负责的一个WEB项目,发布生产版本时为了优化服务器流量和客户端加载速度,每次都要手动压缩一些CSS和JS文件,十分烦人。今天得闲写了几个简单的脚本,整合在一起把整个发布过程自动化了。抄了一段压缩CSS的脚本放上来,JS文件压缩思路相仿,其他过程略。 #!/bin/sh #检查路径参数是否存在 if [ 0 = $# ] then echo "Usage: $0 Minify CSS Source Dir" exit fi #判断目录是否存在 if [ ! -d $1 ] then echo "$1 : No such Directory" exit fi #压缩CSS文件 for I in `find $1 -type f -name "*.css"` do echo $I java -jar /opt/yuicompressor-2.4.2/build/yuicompressor-2.4.2.jar –charset utf-8 –type css [...]

15 views | 没有评论
四 29th, 2009 | Filed under WEB前端开发

IE8浏览器于北京时间3月20日零时正式发布。 各大媒体头版头条,争相介绍IE8的新特性。其中一个特性是IE8 增加了对W3C Selector API的支持,Javascript 增加了两个函数 querySelector() 和 querySelectorAll() 。听都都引用了这个例子: 1 2 3 4 5 6 7 8 9 10 <html> <body> <div><div><span>InnerSpan</span></div></div> <div><span class="myClass">ClassSpan</span></div> <script type="text/javascript"> alert(document.querySelector("div div span").innerHTML); alert(document.querySelector("span.myClass").innerHTML); </script> </body> </html> 当你真的把这段代码,Ctrl-C Ctrl-V运行的时候你会发现IE8直接提示JS错误。不是IE8已经支持querySelector()和querySelectorAll了吗? 原来IE8少了DOCTYPE定义就不认这两函数了。

24 views | 没有评论
三 20th, 2009 | Filed under Javascript, WEB前端开发
标签: ,