![这里是Panda[N]的心中尚未崩坏的地方](http://www.laozhuhome.com/wp-content/themes/PandaN/images/0.png)
大家在填表单或者是站内搜索的时候都会看到占位符这种效果，比如小站右侧的站内搜索框，这种提示性的占位符可以给出一些友好的提示，告诉一些可能不用明白的用户这里填什么最合适。
这种效果一般都是用javascript来实现，但是我们可以用HTML5的方式来实现这个效果，而且使用起来更方便，更简单。
本站的评论框已经使用了此方法，或许很早就有童鞋发现了，但是没有firebug一下，如果你去firebug一些你就会发现我使用了placeholder这个属性，目前这个属性ie浏览器都不支持，所以使用ie的童鞋看不到具体效果不要奇怪，因为我也没有办法。
应该很多童鞋都碰到过活动页面的开发，脑子估计里会自然的冒出热区，切大图，ps直接导出这种想法，这样做应该不会有人说你做错了，估计会有人说你做的不好，不够专业，所谓专业不过是劳动人民在长期的生活和实践中总结出的经验，如何才能让从自己手里出去的页面显得专业，这就是下面要讨论的问题。
一般的活动页面都有这样的特性：大图、宽屏、加载速度缓慢。（还有其他问题，下次再讨论）所以针对这三个问题讨论一下如何更好的提升页面加载效率。
曾经给自己留下的平淡理想如今我又翻了出来，我怕我忘记了，我怕我丢失了，我怕我记不住曾经执着无悔的样子。
有喜欢的事，有开心的人。
有个房子有个家，有份事业有个她。
有藏在心底的善良，有无言感动的友情。
有执着无悔的迷茫岁月，有信誓旦旦的匆匆年华。
有自己怀念的漫漫时光，有平平淡淡的沉睡故事。
有远去的文字，退去的景色，依然遥远的大大天空。
有拥有的幸福，赶来的忙碌，不太清晰的小小未来。
/*那片笑声让我想起我的那些花儿*/
最近rss不断抽风，在我排查之后发现其他订阅源貌似没有问题，唯独GR列表紊乱，我在想办法解决，乱了乱了，神马都乱了哇。
忘了是上周还是上上周搬到了一个叫动漫走廊的地方，于是工作环境也有了一些小小的改变，上次放工作环境的图片在浮躁的博客这篇文章里，其实桌子没有变，变的是那颗心。
我一直在遵循的学以致用在这个工作环境里没有得到太多体验，还有“知行合一”这个概念在这里也只是一个概念而已，我无法改变什么，我在改变自己。
这篇文章很早就想写了，很多使用chrome的童鞋一定对chrome爱不释手，虽然开发可能还是需要firefox的协助，但是在浏览网页和开发HTML5方面还是chrome给力，使用chrome的一个原因就是他有很多的插件可以使用，当然有时候你可能会觉得有些插件无法满足你的需求，比如我现在需要一个收藏夹一样的插件，可以很迅速的到达指定网站，这样就需要自己去开发这样一个插件以满足自己的需求。
看到一篇很不错的html5设计原理文章，这篇文章比较深入的介绍了html5的设计原理，写的很精彩，读完之后思路被打开，对html5的认识更加深刻。
之前曾经试着用html5重构了一下博客，但是现在看来这个重构还是挺衰的，根本没有利用太多html5的优势，换了一下所谓的标签而已，有一句话叫“知道的越多，知道的越少”，我再次明白了这个道理，html5国内的资源太少，只能在英文资料里扒一些有用的信息，这两天看了两本书，推荐一下，一本是HTML 5 and CSS 3 – Develop with Tomorrow Standards Today，还有一本是Introducing HTML5这两本书都很不错，建议下载一下读读。
面试或者带新人的时候我一般都会问这样一个问题，在没有任何样式的前提下，一个div的样式是{width:100px;height:100px;margin:0 0 10px 0;border:1px solid #ddd;},另外一个div的样式是{width:100px;height:100px;margin:15px 0 0 0;border:1px solid #ddd;}，问这两个div上下的间距是多少？
很遗憾我遇到的童鞋想了想告诉我是35px,有一个人说是15px，我问为什么，他说感觉。。。我彻底崩溃。
这个问题其实并不能说明对方的能力不好，但是有一点可以说明，就是对方一定没有扎实的理论基础，w3c和国人并不在意的WCAG在其心里应该只是一个口号，并没有深入的去理解，运用的话估计也谈不上。也许你会说他们可能是新手，并不需要了解这么多东西，那么我想反驳你的是没有这种正确的理论做代码约束的话，可能你在前端开发这条路上会走一些弯路，与其“实迷途其未远，觉今是而昨非”，不如“抟扶摇而上者九万里”，与其走一些不太友好的弯路，不如最初就走一条国际化的标准道路，繁琐一点没有什么，关键是你应该会做的开心。
先说一下，这个是文囧文。
这个效果在很多电子商城左侧都会用到，也许有一些人会问这种效果是如何做出来的呢，其实用jquery并不是很难实现，我在这里从之前做过的页面里分离出来了一个demo，效果没有封装就是为了大家能看的更清楚，用了尽量通俗的方法写了出来，如果你还是看不懂那么自己就扒下来慢慢研究吧。
最重要的还是要用xhtml和css把一个良好的结构做出来，如果没有一个良好的html结构做支撑，可能用js来实现一些效果会出现多遍历一个节点这种无谓的消耗，当然我写的也不一定好，仅供参考。
今年年初的时候把网站的基本布局换成了HTML5标签，当时是抱着一个实验的态度来小心翼翼的使用了HTML5元素，结果在更换HTML5标签后的一个星期以内，百度直接不予收录内页，也忘了过了多长时间才正常收录，但是收录强度明显不如使用HTML4标签的时候，这也是我在使用HTML5重构前担心的一个问题，可恶的度娘哇。
HTML5改版后谷歌正常收录，没有任何不适应的地方，还是谷歌比较讨人喜欢。不知道现在度娘现在是不是对HTML5布局站点感冒了，如果还像年初一样，那可真不是一个好消息。
近期看到那么多同学都换了可爱的主题,于是我也忍不住抽时间突击了一下，之所以说是突击是因为这个主题的布局基本没有变动，在有限的时间里我赶出来这款有很多Google气息的主题。从黑到白估计你们会不适应，我抛弃了性感的黑丝袜背景，换上了纯洁的白色公主裙背景色，这是因为我纯洁的已经无法自拔鸟~
虽然布局没有太多变动，但是我还是重写了一些功能，评论系统做了一些调整，右侧大熊猫再次简化了一下，依然在chrome下浏览效果最佳