前端观察 -- IT技术博客大学习 -- 共学习共进步！

• CSS3 pointer-event介绍

其实早知道这个属性，但是一直没有去研究过。今天正好在twitter看到这个词，就去研究了下，正好解决了目前遇到的一个小难题，所以分享下。嗯，其实这是个比较简单的CSS3属性...

• 前端设计类书籍推荐

位于设计师和后台开发中间的前端开发工程师，其实也都算是“视觉动物”的，其中很多人同时也是很棒的设计师。其实无论是设计师本身，还是前端开发工程师，多读些设计类的书会是很好...

• CSS3 文字渐变

之前，我们有发表过CSS文字渐变效果，但是其实那并不是纯粹的基于CSS的渐变，它需要一张半透明渐变的png图片。今天我们将介绍两种使用CSS3实现实现文字的方法。嗯，只有webkit浏览器支持，...

• HTML5 中 div section article 的区别

刚刚开始接触 HTML5 时，对它的标签很不适应，甚至一度有点反感。尤其是对 div、section、article 这几个标签，实在弄不清楚应该使用在什么场合下。

• CSS3 target伪类简介

CSS3 target伪类是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说，URI中的标志符通常会包含一个"#"字符，然后后面带有一个标志符名称，比如#respond...

• webkit对于CSS3渐变样式语法的更新

相信很多同学都有研究过CSS3的渐变，大部分人都会感到纠结吧，webkit和firefox的语法有很大的不同啊。事实上，对比W3C规范，可以发现Firefox的语法更规范一些。现在好消息来了，Webkit开始优化CSS3渐变的语法了。真搞不懂当年(08年)webkit为什么采用那种写法。

• :before和::before的区别

在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别。这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。

• HTML5本地存储初探

html5带给我们的不仅仅是更多语义丰富的标签，还有更多更牛逼的特性，比如“离线存储”。对于台式电脑来说，或者它并没有带来什么惊喜，但是对于移动设备来说离线存储简直就是一个神...

• CSS3 appearance简介

我们来简单了解一下上文中提到的css appearance。在之前研究HTML5表单的时候，一直很好奇浏览器是通过什么渲染不同的表单界面的，后来在Chrome中查看类型为range的input的时候，发现了这个有趣的...

• Google font api、web font与中文

使用网络字体的好处是不言而喻的，它可以让我们更方便的实现更丰富的页面效果。国外的技术人员，一直在不断的为让web-font变为现实而努力，从sIFR到typeface再到typeselect，以及cufon和fontue，不同的尝试和解决方案不断涌现，各大浏览器纷纷开始支持@web-font属性，同时类似typekit之类的收费和免费网络字体也开始不断出现。这让我们对此充满的希望。

• 移动网站开发――CSS

Mobile css的标准也是有些复杂的，与前一篇文章中提到的类似，之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0，事实上它们都是CSS 2.1的子集，而且内容非常接近，不同的是，WAP CSS 1.0针对移动设备加入了一些扩展，这些扩展通过-wap-前缀来实现。

• media type与media query

CSS 3的media query是一个很强大也很好用的工具，它为我们在不同的设备和环境下实现丰富的界面提供了一种快捷方法，虽然现在各个浏览器对它的支持还有些差异，但是大家都在改进，IE 9已经开始支持media query了。不过目前media query的最大舞台是在高端手持设备，相信随着移动互联网的快速发展，media query也会很好发挥自己的作用。

• 如何创建CSS的对象？获取合适的粒度！

强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象。

• HTML和CSS中的视觉语义

网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。HTML需要用一种能代表数据或内容的有意义的东西来书写，也就是我所谓的代码语义。HTML中的代码语义对于可移植性和易用性都是极为重要的。另一方面，CSS在堆栈中确实是一个独立的层，它需要能反映页面的视觉语义的属于自己的体系结构。

• 移动网站开发――标记语言

移动互联网被称为“第五次科技革命”，而随着iPhone和Android等智能手机的日渐流行和iPad等平板电脑的出现，移动互联网的潜力和趋势也愈发显现，针对移动设备的网站开发越来越受到关注，国...

• IE之短

在实际的网站开发中，我们经常会发现IE浏览器对资源的限制，这让人很郁闷，在不了解的时候，会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来，在开发中避免这些限制。

• 理解CSS3线性渐变

为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希望不会持续太久。多亏Firefox 和Safari/Ch...

• iPad Orientation CSS

iPad终于发布了，那么如果用样式区分iPad和iPhone中的safari浏览器，Jason Grigsby做了一个有用的实验...

• CSS3开发工具收集

通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不...

• CSS Sprites：鱼翅还是三鹿？

如果开发人员花点时间来考虑下所有可以提升网站性能的因素，再权衡下利弊，也许就有较好的理由可以避免滥用 CSS sprite 了，并且会把精力放在那些物有所值的方面。