网页前端设计

目前接入互联网中的设备的多样性，催生了新的 Web 布局设计方式——响应式设计。响应式设计的理念是，页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调 整。这样开发者就无需针对每种设备及分辨率分别创建独立的布局。        本文整理 12 款针对响应式布局设计的 CSS 框架，可以使你的开发工作变得轻松，并节省你的时间和成本。       1.  SkeletonSkeleton是一系列CSS和JS文件的集合，它可以帮你...未完，继续阅读→

很多人会认为打工是在赚钱。其实打工才是最大最愚蠢的投资。人生最宝贵的是什么？除了我们的青春还有什么更宝贵？！很多人都抱怨穷，抱怨没钱想做生意又找不到资金。多么的可笑！其实你自己就是一座金山（无形资产），只是你不敢承认。宁可埋没也不敢利用。宁可委委屈屈地帮人打工，把你的资产双手拱让给了你的老板。　　我们试想一下，有谁生下来上天就会送给他一大堆金钱的？有谁是准备非常齐全了完美了再去创业就成功了？含着金汤匙出生的毕竟是极少数、富不过三代，许多伟业都是平凡人创造出来的。计划赶不上变化，特别是在如今这个信息高...未完，继续阅读→

人生当中最难把握的两个字是“分寸”。分寸，往往是一个人生活长河上的一个分水岭，人生做事最难的不是少做与多做，而是将事情做到何种程度。大千世界，古往今来，任何事都离不开“分寸”二字。人生在世，分寸无处不在、无处不有，人际关系需要把握分寸，成就事业需要把握分寸，推进工作需要把握分寸，分寸既是一个理论问题，又是一个实践问题。　　那些成功人士之所以能够在人生的道路上顺风顺水，原因不仅仅在于他们的聪明，也不仅仅在于他们的勤奋，更不在于他们懂得多少方法与手段，而在于他们对人性的洞察，他们懂得...未完，继续阅读→

如今大热的 HTML5 到底美在哪里？HTML5到底能为实际的移动开发带来哪些改变？来自支付宝和腾讯的前端开发工程师们有他们自己的看法。　　上周，在一场名为“技术风云会”的定期讨论活动中，HTML5小组杭州联盟的同学、阿里巴巴集团 HTML5 爱好者，以及支付宝浙大校友会的会员集中讨论了 HTML5 对前端开发带来的直接改变。　　“一个东西美不美就看解决实际问题的能力有多少”，阿里云云手机服务运营部的前端开发工程师正邪（花名）说，“现在 HTML5 这么火，很多人就拿它跟 Flash 去做对比，说 Flash 多么多么烂...未完，继续阅读→

浏览器所属公司内核下载链接Intrnet Explorer 62001年10月伴随Windows XP发布的浏览器Microsoft(微软)Trident官方下载Internet Explorer 7微软研发的第一代选项卡式浏览器Microsoft(微软)Trident官方下载Internet Explorer 8IE浏览器中可兼容两种浏览模式(IE7、IE8)的浏览器Microsoft(微软)Trident官方下载Internet Explorer 9微软研发的新一代的浏览器Microsoft(微软)Trident官方下载FireFoxWeb开发人员最喜爱的浏览器Mozilla(谋智网络)Gecko官方下载ChromeGoogle研发的更快速、稳定、安全的浏览器Google(谷歌)WebKit官...未完，继续阅读→

网站安全是一直是我们做网站的重中之重，网站服务是否稳定，对用户、站方和搜索引擎来说都非常重要。目前国内网站的安全问题十分严峻，众多网站由第三方代建，维护人员缺乏足够的知识，大量的网站都存在不同程度的安全和管理漏洞。对于我们站长而言网站安全一直就是站长的六大天敌之一，我操作过的网站也有被黑的经历，也深深的体会到因为网站被黑而带来的后果的严重性，对于小站而言虽然被黑不会有太大的损失，但对于大型站点来说就不容小视了，比如导致用户资料泄露，甚至个人信息被拿来买卖等，因此网站安全绝对是网站运营的一个重...未完，继续阅读→

