纯CSS打造的3D效果

http://css-3d.org/space-cube-1.htm

CSS 3D网站提供了几个令人振奋的纯CSS实现的3D效果。需使用Safari、iPad或iPhone查看效果,Chrome和Android目前还不行。经测试,Chrome金丝雀版也支持,12.X稳定版还不行。

发表在 前端开发 | 标签为 , | 16 条评论

我最喜欢的十个安卓应用

Sivan上周购入了摩托罗拉三防机Defy,正式把一条大毛腿伸进了安卓阵营。最近一段时间使用下来总体感觉还是比较不错,界面流畅程度虽然不如iOS,但是升级到2.2后还是可以接受。在这里列举一下比较喜欢的几个安卓应用:
继续阅读

发表在 移动设备 | 标签为 | 22 条评论

载入 jQuery 库的最佳方法

在网站开发的项目中使用 Google CDN 的 jQuery 库虽然加载速度很快,但调用本地服务器的库才可以确保万无一失。而使用 WordPress 内置 jQuery 库的话,其末尾防止 JS 库冲突而加入的 jQuery.noConflict() 使得主题中所有 jQuery 代码都要做一些小修改,更可能导致一些插件效果失效。Paul Irish 在 HTML5 Boilerplate 中使用的方法我认为非常不错,分享给大家。
继续阅读

发表在 前端开发 | 标签为 , , , | 33 条评论

为WordPress文章使用不同的固定链接后缀

一个简单的方法让你使用另类的地址为不同分类的文章使用不同的固定链接后缀。如下:

http://sunxingfan.com/708.avi(不是视频)
http://sunxingfan.com/1.txt(不是文本)
http://sunxingfan.com/518.doc(不是文档)
http://sunxingfan.com/674.tweet(...)

继续阅读

发表在 WordPress | 标签为 | 20 条评论

说说Firefox4和IE9

近日Mozilla与Microsoft分别放出了自己的最新版浏览器Firefox 4与IE9,Firefox4以两倍于IE9的下载量向人们证明自己依旧有大量拥趸。尽管Windows 8推出时,IE9肯定会捆绑奉送,但IE的占有量日益下降确实不争的事实。在Safari兴致不高,Opera仍在无私为别人创新的情况下,浏览器似乎已经进入的三国争霸的状态。当然,纵览大势和笑谈趋势都不是我喜欢做的事,我就用最肤浅的目光简单说说Firefox4与IE9。

界面体验

Firefox 4与IE 9外观变化都不大,基本上继承了传统的设计样式。在如今以UCD、UED、UJ8D为关键词的环境下,用户体验似乎比过去单纯的美学体验更加重要。Firefox的新版界面依旧朴素到极致,好在有丰富的外观主题库和插件来定制。IE由于更加封闭,所以只要把默认样子做得好看一点,毛玻璃效果搞得很不错。即便不喜欢这样也没有关系。IE外壳多嘛~你升级到IE9改用360、搜狗浏览器就OK了。
继续阅读

发表在 软件技巧 | 标签为 , | 10 条评论

macOS 常用软件推荐(2020.01.01 更新)

这里整理了我 macOS 下常用的一些软件,加粗的是必装的。文章最开始是 2011 年写的,所以部分介绍略显陈旧,列表每隔一段时间我都会对其进行更新。下面推荐的都是免费或已购的应用。下载地址可以通过 Google 获取,非系统工具类应用不建议 Mac App Store 购买。

桌面
继续阅读

发表在 macOS | 标签为 | 50 条评论

CSS3版忍者神龟

前几天闲来无事,用CSS3做了一个忍者神龟。搞完无聊,又弄了简单的动画效果。各位看着玩吧,Chrome和Safari下是完整效果 http://lightcss.com/tutorials/turtles/


就是这个样子了,用圆角和渐变等属性做出静态效果然后加上简单的动画,非常简单。只要有耐心可以绘制更复杂的图像。有时间我会搞一搞。

发表在 前端开发 | 标签为 , , | 16 条评论

投票:我们是否需要为所有浏览器添加条件注释?

CSS-Tricks最近发起了一个投票:我们是否需要为所有浏览器(目前仅IE支持)添加条件注释,就像下面这样:

<!--[if Fx 3.6]>
        <link rel="stylesheet" href="firefox-v3.6.css">
<![endif]-->

投票在原文的侧栏http://css-tricks.com/new-poll-conditional-tags-for-all-browsers/

我认为浏览器对网页的表现应该向统一的方向发展,既不会让访客感到迷惑,又可以降低前端开发的成本,此举没必要。

发表在 前端开发 | 标签为 , | 4 条评论

网页重构中区分IE6、IE7、IE8及标准浏览器的最佳方法

写在前面

由于万恶的IE(尤其指IE6和IE7),我们在页面重构时不免要对其进行各种bug修复及差异化处理。在标准浏览器[1]中可实现的效果在IE里却有各种离奇问题,例如IE6、IE7不能良好应对的inline-block和.clearfix问题,好在大部分问题已经有了足够的总结和途径。废话不多说,下面是一些方法区分浏览器的方法和我的看法。
继续阅读

发表在 前端开发 | 标签为 , , | 9 条评论

给网站添加X-UA-Compatible标签

X-UA-Compatible是神马?

X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。

为什么要用X-UA-Compatible?

在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。
继续阅读

发表在 前端开发 | 标签为 | 11 条评论