关注前端开发热爱简约设计。

本博将停止更新

转眼之间,自 2011年6月 开博之后,到现在已经整两年多一点。虽然只是短短两年,但是变化太大了。 博客发展过程 高考完之后,我终于轻松了,可以做自己喜欢的事情,注册了几个域名买空间,开始做网站。于是当然需要有这样一个独立博客。 刚开始的时候,写一些乱七八糟的文章,包括自己的上网经验,计算机使用技巧等等等等。而且质量、排版都很糟糕。 其中还有一段时间(大约在 2011年末 大...

阅读更多 >>

IE10 的一些前端有关的特性

IE10 已经出来了很久一段时间了,整理一下有关的特性,方便日后查阅使用。 IE10 的 hack .ie{ color:red; /* for all browsers*/ _color:green; /* hack for IE6*/ *color:black; /* hack for IE6 IE7*/ color:white\9; /* hack for IE6+(IE6 IE7 IE8 IE9 IE10)*/ color:yellow\0; /* hack for IE8+(IE8 IE9 IE10)*/ ...

阅读更多 >>

Emmet 常用的高级功能

Emmet 的功能不仅仅局限在快速生成标记语言结构或者生成 CSS 代码,它还具有很多常用的前端相关的功能,下面就来介绍几个比较常用的功能。 生成 Lorem Ipsum Lorem Ipsum 表示一段随机看不懂的文字。Lorem Ipsum 的文字让人看不懂,这样才能忽略内容的含义而专注内容的排版,作为测试数据填充用的。使用 Emmet 生成 Lorem Ipsum 文本非常简单,只需要使用 lorem 这一条命令...

阅读更多 >>

Firefox 下 text-overflow:ellipsis 的省略号会浮动在上面

text-overflow:ellipsis 属性通常用于隐藏超出长度的文本,并在文本最后面增加省略号。 456bereastreet 发现:如果在网页的交互等过程中,出现一个新层(例如鼠标移动到下拉菜单,弹出下拉菜单内容),在 Firefox 下,文本内容当然会被新弹出内容遮住,但是省略号并不会。它会出现在新层的上面。 可以使用 Firefox 打开 Demo 看一下具体效果。 如果你也遇到了这个问题,解决方法很简单...

阅读更多 >>

Unicode 符号序号以及 HTML 实体字符表格

Unicode 是全世界通用的最大的字符集合,包含了各国各种各样的字符。由于字符数量巨大而且各种各样,所以输入法一般无法打出很多很特殊的 Unicode 符号。搜狗输入法可以打出一些基础的符。 在网页中,有时候我们会需要一些符号,例如:倒三角 ▼。如果要让网页显示这种符号,显然用字符的方式比较好,体积小到可以忽略不计同时还可以方便用 CSS 定义样式等。但是直接把这个倒三角复制...

阅读更多 >>

Transform 属性会导致子元素的 fixed 属性失效

在项目中,需要为顶部导航条增加滚动跟随效果。很显然,只需要为 #header 加上 position:fixed; 属性即可,但是加上之后却无效。只能用监测浏览器滚动距离然后实时的赋值到 top 属性来模拟跟随。 但是这种方法由于浏览器之间滚动的距离不同等缘故,会导致闪烁等问题,只在 Firefox 效果完美。同时会影响性能,在中低端安卓设备中效果很差。这种影响用户体验的事情,是肯定要避免的。还是...

阅读更多 >>

实现网页换肤功能的最优解(带 Cookie 记录功能)

网页换肤是一门老技术了,老的现在都不怎么流行了。但是,有时候有些客户就是想要这个换肤功能。于是就实践做了一下网页换肤,结果遇到了很多问题。 网页换肤的基本原理 基本原理很简单,就是使用 JS 切换对应的 CSS 样式表。例如导航网站 Hao123 的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外,通常的网页换肤还需要通过 Cookie 来记录用户之前更换过的皮肤,这样下...

阅读更多 >>

让浏览者禁用响应式布局界面

原文:Letting users disable responsive layout 作者:456 Berea Street  翻译者:潜行者m 版权声明:版权归原作者所有,翻译仅作学习交流目的! 响应式网站设计(Responsive Web Design)使用强大的媒体查询(media querie)让网站可以根据浏览者的浏览设备分辨率进行样式调整。但是,这样也产生了一个问题:有些人并不希望网站的外观在不同的浏览设备中发生改变。因为改变了之...

阅读更多 >>

主题 Qetro 2.0 版本已经完成了近 50% 的工作

自 2013年5月19日晚开始着手升级到现在,已经11天了。中间的一个周末受 apemanchen 的邀请,去了北京一趟,谈了一下顺便小玩了一下。同时,蹭了 MK 一顿饭,真是好爽啊,出门在外有个朋友就是好。剩下的大部分时间,就用来升级这个主题。 距离上次 1.4 版本发布时间 2月8日,已经过去了三个多月了,这么长时间没有改动、升级主题,一个是比较忙没有太多时间,另一个是在不断深入 WordP...

阅读更多 >>

近期整站作品:泰山石数据管理系统

近期很久没有做整站的建设了,同学申请了一个关于泰山石的科技立项,需要搭建一个泰山石数据管理系统。我当然想到的就是使用 WordPress 系统设计搭建一个了。于是就设计了一个,然后给他们做成主题整合到了 WordPress 上面。 设计风格很显然是简约的,简单的色调,然后搭配上响应式布局,使用 CSS3 做一些简单的渐变动画。由于域名等使用的是临时域名,网站被审核完就会关闭,所以...

阅读更多 >>