DeveWork.com 上线“前端工具箱”(附源码下载)

DeveWork.com 上线“前端工具箱”(附源码下载)

昨晚的时候本站上线了“前端开发工具箱”,传送门:http://devework.com/tool,上面的导航栏也有入口。目前有CSS压缩/格式化/属性排序、在线代码高亮、HTML多功能代码转换器、Javascript 转 HTML、JavaScript加密/压缩/格式化、HTML特殊符号对照表5个在线工具。欢迎有需要的童鞋去使用!

解决Chrome或其它WebKit浏览器input和textarea的黄色/蓝色边框问题

之前在折腾主题的时候发现一个很怪的现象,在Chrome浏览器下,输入框有一个黄色的边框;而在其它WebKit浏览器(如Jeff使用的傲游浏览器)下,输入框的颜色是蓝色的(见下面的图片)。Jeff以为是那里定义了颜色的样式,在开发者工具里找啊找也没发现属于黄色或蓝色的css代码。后来搜索搞定了,原来是css默认的问题。

分享一个免费提供高质量网页背景素材的网站

分享一个免费提供高质量网页背景素材的网站

网页制作中做背景图有一种方式是平铺式背景图,即拿一张小小的图片通过css中的background-repeat或横向或纵向重复来制作背景。这个方法不仅可以让网页更加美观,也不会因为图片太大而影响页面开启速度。本站Devework.com的背景就是用这个来实现的(看来咱落伍了,现在的网站都是什么扁平化啊,瀑布流啊,单页式啊)。

jQuery仿极客公园火箭发射“返回顶部”效果(初始篇)

jQuery仿极客公园火箭发射“返回顶部”效果(初始篇)

某年某月,Jeff在极客公园游览时,看见了其右下角的“返回顶部”效果。点一下,小火箭呼啦就上去了。我是那个喜欢啊,马上右键“审查元素”,希望能将源代码扒出来运用在自己的主题中。找到相关代码后在本地测试,fail了。然后发现,其js代码是加密的,Jeff不懂js啊,胡乱想可以js解密,但解密后还是不行。于是,我又借助强大的搜索引擎Google,找到了一系列资料。现在将分多篇文章转载这些精华,版权归原作者所有啊~

免插件仅代码实现IE6浏览器升级提示(两例样式)

对许多前端工程师来说,如果他们足够在意的话,IE6是经常折磨他们的痛。在当前环境下,昔日的浏览器王者IE6正日渐黄昏,微软也将在2014年彻底不支持IE6,还上线了个一个页面IE6 Countdown,鼓励全球用户与IE6彻底说拜拜。许多WordPress主题已经默认不支持IE6了(比如我本站目前使用的主题),对于IE6访客,我们可以友善地提醒他们升级浏览器(毕竟IE6访客还是挺多的,不信看看下文数据)。下面就介绍免插件仅代码实现IE6浏览器升级提示的方法(代码)。