摘要： meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 vi 阅读全文

摘要： 自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与NativeApp有何区别呢？NativeApp：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2、更新体验较差、同时也比较麻烦每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是 阅读全文

摘要： 难得国外有这样好的教程，我就用我仅有的英文水平翻译一下啦。建议将本博客的中栏和右栏隐藏后观看本文。 转载请注明： 译者：Joe 译文来源：http://xiebiji.com/2009/09/design_a_beautiful_website/ 原文来自：Design a Beautiful Website From Scratch 引言 你是否曾经想过设计一个漂亮的网页，但是却不知道怎样入手？说实话，几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页，我就希望自己有技术创作这样的设计作品。 今天我可以这么做了，而且我将教你怎么做这样的设计！从根本上，对于这种设计你需要一... 阅读全文

摘要： 一. 入门级 《JavaScript dom 编程艺术》《JavaScript权威指南》二.初级开发《javascript高级程序设计》(第二版)《高性能 JavaScript》《JavaScript语言精髓》三.中级开发《JavaScript DOM高级程序设计》《JavaScript设计模式》《高性能网站建设指南》《高性能网站建设进阶指南》四.高级开发无招胜有招 阅读全文

摘要： 网上关于如何让ie6支持png透明的文章很多，不过大体上相关无异，看来看去还是那些内容，今天我简单的整理了一下，希望对大家有帮助。关于让ie6支持png透明主要分为JS和CSS两种方法，各有优点和缺点，所以还要大家在用的时候根据自己的需求进行选择。JS方法、优点：可以一段代码解决整个页的png透明问题，缺点：对于IMG有效，对于png背景的效果不佳，况且要等页面打开后才能执行，会有一个闪动，体验非常不好。CSS方法、优点：无需闪动即可看到效果，对于使用PNG做为背景的层有着很好的可操作性，缺点：IMG标签无效，对于使用了background-position背景定位的层效果不理想。下面我将罗列 阅读全文

摘要： IE6, IE7 & IE8 不能识别HTML5元素，所以当你在CSS选择器里运用了HTML5元素，例如aside,header等，就会引起一个很大的问题。举个列子：在我的项目中我的头部是这么写的<header> <hgroup><h1><a href="#">Standardista</a></h1> <h2>CSS3, JavaScript and HTML5 explained</h2> </hgroup></header>接下来我想为< 阅读全文

摘要： 页面模块化实现的很大的受制于页面的结构和表现；一个统一的页面结构和表现能很好的实现页面的模块话。比如一个“网友评论”模块这个会在很多地方使用到，比如日志，照片，等等，如果这个“网友评论”模块结果和表现是统一的那么我们就不用重复劳动去重新设计制作页面甚至是行为等等，包括后台的数据存贮。《页面模块化（设想）》上面总结了页面模块化的优点，《前端模块化设计思路》也提到要做到模块化的前提条件：为了做到这一点，我们需要有一个设计规则，所有的模块都在这个规则下进 行设计。良好的设计规则，会把耦合密集的设计参数进行归类作为一个模块，并以此划分工作任务。而模块之间彼此通过一个固定的接口（所谓的可见参数）进行交. 阅读全文

摘要： 今天在工作中碰到一个很奇怪的问题，在测试兼容性的时候，出现了在IE6下面拖动滚动条，两边边框的线会出现断开的现象，很是奇怪。查阅了网上资料终于了解明白： 1.左右边框断线现象 条件：容器内有两个浮动，并用CLEAR清除浮动，父元素中没有定义高度宽度。 症状：在ie下拖动滚动条时最外层的border会消失, 情况如下 HTML代码 <div style="margin:500px 100px10px 100px;padding:50px;border:1px solid#ccc;line-height:300%"> <div style... 阅读全文