摘要：
1、PNG半透明图片的问题 虽然可以通过JS等方式解决，但依然存在载入速度等问题，所以，这个上能不要用还是尽量不要用。以达到网站最大优化。 2、IE6下的圆角 IE6不支持CSS3的圆角属性，比较好的解决方法就是用图片圆角来替代，或者放弃IE6的圆角。 3、IE6背景闪烁 如果给链接、按钮用CSS sprites作为背景，可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存，每次触发hover的时候都会重新加载，可以用JavaScript设置IE6缓存这些图片下面是代码： document.execCommand("BackgroundImageCac 阅读全文
摘要：
学习要点：1.cookies 2.cookies 局限性3.其他存储随着 Web 越来越复杂，开发者急切的需要能够本地化存储的脚本功能。这个时候，第一个出现的方案：cookie 诞生了。cookie 的意图是：在本地的客户端的磁盘上以很小的文件形式保存数据。一．Cookiescookies 也叫 HTTP Cookies， 最初是客户端与服务器端进行会话使用的。 比如， 会员登录，下次回访网站时无须登录了； 或者是购物车， 购买的商品没有及时付款， 过两天发现购物车里还有之前的商品列表。HTTP Cookies 要求服务器对任意 HTTP 请求发送 Set-Cookie，因此，Cookie 的 阅读全文
摘要：
对于背景属性background-image大家应该已经很熟悉了，在CSS2中与它相关的属性还有background-repeat（设置背景是否重复及重复的方式）、background-position（设置背景图片在容器中的位置）、background-attachment（设置背景是否随页面一起滚动），通过这些属性来控制背景图片在容器中如何显示，但我们也只能为容器提供一张背景图片，如果我们想让一个容器的背景用多张图片实现，那么我们该如何去做呢？再在容器里添加一些无用的元素吗？CSS3的诞生为我们解决了这一问题，在CSS3里，通过background-image或者background可以为 阅读全文
摘要：
一个网站最重要的一个部分就是标题。这将是访问者的第一印象,设计出一个吸引眼球并且功能清晰导航还是比较容易的，但想出一个独特的header却总是困难的,这就是为什么我决定把那些对我有最影响的导航列出来了。"其实一个好的网站header也不在于要多么多么的复杂，多么多么的炫，关键是能够突出主题，让别人知道你是干什么的，你在哪个领域。尤其是那种页头放个大广告的，个人感觉这是很不好的，有些网站不仔细看根本就找不到网站LOGO在哪，更有甚者，广告能占上大半个屏幕，若浏览器窗口小的话，根本就找不到可用的内容，全被广告覆盖了。但网站也不能不放广告，毕竟很多网站是靠广告生存的，本博也不例外，也得靠广 阅读全文
摘要：
CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式：1、结构化命名法；2、语义化命名法。 结构化命名法：根据页面中板块的位置而命名，如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边，那么这时content-left板块却在右边，板块位置与其命名完全不符，那么我们这时就要修改页面中的以及CSS样式中的选择器名字了，这样会很不方便，尤其是当页面结构复杂时，一会儿left,一会儿right，这样会很不容易维护。 语义化命名法：根据页面中模块的功能而命名，如页面头部header、导航栏nav、主体main、侧边栏sidebar、底部footer、新闻列表 阅读全文
摘要：
什么叫做响应式布局？ 也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，随着现在各种终端的快速发展，做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要，这不仅使得自己的网站适应不同终端的能力更强，同时也为用户带来了良好的体验。而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一 阅读全文
摘要：
Initializr这是一个HTML5模板创建工具，帮助你得到持续的最新的HTML5样板文件。XRAYXRAY目前支持Safari, Firefox和IE浏览器，XRAY使用了CSS3的多个酷炫功能，如圆角边框、不透明度、盒子、文本阴影和HTML5 canvas。DevExtreme功能强大的HTML5,CSS和JavaScript开发框架，只需通过一个SDK就可以交付到所有常用平台，可创建跨多平台和多设备应用程序。Rendera在线编辑HTML和CSS代码并实时生成样式，还可以帮助学习HAML,Sass和CoffeeScript。CanvasLoader Creator这个开源在线工具用于为 阅读全文
摘要：
今天来个比较潮的，分析一下小米前端js排队代码;！ 走过路过不要错过了！ 话说小米手机不错，主要是miui不错。买个手机天天要抢。其实我是比讨厌这种营销。把手机价格搞的低低的，吸引注意。好长一段时间，你很难抢的到手机。 相比小米，我更喜欢魅族,虽然我用的是小米1s.以后有点闲钱，换手机买一部魅族。 下面来享受这段代码。 你想做抢购软件？抢购机器人？先看懂这代码吧！ 10.15号的抢购js代码，都写到一个js文件中.里面的代码是mini版本的，查个工具把他格式化一下就可以了。 http://p.www.xiaomi.com/open/131009/mi3/buy/process.min.j... 阅读全文
摘要：
Jatinder Mann是微软Internet Explorer产品的一名项目经理，在BUILD 2012大会上，他做了题为“提高HTML5应用和网站性能的50条秘技(50 performance tricks to make your HTML5 apps and sites faster)”的演讲，介绍了很多为Web应用程序提速的技巧。 Mann的建议是按照下面六个原则组织的。 1. 快速响应网络请求。 避免重定向。排名前1000的网站中，63%使用了重定向。如果不执行重定向的话，页面速度可以提高10%。 避免Meta-refresh。世界上14%的URL使用了Meta-ref... 阅读全文
摘要：
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载 实现预加载图片有很多方法，包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案，十分高效。 单纯使用CSS，可容易、高效地预加载图片，代码如下：#preload-01 { backgrou.. 阅读全文
摘要：
今天来个比较潮的，分析一下小米前端js排队代码;！ 走过路过不要错过了！ 话说小米手机不错，主要是miui不错。买个手机天天要抢。其实我是比讨厌这种营销。把手机价格搞的低低的，吸引注意。好长一段时间，你很难抢的到手机。 相比小米，我更喜欢魅族,虽然我用的是小米1s.以后有点闲钱，换手机买一部魅族。 下面来享受这段代码。 你想做抢购软件？抢购机器人？先看懂这代码吧！ 10.15号的抢购js代码，都写到一个js文件中.里面的代码是mini版本的，查个工具把他格式化一下就可以了。 http://p.www.xiaomi.com/open/131009/mi3/buy/process.min.j... 阅读全文
摘要：
现在博客很流行，相信应该上网时间稍微长点的朋友都会在这或者在那的有一个自己的博客。对于一些有一定能力的朋友，可能更喜欢自己去下载一个博客程序来架设一个自己的博客，而不是使用一些博客网站提供的服务。而大部分博客程序所带的搜索功能是提交查询关键字到搜索页面，然后在后台生成搜索结果，再呈现给用户，这过程之中浪费了一些带宽，如博客的侧边栏。要节约这一些带宽，我们可以用AJAX来打造自己的无刷新日志搜索。在本篇教程中，数据库的表名和日志查看页面以L-Blog为例，因为我的博客程序是从L-Blog修改而来^_^。本教程中的例子已经通过实际测试，可以直接在L-Blog或FBS中使用。当然，要真正应用的话还是 阅读全文
摘要：
但凡从事互联网的人基本都会写几行 html，用过 Word 的人用 Dreamweaver 也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前端实现，没问题；兼容性，小 case；图片集成，一直都在用……还能有什么问题？瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢？网易邮箱前端技术中心也设立好几年了，似乎有着讨论不完的话题，也经常会有一些新的想法让大家为之一振。那么页面开发还有哪些要求，还要做些什么，这里面的水有多深，让我们舀舀看。在不同的时期对页面前端的看法似乎是多变的 阅读全文
摘要：
月光博客6月12日发表了《写给新手程序员的一封信》，翻译自《An open letter to those who want to start programming》，我的朋友（他在本站的id是Mailper）告诉我，他希望在酷壳上看到一篇更具操作性的文章。因为他也是喜欢编程和技术的家伙，于是，我让他把他的一些学习Python和Web编程的一些点滴总结一下。于是他给我发来了一些他的心得和经历，我在把他的心得做了不多的增改，并根据我的经历增加了“进阶”一节。这是一篇由新手和我这个老家伙根据我们的经历完成的文章。我的这个朋友把这篇文章取名叫Build Your ProgrammingTechni 阅读全文
摘要：
我们无法想象世界上没有手机。他们已经成为日常生活中不可缺失的一部分。今天的手机可以让你不只是拨打电话和发送消息。它可以让你浏览网页空间，拍照，看书，听音乐等等。回顾一下互联网，你会看到不同的音乐APP多如牛毛，也有很多的功能。在这样的多种选择下，你可以拿起最有吸引力和舒适的APP软件来听歌。在这里，我收集了20个惊人的音乐应用程序设计出你的创造力。这些应用程序可以从网站上下载，其他的就是设计概念。但是，所有的都是那么鼓舞人心！1. SoundAround App by Ilya Dmitruk2. MuscTube Concept by Isaac Sanchez3. Music iOS ap 阅读全文