早起的菜鸟

FEer---思考,感悟,总结,翻译,分享

导航

2011年9月18日 #

针对IE的CSS hack 全面 实用

摘要: .all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{property//:value;}lte:就是Less than or equal to的简写,也就是小于或等于的意思。lt :就是Less than的简写,也就是小于的意思。gte:就是Greater than or eq 阅读全文

posted @ 2011-09-18 21:43 早起的菜鸟 阅读(141) 评论(0) 推荐(0) 编辑

经典滑动门-且看js和jQuery两版本哪个更胜

摘要: 说说js版本的吧,js短小精湛,但html文档却很是臃肿;jQuery版的相反,html赤裸文档,js更是小巧,令人着实喜欢。(css是一样的)先看看两个版本的例子吧,效果一模一样:js版本demo:http://www.daqianduan.com/demo/sliding-js.htmljQuery版本demo:http://www.daqianduan.com/demo/sliding-jquery.html下面这个是js版的源代码原文链接:大前端»经典滑动门-且看js和jQuery两版本哪个更胜 阅读全文

posted @ 2011-09-18 21:42 早起的菜鸟 阅读(200) 评论(0) 推荐(0) 编辑

避免常见的6种HTML5错误用法

摘要: 原文链接请点击此处,作者为Richard Clark.一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码:<!-- HTML 4-style code --><div id="wrapper"> <div id="header"> <h1>My super duper page</h1> Hea 阅读全文

posted @ 2011-09-18 21:39 早起的菜鸟 阅读(272) 评论(0) 推荐(0) 编辑

超级实用的Web工具介绍

摘要: HTML5九个让人难以置信的HTML5和JavaScript实验分享21个丰富多彩的 HTML5 小游戏20佳惊艳的HTML5应用程序示例使用 HTML5 可以做的五件很棒的事情五大主流浏览器 CSS3 和 HTML5 兼容性大比拼推荐18个基于 HTML 5 Canvas 开发的图表库CSS3分享50个 CSS3 最佳应用示例推荐12个漂亮的CSS3按钮实现方案分享最新20款非常棒的 CSS 工具推荐10个很棒的 CSS3 开发工具推荐40个优秀的免费CSS工具分享27个使用纯 CSS 实现的图片画廊JavaScript分享15款很棒的 JavaScript 开发工具8个惊艳的JavaScr 阅读全文

posted @ 2011-09-18 21:38 早起的菜鸟 阅读(231) 评论(0) 推荐(0) 编辑

推荐13个CSS3快速开发工具

摘要: 有了下面这些工具,你可以快速方便地掌握css3 并利用它构建页面效果:1.CSS3 Pie2.CSS3 Builder3.CSS3 Drop shadow generator4.Cascader5.Border Radius.com6.Button Maker7.CSS3 Generator8.Modernizr9.HTML5 & CSS3 Support10.CSS3 Gradient Generator11.CSS3 Please12.CSS3 Cheat Sheet13.Ultimate CSS Gradient Generator来源:VIA感谢端友【Aisin Von】的投稿 阅读全文

posted @ 2011-09-18 21:37 早起的菜鸟 阅读(161) 评论(0) 推荐(0) 编辑

Firefox Bug: inline/inline-block的间隙

摘要: 首先要说明的是,这个标题有点标题党的意思,这个 bug 也存在于 IE8 下,在 IE6 和 IE7 下正常。之前写过两篇关于 IE bug 的文章,这里特意用了 Firefox bug 作为标题,是为了给自己找点心里安慰,省得总是埋怨 IE :)。关于 inline-block,可以参考之前的一篇文章跨浏览器的inline-block这个 bug 是“痛在远方”同学碰到的,确实很诡异啊,貌似对标准支持越好的浏览器才会有这个问题。本文来自前端观察,转载请以链接形式注明出处。如下图:在 Firefox 下,inline/inline-block 的元素直接会有莫名的几像素(貌似是6px)的空隙。 阅读全文

posted @ 2011-09-18 21:21 早起的菜鸟 阅读(153) 评论(0) 推荐(0) 编辑

瀑布流布局浅析

摘要: 简介如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊?类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如Pinterest(貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。所以,我们给这样的布局起了一个形象的名字 —瀑布流式布局。几种实现方式随着越来越多设计师爱用这种布局,我们作为前端,要尽可能满足视觉/交互设计师的需求。所以,我们 阅读全文

posted @ 2011-09-18 21:11 早起的菜鸟 阅读(235) 评论(0) 推荐(0) 编辑

【PHP学习笔记】用户注册模块用户类以及验证码类

摘要: PHP学习笔记,用户类以及验证码类的设计 阅读全文

posted @ 2011-09-18 16:49 早起的菜鸟 阅读(928) 评论(0) 推荐(1) 编辑