zdg/
共21个网摘 [
1 ] |
访问zdg的个人空间
zdg收录,使用标签:CSS, Framework,时间:2007-12-25 13:49:09 | 相关网摘,我也收藏
CSS框架之一 YAML
大家比较熟悉的是js框架,例如prototype、jQuery呀。其实XHTML+CSS也是有框架的,最著名的可能就是YUI了,是yahoo开发小组的。但是那个稍微有点庞大,而且牵扯到一些的JS框架。所以刚开始研究的时候可能稍微有点累。而这个yaml就比较单纯了。
CSS框架之二 blueprintcss
Features:
* An easily customizable grid
* Sensible typography
* Relative font-sizes everywhere
* A typographic baseline
* An extendable plugin system
* Perfected CSS reset
* A stylesheet for printing
* Compressed version
* No bloat of any kind
CSS框架之三 Elements
Elements是一款纯净的CSS框架,可以帮助设计师快速高效率的书写css文档。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。
http://www.21andy.com/blog/20071222/771.html
zdg收录,使用标签:CSS, WebDesign, Performance, YUI,时间:2007-10-9 18:43:11 | 相关网摘,我也收藏
我们知道,自CSS革命以降,HTML倾向于语义化,在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的,少不了各种漂亮的图来装点。新时代的生产方式是,在HTML布满各种各样的钩子(hook),然后交由CSS来处理。在需要用到图片的时候,现阶段是通过CSS属性background-image组合background-repeat, background-position等来实现(题外话:为何我提现阶段,因为未来浏览器若支持content则又新增另外的实现方法)。我们的主角是,你一定猜到了,就是background-position。通过调整background-position的数值,背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变,由于图片位置的改变,你看到只该看到的而已。就好比手表上的日期,你今天看到是21,明天看到是22,是因为它的position往上跳了一格。所以你也大概了解到,CSS Sprites一般只能使用到固定大小的盒子(box)里,这样才能够遮挡住不应该看到的部分。
http://realazy.org/blog/2007/10/08/css-sprites/
zdg收录,使用标签:WebDesign, CSS,时间:2007-3-1 13:59:58 | 相关网摘,我也收藏
优秀的CSS设计,我的判断标准(按照实现的步骤):
摒弃table布局,采用完全的CSS布局。table标签仅用在容纳表格型数据的场合,而不用于页面布局的目的。
全部或者几乎全部取消使用带有表现含义的标签和属性,将这些工作全部交给CSS来完成。
尽量实现CSS代码的重用,尽量多利用CSS的继承和层叠,而不是到处定义新的CSS类。
页面中的标签都是带有结构含义的,尽量少因为布局的目的引入额外的div标签。
页面中的结构与表现完全分离,结构位于html文件中,表现位于css文件中。
尽量使用通用的CSS语法,少用特定于某种浏览器的CSS语法,必需要用的这类语法隔离在单独的css文件中,以便日后浏览器升级后删除。
http://ajaxcn.org/space/start/2007-02-28/1
zdg收录,使用标签:CSS, WebDesign,时间:2005-12-21 17:25:25 | 相关网摘,我也收藏
This document will summarize the level of support for standard web technologies by popular web browsers. It deals primarily with the Internet Explorer, Firefox, and Opera web browsers, with focus on the HTML, CSS, DOM, and ECMAScript technologies.
http://nanobox.chipx86.com/browser_support.php
zdg收录,使用标签:javascript, CSS, WebDesign,时间:2005-8-2 1:45:39 | 相关网摘,我也收藏
In Web applications I've seen numerous — and personally implemented a few — ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification...boo.Then I came across Simon Cozens' example of rearranging a list via drag & drop. I was so inspired I had to try it out myself.
http://tool-man.org/examples/sorting.html
共21个网摘 [
1 ]