2016年07月 存档

小tips: PC端传统网页试试使用Zepto.js进行开发

2016年07月20日,星期三

Zepto.js设计之初专为移动端,不对一些古董浏览器支持。所以,尺寸很小,我很喜欢。目前,从用户访问情况来看,绝大多数用户使用的是现代浏览器,也就是Zepto支持的浏览器,这让这些浏览器中直接使用Zepto成为了可能……

阅读全文…

等宽字体在web布局中应用以及CSS3 ch单位嘿嘿

2016年07月9日,星期六

所谓等宽字体,一般是针对英文字体而言的。东亚字体,据我所知,应该都是等宽的,就是每个字符在同等size下占据的宽度是一样的。但是英文字体就不一定了,就难本文来说,我下面写一个单词,什么呢,就iMac吧,大家打开自己的像素眼,就会很明显地发现这个字符’i’要不其他字符,例如’M’占据的宽度要小.但是,如果是等宽字体,宽度就一样,那么这种表现在web布局中有没有什么作用呢?还有CSS3 ch单位和他又有什么千丝万缕的关系呢?

阅读全文…

小tips: IE7,IE8浏览器纯CSS实现正圆角效果

2016年07月6日,星期三

CSS3 border-radius可以轻易实现圆还有圆角效果,然而,需要IE9+浏览器才行。移动端自然不成问题,但是众多(尤其面向C侧)PC页面是至少需要兼容IE8的,那有没有什么办法可以让IE7, IE8也支持圆角呢?

很久很久以前介绍过一个名为PIE的东西可以实现IE7,IE8的圆角。然后,本文再介绍一个使用纯CSS实现IE7,IE8浏览器正圆角的例子……

阅读全文…

CSS3 appearance大全鉴赏以及是否影响box-sizing

2016年07月6日,星期三

CSS3 appearance可以重置和改变元素的外观,有时候还是挺有用的,目前的兼容性也令人满意,大家不妨可以简单了解下……

阅读全文…

简单了解HTML5中的Web Notification桌面通知

2016年07月6日,星期三

通知可以说是web中比较常见且重要的功能,私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈,这个时候,就需要页面给予即使的通知。

在以前,我们的通知实现主要是通过闪烁页面的标题内容来实现,实现原理其实很简单,就是定时器不断修改document.title的值。

然而,这种提示有个致命的缺陷,就是用户的浏览器要一直是张开的。比方说用户浏览器最小化,标题就看不见,自然就无法及时get到有新消息的信息。

不过不要担心,Web Notification就可以很好地解决上面的痛点…

阅读全文…