李清海's blog » HTML & CSS

21+漂亮的Ajax Css表格

grubylee — Tue, 22 Sep 2009 15:26:47 +0000

貌似没有多少设计师愿意谈到表格设计。本文将介绍21种用CSS样式表设计的漂亮表格，并且结合Ajax技术对表格模式的数据进行排序和筛选。要是你也不知道如何设计一个漂亮的表格的话，相信这篇文章应该很有帮助的。

英文原文：21+ Fresh Ajax CSS Tables

1) Tablecloth – 一个轻量极的CSS表格,易于使用,比较清新..

2) Create a table like Orbitz’s airline flights- 这个CSS表格教程告诉我们如何创建一个表格。并且在鼠标移动到一个单元格时，将提示单元格所在的行、列。

3) A CSS styled table- 这个对于一些功能对比的表格应该是相当合适的鸟，比如说IDC啊，产品销售什么的。

4) Sortable Table 额，这个可以进行数据检索啦。

5) Row Locking with CSS and JavaScript

停留的地方，需要用户再次点击解锁。

作者还发布了另一个教程，使用单选框锁定表格

6) Vertical scrolling tables 表格数据太多的话，可以使用一个滚动条。

7) Replicating a Tree table – 一个树形结构的CSS表格。

8 ) Paginate, sort and search a table with Ajax and Rails -这个例子提供一个动态接口，不需要重载整个页面，实现对表的更改。

9) Collapsible tables with DOM and CSS – 此脚本中允许添加被折叠的表和展开表格的页脚箭头图像。

10) TableSorter plug-in for jQuery – 它的主要功能包括多列排序，为TH元素提供RowSpan和colspan支持和其他功能支持。

11) Stripe your tables the OO way

12) MOOTOOLS javascript Table Row & Column highlighting

13) CSS Table Gallery-93样式表展示

14) jQuery Table Filter

15) Sortable/Resizable/Editable TableKit TableKit是HTML表格增强集合使用原型框架。 TableKit行目前实行分段，列排序，列调整大小和单元格编辑使用Ajax。

16) Make all your tables sortable

17) Zebra Tables Alistapart为我们提供一个很好的例子:使用JavaScript和DOM的应用背景色的样式表单元格。

18 ) Standardista Table Sorting 是一种JavaScript模块，可让您任意列排序的HTML数据表。

19) GridView3 Example

20) Mootable 因为他们是从标准表了，他们很好地降解。

21) Drag & Drop Sortable Lists with JavaScript and CSS

两种主流404页面设计思路

grubylee — Sun, 06 Sep 2009 04:08:44 +0000

前文中与大家分享了20个WordPress的页脚设计示例，下面与大家讨论两种主流的404页面设计思想。

当前的404页面设计思路似乎有两种流派。

其一，以Apple和BMI为代表的404页面，在很多正规的网站都使用这种类型的404页面，这种404页面的特点是具有较高的可读性，可以向读者展示更多的网站内容，最终达到留住读者的目的。

苹果404页

其二，以Twitter为代表的个性派，这种404页面看起来更像是一个网站维护中的页面，与博客内容完全独立，更加注重于博主的个性，够漂亮够修改的话，相信读者也会返回到首页的。

twitter 404页

我一直喜欢比较个性的404页面，能够比较幸运的进入漂亮的404页面，相信我会情不自禁的到博主的首页看看去的。

这只是我的个人意见，你使用的哪种方式的404页面呢？或者你使用或者见过更好的方式呢？请留言介绍。

50款优秀的免费(X)HTML/CSS模板

grubylee — Mon, 31 Aug 2009 07:44:06 +0000

推荐50款优秀的免费（X）HTML/CSS模板（其中不少的模板包含有PSD源文件）。模板的作者还写了一些教程，通过对这些模板的学习，相信我们也能制作出优美的模板了，YY一下而已。希望你能喜欢这些模板并且在你的作品里运用它们的技巧。

你可以免费的使用它们，但是在使用模板前，请检查它们的许可限制，注意版权啦。

李清海's blog » HTML & CSS

21+漂亮的Ajax Css表格

两种主流404页面设计思路

50款优秀的免费(X)HTML/CSS模板

Shape

2 Breed

Environment Brand Design

DelliStore

Organic Template Design

The Old Forest

Motion

Package

101 design blog

ec mania

Fashion Club

Charcoal

WaterColored Portfolio Coded

Clean Web 2.0 Layout

Dark and sleek web layout

SindromK

Business Company

Fluid 960 Grid System Templates

Symisun

JET 30

FreshPick 1.0

Creative Media

HTML Resume

Featuring

Green Solutions

Facing

TreeHouse

RamblingSoul

Treasure hunters

Free Admin Template For Web Applications

Urban Artist

Catalogio-01

Futuremag-aio

Design Newsletter Templates

Business

DragonFly

Black Eyed Susan

Black berry

Solitude

Redish

Individual

Trial Impact

Blog Division

Free Software

The Sky Was Blue