为 IE 单独写 CSS 的几种方法

分类: 标签:‚  评论:33 33 评论

因为万恶的 IE 存在各种的不标准,因此,在进行页面开发时不免要为 IE 单独写一些 CSS 。熟悉的方法有 IE hacks 和条件注释 CSS(Conditional Stylesheets),下面,不妨讨论一下这两种方法的优缺点。 IE hacks 举个例子,一个元素在其他浏览中的左边距是 30px ,而在 IE6 中则设置为 20px ,可以如下编写: .demo {margin-left: 30px; ...

Read More –>

提高模拟按钮的可访问性

分类: 标签:‚  评论:6 6 评论

在实际的 Web 开发中,不免会出现一种情况 —— 为了做出美观的按钮样式或者是兼容低级浏览器,而使用 a 、span 等标签来设计按钮。从外观的角度上说,这样是一个不错的解决方案,做出了美观的按钮又便于兼容不同的浏览器,只是在这个过程中,网页的可访问性悄悄地降低了。 既然是可访问性降低了,那么在这个模拟按钮的过程中,相对于使用如 input[button]、button 这类原生按钮标签的网页来说,必定是缺少了一些...

Read More –>

体验 Chrome OS

分类: 标签:‚ ‚ ‚  评论:44 44 评论

Chrome OS 发布了有一段时间了,作为 Chrome 的忠实用户,一直都想体验一下 Chrome OS 。当然,谷歌早已经宣布,Chrome OS 虽然开源,但并不支持用户自己下载使用,只有通过预装的方式购买匹配的 Chrome 电脑后才能真正使用。不过,Kayo 了解到,来自英格兰的大神 Hexxeh 已经编译出 U 盘版的 Chrome OS 了。可惜的是,这款 U 盘版 Chrome OS 因为大量的硬件...

Read More –>

微信公众号登场

分类: , 标签:‚ ‚  评论:25 25 评论

之前在面试广研的时候,发现了招聘的微信公众号有查询系统,发送命令给微信公众号,微信公众号就会自动回复结果,感觉非常实用又方便。然后参考了一下微信公众平台的开发文档,感觉开发起来应该也挺方便的,于是想给 Melody 做一个用微信获取文章的脚本。 折腾一番,完成了一个小脚本,直接内嵌到新主题的 functions.php 中,出来的效果还可以,发送命令,然后就获取文章,不过速度欠佳。于是又改成插件的形式外挂到 WP 上...

Read More –>

新主题 DREAM

分类: , 标签:‚ ‚  评论:47 47 评论

大概是3个月前,心血来潮,希望博客作出一些改变——更加专注文字,形式也希望更加简单,于是做了这个主题,由于很早就想好了大概的设计,也吸收了做 Smart Design 的经验,这款新主题真的完成的很快,不过就是在快要完成的时候,突然来了各种忙,所以只好无奈在各种忙都处理好后,继续完成这个主题。 现在呢,主题基本完成了,这次还是响应式的主题,跟以往不一样的是,这次更加注重主题在移动端上的效果。至于设计方面,做了2年半的...

Read More –>

Smart Design 主题 2.6.28 版本更新日志

分类: 标签:‚ ‚  评论:4 4 评论

2.6.28 版本更新发布,本次更新修正了主题的一些问题,这包括了 WordPress 升级到 3.5 之后 Ajax 评论错位的问题,同时对 HTML5 和 SEO 作出优化,另外也增加了一些小功能。所有旧版本用户都将获得升级支持。 旧版本更新步骤 在后台启用 WordPress 官方默认主题,直接删除旧版本的 Smart Design ,上传、安装 Smart Design 2.6.28 并启用即可(原主题后台设...

Read More –>

Blink 终于要来了

分类: 标签:‚ ‚ ‚  评论:18 18 评论

最近移动科技新闻版满屏都是两个新闻 —— Blink 的开发和 Facebook Home 的发布,当然,作为一个神秘的网站,如果我在这里讨论后者,童鞋们肯定会说“根本没有这个网站,我搜过了,打不开”。所以,今天讨论的重点当然是 Blink 。 Blink 是谷歌在 Webkit 核心的基础上自行开发的浏览器引擎,同时,谷歌放弃了对原生 Webkit 的开发。这无疑是一个重磅消息,因为这实在意味着太多了,我们不难想象...

Read More –>

小试 Canvas

分类: 标签:‚ ‚  评论:6 6 评论

相对于离线应用,Web SQL Database 等特性,如 Canvas,Video 等媒体应用类的 HTML5 特性我用得比较少,于是今年年初的时候就尝试用这些新特性做点练习,感受一下 HTML5 在媒体应用方面的能力,今天重新翻了一下这些 Demo,整理了两个网页时钟 —— 一个主要用 Canvas 实现,一个主要用 CSS3 实现,为什么是“主要”?因为无论那种方式,都需要 JavaScript 和 HTML...

Read More –>

:hover 在 IE6 下的一个 Bug

分类: 标签:‚ ‚  评论:19 19 评论

看到标题,相信会很容易联想到 IE6 不支持除 a 外的 :hover 伪类,不过这只能说是万恶的 IE6 对于 CSS 选择器的支持太差了,还不能说是 Bug 。而接下来 Kayo 要说明的,是个实实在在、不折不扣的 Bug 。 这个 Bug 是关于一个比较常用的效果 —— hover 后改变子元素效果。 例如,有如下的一个导航, hover 后的链接中的文字会改变颜色 <div id="nav...

Read More –>
评论者头像

经历了9天的时间,Kayo's Melody 终于复活了。 上个月中因为域名到期了,于是顺道转移域名到空间所在服务商。由于确认转移的邮件被自动放到小黑屋了,所以一直没有确认域名转移。本来没完成转移也没有什么事,可是在这个时候,之前一直在用的 DNSPOD VIP 过期了,又不想续费,就这样,悲催的日子开始了。域名在转移...

一些惊艳的 CSS3 之二

分类: 标签:‚ ‚  评论:13 13 评论

接上一篇文章《一些惊艳的 CSS3 之一》 三. 多重背景 多重背景并没有使用新增的 CSS3 属性,而是在我们都很熟悉的 background-image 作出调整,支持同时使用多个图片,例如:传统来说,为元素设置背景图会像如下设置: #demo {background: url(bg1.png) no-repeat; } 但是在 CSS3 中,设计师可以同时为一个元素指定多个背景,例如: #demo...

Read More –>

一些惊艳的 CSS3 之一

分类: 标签:‚ ‚ ‚  评论:9 9 评论

最近对一些 CSS3 的新特性作出了不少的介绍说明,这些内容大多都是 CSS3 中相对比较普及的内容,其实 CSS3 还有很多很酷的特性,只是这些特性在浏览器支持和网站的具体使用上比较逊色,但是仍具有不少的魅力,今天这篇文章要介绍的就是几个比较酷而相对介绍较少的 CSS3 特性。 一. 边框新特性 在 CSS3 中,border 增加了两个新的特性,一是边框图片,而是在边框颜色中使用渐变色。 边框图片利用 borde...

Read More –>