新主题 DREAM

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

大概是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 –>

CSS3 自定义动画(animation)

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

除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外,CSS3 还有一种自由度更大的自定义动画,开发者甚至可以使用变形(transformation)和转换(transition)制作自定义动画,利用纯 CSS 制作出像 Flash 一样的效果。在实际使用中不难发现,变形和转换更适合做元素的交互,而自定义动画除了做交互外还能使到网页具有活力,有了自定义动...

Read More –>

Smart Design 主题 2.3.7 版本更新日志

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

2.3.7 版本更新正式发布,本次更新加入了新的功能和后台选项以及修正了主题的一些问题,这其中整合了很多用户的意见和建议,再一次感谢每一位用户对于 Smart Design 作出的贡献,一如既往,所有旧版本用户都将获得升级支持。 旧版本更新步骤 在后台启用 WordPress 官方默认主题,直接删除旧版本的 Smart Design ,上传、安装 Smart Design 2.3.7 并启用即可(原主题后台设置会自动...

Read More –>

更多的 CSS3 变形 (transformation)

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

在 Kayo 之前所写的一篇文章《CSS3的变形与过渡样式》中,曾经对 CSS3 的变形 (transformation) 和转换 (transition) 作出详细介绍,但关于变形的部分内容仍可以扩展说明一下,因此写了本文补充一下变形的相关内容。 在前文中,已经说明了 transform 属性的两个用法 rotate 和 scale ,分别用于对象的旋转和缩放,具体的内容可以阅读前文。而现在要补充说明的,是 tra...

Read More –>

IE6 下 img 底部多出空白

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

是芥末日木有出现,Kayo 又可以继续写博客了。昨天在优化主题时意外的发现了 IE6 下 img 标签的一个 Bug ,用块级容器包裹 img 标签时,在 IE6 下 img 标签所在容器底部会出现 5px 多余的空白,例如网页中有如下的结构: <ul> <li><img src="img-bug.png" alt="img bug" /&...

Read More –>