前端开发大众手册(包括工具、网址、经验等)
快捷导航： 在线工具集 常用Firefox插件 IE下的调试工具 参考手册 批处理工具 IDE及其他工具 Bookmarklet 前端开发者社区及权威网站 推荐订阅的博客和网站 另外还搞了个Firefox插件《 前端开发工具集 》，把资源整合到一个菜单下，方便查询。数据放在线上(Go
View Article10个最容易犯的HTML标签错误
保持良好的代码风格是每个Coder必学的课程,同样在 HTML 设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的 HTML标签 错
View ArticleHTML,CSS和JavaScript速查表
速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他们在网上的工作效率大大提高。 事实上，速查表就是来帮助我们把日常中最常用到的信息聚集起来，方便使用，使我们做工作时更有效率。有了它们，免去了你的大脑花额外时间去记忆
View Article精简高效的CSS命名准则和方法
一、无的哲学 佛家讲究因果报应，有果必有应。此段看似与主题没有血缘关系，实际讲的是因。 我个人比较喜欢老子的道家思想，并喜欢以其思想解释学习与工作中遇到的一些问题。例如我之前写过的中国古代道家思想与网页重构的思考一文。 老子有云：天下万物生于
View Article三谈Iframe自适应高度
为什么是三谈 为什么是三谈呢？一是因为这真的是一个被说烂的话题，二是因为太师傅在n年前就写过这篇 再谈 iframe 自适应高度 。之所以再提该问题，是因为之前项目中确实遇到了这个问题的方方面面，有必要总结一下。希望对各位有帮助，有错误请指正。 同域、
View ArticleIE8 hack 集
解决方法： 1.\9: eg:.test { color/*\**/: blue\9 } .header {width:300px;} /* 所有浏览器*/ .header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */ .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/ .header {_width:290px;}...
View ArticleCSS创建竖排文字的简单方法
在制作网页的时候我们经常需要创建一些 竖排 的 文字 ，或许这对你来说是一件很简单的事情，但是你是否想过用 CSS 可有N种创建竖排文字的方法？下面是由我翻译自Nettuts+的文章，希望这几种方法能够给你带来一些提示。 方法一：br /标签 一种可能的方法(但不
View ArticleUI按钮设计方法论(一)
作为一篇关于设计经验分享的博文，我只有靠自己浅薄的经验写出自己个人的看法，关于 界面视觉设计 ，要分类的话能分得很细，所以能写的就很多，所以我打算先从局部来谈谈我总结的一些设计方法。 经常有同学问我一些关于 按钮设计 的问题，怎么样做些漂亮又特
View Article浅议Wap网页设计中的锚点链接
最近做了wap站中的搜索结果页的改版，记录一下关于锚点链接的心得~ 关于锚点链接 锚点链接一般用于比较长的网页，使用内部链接建立页内目录。单击目录跳转到文本的相应位置，最常见的如回顶部、模块间跳转等。 关于锚点链接，可用性研究的宗师Jakob Nielsen
View Article22个HTML5的初级技巧
Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的 HTML5 ，本文总结了22个HTML5的 初级技巧 ，希望能对你进一步学习好HTML5会有所帮助。 1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Do
View Article未知高度的图片垂直居中
图片的宽度和高度是未知的，没有一个固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中，想想感觉还是挺麻烦的，由于最近的项目可能会用到这个方案，所以把一些常用的方法都收集整理了一下。 下图是理想中的效果图，外部容器的宽度和
View Article文字溢出的处理
经常会在项目中碰到 文字溢出 的情况，解决起来也比较麻烦，而最大的麻烦还是在浏览器的兼容问题上。至少到目前为止，我还没找到用CSS就能完美解决文字溢出的办法。前几天就再次碰到这个问题，之后一查，发现和迅雷的一个页面重构的面试题惊奇的相似，仔细一
View Article你需要熟知10个的CSS3属性
前面我已经介绍过了 30个应该记住的CSS选择器 ，那么新的CSS3又有哪些新属性呢？虽然大多数需要特定的前缀，但你仍然可以在你的项目中使用它，其实上我也鼓励大家这么做。 关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的9
View Article2011年网页设计发展趋势
设计与开发之间本有一线界限，但当时代步入又一个十年，这个线变得更加模糊甚至感觉不到它的存在。使用PS设计网页版面，足矣？或许五年前是吧！现在的互联网用户要求越来越多。没有内涵的华丽很快就会被丢弃。如果你追求华而不实的设计，那么相信你很快会被
View ArticleWAP页面设计与实现小贴士
目前绝大多数手机都支持 WAP 2.0 。WAP 2.0的 页面设计 具有更好的视觉效果，更接近网页。不过由于手机千差万别，手机浏览器的能力也各不相同，直接照搬网页的设计与实现，很可能让你的WAP页面出现问题。以下 小贴士 来自于我们的页面设计与开发实践。 1、当
View Article网页设计很糟糕的10个原因
良好的 网页设计 是件很难实现的事情。一个好的网页设计，不仅吸引眼球，也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计，你的用户也会再次回来。而一个坏的网页设计，会把你的用
View Article《HTML5设计原理》读后随记
前言： HTML5和CSS3的时代到来了，新版2011版淘宝网首页已全部使用HTML5，拥抱变化才是王道。 为之漫笔 翻译的很好，看了一遍后，感觉理解了很多，强烈推荐其他做开发的童鞋尤其前端也来看看。不仅让我摸清了 html4，xhtml1.0, xhtml2.0, html5 之间的关系，
View Article让不固定个数的子元素自适应居中
今天群里工友提了一个需求，让固定宽度的子元素，在不确定宽度的容器内水平 居中（自适应） ：UL 宽度不固定；LI 宽度固定，LI 是一个块。看起来还挺简单的。但大家为什么一直讨论不断。奇怪，实现了一下。发现其实还是很简单的。还是没有超出原来的解决方案
View ArticleCSS3 target伪类简介
CSS3 target伪类 是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说，URI中的标志符通常会包含一个#字符，然后后面带有一个标志符名称，比如#respond，target就是用来匹配ID为respond的元素的。 现在在页面中，点击
View ArticleOverFlow:一个秘密武器
如果你已经理解了block formatting contexts那么请继续，否则请先看看 这篇文章 。 Overflow能够做一些很牛掰的事情，比如: 创建BFC (block formatting contexts via W3c css2.1 ) 清除浮动 生成块级元素 overflow属性一旦被指定，那么一个新的BFC就被创建了
View Article
