0

如何让IE彻底听从你

原作者 Paul Andrew (Speckyboyspeckyboy@twitter).

原文:http://designreviver.com/tips/internet-explorer-resources-for-web-developers/

在开发者与设计者眼里没有比通过IE浏览网站更糟糕的事情了,随着IE8的到来,事情有所好转,但是仍然有大量的用户在使用IE6和IE7,请升级,立刻升级!!!

IE 仍然占有绝大部分的用户,所以,很遗憾,开发者和设计者还要和他相伴工作(我非常的扫瑞啊)。

今天,我们整理了一部分很好的资源,提示和备忘录来帮助您为IE做开发。

终极 IE6 备忘录:如何解决25+ Internet Explorer 6 臭虫

IE Hacks

(more…)

0

圆角啊圆角

送给圆角的重度喜好者

Rounded Corners

经典方案 (css/jquery)

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=”text/javascript” src=”js/jquery.corners.js”></script>
<script type=”text/javascript”>
$(function(){
$(‘.box’).corners(’10px’);
});
</script>

<div>
<!–CONTENT–>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.corners.js"></script>
<script type="text/javascript">
$(function(){
	$('.box').corners('10px');
});
</script>

<div>
	<!--CONTENT-->
</div>

(more…)

1

146个css网站展示站

0

有关CSS的Class命名

My Top 10 Most Used CSS Class Names

看到这篇文章以后,做下自己的整理。

在写css的过程中,Class的命名是非常重要的一项内同,简洁有语义的Class命名有利于代码的可读性。虽然伴随着HTML5的到来,会逐渐弱化,直接在HTML标签上进行简化和加强语义,但是这里还是有必要写一下。

class=”fixed”

这里是清除浮动的新写法,自动产生一个不显示的字符”.”,清除浮动,非常的实用。我自己使用class=”clearfix”

.fixed:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.fixed{
	display:block;
	}
/*  \*/
.fixed{
	min-height:1%;
	}
* html .fixed{
	height:1%;
	} (more...)
1

10个有趣的轻量级jQuery插件

本文为web developers准备了十个有趣的轻量级jQuery plugin.清单上包括了lightbox,HTML编辑器,图片插件,tooltips插件以及PHP接口插件。

1. ColorBox
ColorBox是一个轻量级的可自定义的lightbox jQuery 1.3插件仅有9KB。可以支持图片,图片组,滑动显示,ajax,inline,与框架内容;通过CSS完全控制表现,用户可以自定义box的样式;行为设置可以被重写,而不用修改js文件。

2. markItUp!
markItUp! 轻量级jQuery插件 (仅有 6.5 KB).轻松将文本框变成编辑器。

3. jFlow
jFlow 是模仿非常流行的 codar滑动插件,能让内容滑动显示.仅有2KB

4. JPolite
JPolitejQuery POrtal Lite – 基于jQuery 的轻量级前端web框架(5 KB)。 查看 demo.

5. vTip
vTip 快速提供tooltips的轻量级解决方案 (706b js, 272b CSS, 270b 图片)。

6. jQuery Cycle Plugin
jQuery Cycle Plugin 轻量级滑动显示插件。提供了暂停,自动停止,自动适应,前后回调,点击触发和许多转变效果。多层的继承,每个子元素也可以变成 “slide”. 过渡效果可以进行时间和效果设置。

7. Wilq32.RotateImage
Wilq32.RotateImage 轻量级简单易用图片旋转插件。

8. jqModal
jqModal 提供在网页浏览器中以窗口形式显示提示,对话框的轻量级插件。

9. jQPie
jQPie 是提供PHP接口的轻量级的 jQuery插件.多种混合方式进行配合,支持  XML, HTML and JSON,

10. jContext
jContext 是轻量级右键显示菜单插件,仅有 0.6kB .