对于友情链接相信接触过网站的人都会知道，更别说我们站长了，因为这也一直是我们在进行网站推广中比较重要的一环，因为现在大家都知道友情链接除了可以给网站带来一个流量来源之外，还能提高我们网站的权重，以及网站关键词的排名。以前没接触SEO的时候，那时候也有从事过网络推广的工作，不过那时候对友情链接的概念不是很清晰，因为那时候换链接的目的比较简单，并没有想到通过换链接来提高网站权重，就是和同行或者相关行业的站点交换链接，当然了，可能那个时候只是我还不知道这个SEO这个层次而已了，不然公司也不会让我去找友...未完，继续阅读→

Douglas Crockford是Javascript权威，Json格式就是他的发明。去年11月他有一个演讲（Youtube），谈到了好的Javascript编程风格是什么。我非常推荐这个演讲，它不仅有助于学习Javascript，而且能让你心情舒畅，因为Crockford讲得很幽默，时不时让听众会心一笑。下面，我根据这个演讲和Crockford编写的代码规范，总结一下"Javascript编程风格"。所谓"编程风格"（programming style），指的是编写代码的样式规则。不同的程序员，往往有不同的编程风格。有人说，编译器的规范叫做"语法规则"（grammar），这是程序员...未完，继续阅读→

老实说，之前我对CommonJS也是一无所知，直到不久前Node.js火起来，我去研究它，才了解到Node.js其实是CommonJS的一个部分实现，我才关注起CommonJS来。  以前我们说起HTML，我们说起JavaScript，大家的印象似乎都停留在了“网页”上面，从2005年开始，因为Ajax的缘故，有一种叫做“前端程序员”的新型物种诞生了。可是现在，前端程序员不甘心自己的一亩三分地了，他们要越权，看看HTML 5的API吧，它是要吃了Flash啊，连Adobe都倒向HTML 5了，它的API可以做各种各样的事情，要绘图、操作文件、客户端数据库、...未完，继续阅读→

 在IE6/7里JavaScript会从两个方面阻碍页面呈现：script标签下面的网页资源在script加载完之前会停止请求、下载。 script标签下面的html元素在script加载完之前会停止渲染。 在ie6/7 firefox2/3 Safari3 Chrome1 和 opera下 script标签会阻碍下载：  虽然在ie8，safari4，chrome2下script可以并发，但依然阻碍了其他资源的下载：  有6种方法可以使script与其他资源并行下载：XHR eval -- 通过XHR(XMLHttpRequest 对象)下载script，然后用eval方法执行XHR的responseTextXHR Injection -- 通过...未完，继续阅读→

 周立波：我11名船员被杀，政府没有表态；利比亚丢掉400亿，政府不敢讲话；韩国海警先打人，政府没有力争；… …。联想到：美国护照中写着：“不管你身处何方，美国政府都是你强大的后盾”。在中国护照中写着：“请严格遵守当地的法律，并尊重那里的风俗习惯。” 微评：美国说：出去了有人欺负你，招呼一声，咱修理他！中国说：出去了老实点，听人家话，少给老子惹麻烦！三聚氰胺害了那么多儿童，最后抓了几个养奶牛的；央视大火烧掉10几亿，抓了几个运烟火的；上海静安大火烧死53人，是4个电焊工的责任！&hel...未完，继续阅读→

如何让IE6支持HTML5的效果找了一下有不少写了关于这方面的例子，自己调试了一下，在FF和Opera中都显示正常了，到了IE6上却变得面目全非了。GOOGLE了一下，发现了html5shiv这个项目，可以把HTML5的新元素转换成IE6认识的内容。作者已经把这段代码放到了Google code project上，只需要在你的head中调用这段代码就行：<!--if lt IE 9]>  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  <!--endif]-->当然你也可以直接...未完，继续阅读→

人生就是这样：和阳光的人在一起，心里就不会晦暗；和快乐的人在一起，嘴角就常带微笑；和进取的人在一起，行动就不会落后……和大方的人在一起，处事你就不小气；和睿智的人在一起，遇事你就不迷茫；和聪明的人在一起，做事你就变机敏。懂得感恩的人，善待他人；懂得惜福的人，善待自己；懂得欣赏的人，善待周围的一切。善于发现别人的优点，并把它转化成自己的长处，你就会成为聪明人；善于把握人生的机遇，并把它转化成自己的机遇，你就会成为优秀者。善于捕捉健康的元素，并把它转化成自己的幸福，你就会成为富有人.借人之智，完...未完，继续阅读→

