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

• 非响应式设计的viewport

大家已经非常熟悉响应式网页设计了吧，但是我们通常会忽略很多旧的没有采用响应式设计的网站，其实这类网站在移动终端的用户体验更为关键——因为它们没有对移动设备做任何优化...

• 标签？ID？还是CLASS？

这里驳斥一个观点：“尽量都使用class，因为控制样式的时候class的优先级是同级的，id的优先级更高，它的出现会破坏样式优先级的平衡”。首先我觉得这是一个假命题，所谓的“平衡”是不存在的，也没有必要去刻意维护，通过id来表示的内容一定是相对特殊的，优先级自然高一些，这样的优先级设计是如此的自然。我能够接受的全部是class的适用范围仅是一些底层的css基础样式，如oocss里的基础样式，或很多网站都会有common.css文件或general.css文件，里面的东西尽量用class没问题。

• 移动终端设计和开发类书籍推荐

移动终端市场越来越热闹了，而传说现在中国每卖10部手机有9部都是android——虽然剩下不到一层的iphone带来的网络有流量比这9成的android用户还多～～恩，很多人都开始转向移动终端设计和开...

• 通过使用Chrome的开发者工具来学习JavaScript

本文中,我们将通过使用Chrome的开发者工具,来学习JavaScript中的两个重要概念”闭包”和”内部属性”.

• IE10 CSS hack

传说Windows 8刚上市没几天就卖出了4000多万份，好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的，有些不确定是否是ie10引出的bug，所以惯性思维让我们重新寻找针对IE10的CSS Hack。。。

• 60多个超炫的视差滚动效果网站设计欣赏

视差滚动(Parallax Scrolling)是指让通过鼠标实现网页多层背景以不同的速度移动，从而形成立体的运动效果，带来非常出色的视觉和交互体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。这种网站通常通过鼠标滚轮滚动来实现，用超酷的视觉体验来取代枯燥的页面滚动，从而“吸引”用户走向自己的目标。

• 网站性能优化工具大全

网站性能优化(WPO)已经成为一个非常重要的话题了，越来越多的互联网公司开始有WPO的职位，而相关技能也是对前端开发工程师的重要技术要求之一。国外大牛Steve Souders在参加WebPerfDays London期间，收集了大量常用的网站性能优化工具，这里和大家分享下。

• iPhone 5/iOS 6前端开发指南

iPhone5和iOS 6已经发布好几天了，相信很多童鞋都已经刷上了iOS 6。我们在之前就发表过《iOS 6中Safari对HTML5的支持》，但是除此之外，实际上市的iOS 6具体支持还有哪些新功能？让我们一起看下...

• position:sticky介绍

用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度并没有太大变化，所以很多网站开始在滚动时让一部分内容保持可见以更好利用空白区域，比如，侧边栏的部...

• 主流移动设备的屏幕参数

iPhone 5昨夜发布，早上起来看到了一些新iPhone的参数信息，于是好奇历代iPhone的屏幕参数，然后在维基百科发现了大部分主流移动设备的屏幕信息，这比iPhone 5本身给我的惊喜还要大！...

• 使用jQuery开发一个带有密码强度检验的超酷注册页面

在今天的jQuery教程中，我们将介绍如何使用jQuery和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面，希望大家喜欢...

• 媒体查询与http请求

Jason Grigsby发表了篇文章，对媒体查询吐槽，大意是在移动设备上使用媒体查询会造成很多资源的浪费——浏览器请求到很多用不到的图片等资源，然后写了一些测试用例测试一些可用方法。

• CSS雪碧图会占用太多浏览器内存吗？

可能是某篇微博的关系，今天有人来评论说，使用雪碧图，内存会暴涨的。。。这个问题讨论的也蛮多了，那，到底，使用雪碧图后，会占用很多内存吗...

• 理解css中的长度单位

很基础的一个问题，但是，其实看起来很复杂的样子～～我们来捋一捋吧～...

• css3 calc()功能小窥

之前，我们想要实现一个完美的宽度自适应的输入框好麻烦，曾经也被作为对前端技术的一个挑战。类似的常见场景还有100%宽+边框的容器等。遇到这些情况，我们不得不分外小心，因为各个浏...

• 反webkit之战

历史总是在某个地方重演，这部，IE6离开历史舞台(国外，市场份额不足1%了)之后，webkit内核的浏览器成了大家的心腹大患，于是各种口诛笔伐开始了，甚至比当年打击IE6更甚。。...

• 自定义webkit搜索框样式

好吧，这是个有点儿蛋疼的文章，每个浏览器都可以有自己的行为和表现，只是webkit在apple的带领下，在UI上走的更远了一点儿，但是却给我们带来了点儿困扰，因为很多情况下，我们希望搜索...

• user-select介绍

之前在《CSS的未来：一些试验性CSS属性》中有提到user-select这个属性，最近整理的时候有遇到，所以详细的了解了下，这里简单的介绍下...

• HTML特殊字符大全

HTML的特殊字符我们并不常用，但是有的时候却要在页面中用到这些字符，甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在，国外的设计师Neal Chester整理了一份很全的特殊字符集...

• 响应式网页设计

响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端――而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的！