如何使input按钮的高度在不同浏览器中一样
input按钮的高度在各个浏览器中表现不尽一致，如果想让input text和input button在一条直线上显示，常常在firefox下看着两个一样高，到IE或Chrome里就不一样高了 Related posts: 通过CSS禁止Chrome自动为输入框添加橘黄色边框 让页脚不再沉寂 用PhotoShop压缩PNG图片 又被DOCTYPE耍了 如何清除浮动
View Article让页脚不再沉寂
今天在WordPress Hosting Reviews网站看了一篇文章叫做7 Awesome Footer Designs，叹为观止。我不搞设计，没有美感，对精彩绝妙的设计崇拜的五体投地。分享一下这篇文章中提到的设计，以及设计出这些footer的网站，精彩不仅仅在页脚 Related posts: 通过CSS禁止Chrome自动为输入框添加橘黄色边框...
View Article如何实现Pinterest布局
Pinterest布局是瀑布流布局的一种，完全使用javascript实现，自从看见Pinterest以后，就对这种布局的原理很好奇，我不懂前端的知识，看到这种布局的感觉是云山雾里，连自己到底不懂什么都不知道了 Related posts: Isotope让网页布局比pinterest更灵活 简单实用容易集成的javascript slideshow 最简单的jquery页内锚点平滑跳转代码...
View Article用PhotoShop压缩PNG图片
大的PNG图片尺寸动辄几百kb，网速慢会严重拖慢打开网页的速度，其实用Adobe PhotoShop的色调分离功能就可以有效的压缩PNG图片，并且质量是可控的。 Related posts: 通过CSS禁止Chrome自动为输入框添加橘黄色边框 如何使input按钮的高度在不同浏览器中一样 让页脚不再沉寂 又被DOCTYPE耍了 如何清除浮动
View Article又被DOCTYPE耍了
布局一个表单，想实现垂直居中的效果，用的方法很普通，就是设置高度=line height的把戏，在网上找了实例，例子管用，我copy了例子的html和css，却死活不管用。苦思冥想，得瑟了半天，才返现又掉进了DOCTYPE的陷阱。 Related posts: 如何清除浮动 按钮在IOS下渲染异常的解决方法 通过CSS禁止Chrome自动为输入框添加橘黄色边框...
View ArticlejQuery Mega Menu集合
Mega Menu是多栏下拉菜单，通常下拉菜单只显示一栏，如果项目多了就会很长，Mega Menu下拉列表中将菜单显示成多栏，可以有效的利用空间，Mega Menu效果请参考本站导航菜单。 Related posts: 最简单的jquery页内锚点平滑跳转代码 如何实现Pinterest布局 14个jQuery Carousel特效插件 11个Coverflow特效脚本 什么是CSS reset
View ArticleCanIUse.com -轻松 获取HTML5、CSS3各浏览器兼容性
caniuse.com是一个工具性的网站，如其域名所示，该网站宗旨是帮助人们了解各个浏览器以及它们的不同版本对HTML5、CSS3等高级特性的支持情况，力求表述清晰，查找方便，全部信息都用列表形式展现，以不同颜色表示支持情况。该网站可以帮助网站设计人员根据网站针对的用户有选择的使用web设计高级特性，提高用户体验。 Related posts: 快速响应的Web设计案例大全...
View Article快速响应的Web设计案例大全
快速响应的Web设计，英文叫做Responsive Web Design。用户访问web的设备种类繁多，可以是手机、平板或者笔记本，屏幕尺寸不一，快速响应的Web设计就是为了让用户无论用何种尺寸屏幕访问网站，都能获得最佳体验。网页会根据屏幕尺寸自行调整，适应不同屏幕。 Related posts: CanIUse.com -轻松 获取HTML5、CSS3各浏览器兼容性 什么是CSS reset...
View Article如何清除浮动
浮动的块级元素在网页布局中经常用到，因为它灵活方便，但也有副作用，比如浮动的块级元素无法撑起父级元素的高度，本文介绍浮动元素为何无法撑起父级元素的高度，以及清除浮动的最佳方法。 Related posts: 又被DOCTYPE耍了 按钮在IOS下渲染异常的解决方法 通过CSS禁止Chrome自动为输入框添加橘黄色边框 如何使input按钮的高度在不同浏览器中一样 让页脚不再沉寂
View Article按钮在IOS下渲染异常的解决方法
在ios下，当使用圆角、背景灯css定义input提交按钮时，按钮看起来很奇怪，被莫名其妙的加上高光效果，本文描述了问题并提供解决方法。 Related posts: 又被DOCTYPE耍了 如何清除浮动 通过CSS禁止Chrome自动为输入框添加橘黄色边框 如何使input按钮的高度在不同浏览器中一样 让页脚不再沉寂
View Article如何使input按钮的高度在不同浏览器中一样
input按钮的高度在各个浏览器中表现不尽一致，如果想让input text和input button在一条直线上显示，常常在firefox下看着两个一样高，到IE或Chrome里就不一样高了
View Article让页脚不再沉寂
今天在WordPress Hosting Reviews网站看了一篇文章叫做7 Awesome Footer Designs，叹为观止。我不搞设计，没有美感，对精彩绝妙的设计崇拜的五体投地。分享一下这篇文章中提到的设计，以及设计出这些footer的网站，精彩不仅仅在页脚
View Article如何实现Pinterest布局
Pinterest布局是瀑布流布局的一种，完全使用javascript实现，自从看见Pinterest以后，就对这种布局的原理很好奇，我不懂前端的知识，看到这种布局的感觉是云山雾里，连自己到底不懂什么都不知道了
View Article用PhotoShop压缩PNG图片
大的PNG图片尺寸动辄几百kb，网速慢会严重拖慢打开网页的速度，其实用Adobe PhotoShop的色调分离功能就可以有效的压缩PNG图片，并且质量是可控的。
View Article又被DOCTYPE耍了
布局一个表单，想实现垂直居中的效果，用的方法很普通，就是设置高度=line height的把戏，在网上找了实例，例子管用，我copy了例子的html和css，却死活不管用。苦思冥想，得瑟了半天，才返现又掉进了DOCTYPE的陷阱。
View ArticlejQuery Mega Menu集合
Mega Menu是多栏下拉菜单，通常下拉菜单只显示一栏，如果项目多了就会很长，Mega Menu下拉列表中将菜单显示成多栏，可以有效的利用空间，Mega Menu效果请参考本站导航菜单。
View ArticleCanIUse.com -轻松 获取HTML5、CSS3各浏览器兼容性
caniuse.com是一个工具性的网站，如其域名所示，该网站宗旨是帮助人们了解各个浏览器以及它们的不同版本对HTML5、CSS3等高级特性的支持情况，力求表述清晰，查找方便，全部信息都用列表形式展现，以不同颜色表示支持情况。该网站可以帮助网站设计人员根据网站针对的用户有选择的使用web设计高级特性，提高用户体验。
View Article快速响应的Web设计案例大全
快速响应的Web设计，英文叫做Responsive Web Design。用户访问web的设备种类繁多，可以是手机、平板或者笔记本，屏幕尺寸不一，快速响应的Web设计就是为了让用户无论用何种尺寸屏幕访问网站，都能获得最佳体验。网页会根据屏幕尺寸自行调整，适应不同屏幕。
View Article如何清除浮动
浮动的块级元素在网页布局中经常用到，因为它灵活方便，但也有副作用，比如浮动的块级元素无法撑起父级元素的高度，本文介绍浮动元素为何无法撑起父级元素的高度，以及清除浮动的最佳方法。
View Article