人应该是向前走，但“万事回头看”也是人生的智慧之一。　　在很多的时候，人生需要经常“回头看”的。常回头看看，是一种生活的智慧。回头，有我们的出发点，有我们的前车之鉴，有我们成功的欢愉。　　常回头看看，就是要经常梳理自己的经历。　　常回头看看，就是要常检点自己的为人处世，把自己走过的路看得更清、更全、更远，从而站在高处主动校正自己的坐标和目标，把今天的路走好，把明天的路走得更坚实、更稳健、更成功。　　常回头看看，就是要检查自己的缺点，就是看自己的性情、说话做事的方式、对待困难的态度、面对名利的...未完，继续阅读→

每年的网页设计趋势都会有所改变，跟时装界一样，或者说世间万物亦是如此。作为网页设计师，你必须时刻关注业界的发展和变化，随时作出应对的准备。2012年网页设计的趋势将会是怎样的呢？一起来看看flashuser博客的观点。各位网页设计师看到了这一篇文章，应该不太意外的发现，许多内容提及的趋势其实已经正在制作，甚至已经成为了各位的设计一部分呢！我们无法预测未来，但是我们却可以改变。由于网络的产业的变化，我们多少都会稍微的改变了原本网页设计的做法，让设计出的东西更符合客户的需求，当越来越多人这么做的时候，自然就成为...未完，继续阅读→

经过1年的探索，新的样式方案Alice已经于2011年12月15日开始在支付宝大大小小的项目中部署，今天，官方开源了这个样式方案。Alice 是支付宝前端样式解决方案小组的项目代称，其包括构建样式库的样式库解决方案、帮助团队理解新技术的 W3C 标准文档库和正在进行中的实验项目等。目前 Alice 团队的主要职责是提供 CSS 和 HTML 方面的技术支持和解决方案开发。Alice的源码基于MIT License许可发布在Github中，源码组成：base.css文件：Alice 的基础，所有样式均基于它solutions文件夹：浏览器兼容解决方案plugins文件夹：浏览器兼容解决...未完，继续阅读→

那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大，上面有各种丰富的功能可以供开发者选择，一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能，开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍，网站能够拥有让人惊喜的用户界面了。有时候，这种技术的运用是非常精妙的，它无声无息地改变了应用的用户体验。有时结果就像是加入樱桃可乐中的跳跳糖，悄悄地给人们带来惊喜。这里有20个特别突出的网站，他们在定位、技巧或者是JavaScript的使用上有各自的...未完，继续阅读→

昨天在 twitter 上说，怎么忍心把页面写得这么难用？是的，这个世界还有一群人等着我们创建出来的东西，可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端，我们又怎么会忍心呢。之前就一直想写这样的一篇文章，分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 2HTML T2ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML，让某些人的生活可以更容易。今天想分享的是如何去使用我们的 HTML Tag, 把 WCAG 的标准和语义网的目标进行代码上的体现：1. 文档声明：<!Doctype>其实这跟 W...未完，继续阅读→

Firefox 5已经发布了，这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器，:)======CSS3 动画CSS动画（看这篇文档）提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样，使用CSS动画可以非常高效平滑的展现效果（看大牛David Baron的文章），开发者拥有对keyframes有更好的控制力，从而制作出更加复杂的动画效果。需要注意的变化开发者可以把Image作为参数传递给 createImageData 来获取图片的大小数据；在后台标签中，setTimeout 和 setInterval 每秒钟只能执行一次回调函数，这符合 r...未完，继续阅读→

js按次序加载对你很重要,因为可以把js放到页面的最低部。当页面加载后再执行js对页的SEO有相对的优势。传统上，加载Javascript文件都是使用<script>标签。就像下面这样：<script type="text/javascript" src="example.js"></script><script>标签很方便，只要加入网页，浏览器就会读取并运行。但是，它存在一些严重的缺陷。　　（1）严格的读取顺序。由于浏览器按照<script>在网页中出现的顺序，读取Javascript文件，然后立即运行，导致在多个文件互相依赖的情况下，依赖性最小的文件必...未完，继续阅读→