Tagged

css 框架

A collection of 5 posts

css 框架

一个全能的CSS框架:BlueTrip

BlueTrip 是一个想要整合以下优点的CSS 框架: 集成了BluePrint & Tripoli 框架的做好的部分; Hartija 的打印样式; 960.gs的简洁; Elements 图标 作者想以此为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。 BlueTrip的一些特性: 24列网格 形象的布局样式 简洁的表单样式 一个打印样式 一个空的开始样式表 时髦按钮 状态信息样式 想实际看看这个框架吗?看一下demo吧. PS:神飞之前基于960CSS发布了改良版本的Sparkle CSS框架,而且一直计划搞个Print样式,但是一直delay,最终也没有实施,现在好了这个框架可以完全实现我需要的功能了。

blueprint

BluePrint CSS框架0.9版发布

BluePrint是一个非常成熟也非常流行的CSS框架,很多网站和wordpress基于Blueprint搭建前端结构。 最近,blueprint发布了0.9版本,相对于0.8版,有比较大的改进: 改进forms.css,增加CSS选择器标签的使用,比如input标签,这样可以避免使用.text/.button等样式,可以减少样式class的数量。如果你已经无视了IE6的话,可以选择摈弃这些类——当然,blueprint也保留了.text/.button等样式。 修改IE条件注释条件为[if lt IE8],而不再针对所有的IE浏览器,因为IE8对CSS2.1的支持已经非常棒了。 具体的改变如下: input[type=text], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; } input[type=text]:focus, input.

css

CSS框架:The Golden Grid

The Golden Gird是一个网格系统,是vladocar开发的一款比较新的CSS框架,可以为现代网站设计提供一个全新的布局参考。它非常小巧,所以很容易学习上手。其中的某些处理布局的方法是很值得借鉴的。如果你了解960网格系统,那么这个框架,你会更加容易使用。 访问官网 | 下载 Golden Grid Demos grid system(6 column) grid system (12 column) grid system grid system(most common images and video ratios) grid system columns grid system visual tutorial

css 框架

Emastic CSS框架发布beta3版本

这是一个轻量级的CSS框架,也是一个较新的CSS框架,不过它更新的挺快的,也有很多地方值得学习,所以在这里推荐一下。 官方简介: Emastic 是一个CSS框架,它将持续任务是:探索未知的新世界,寻找新的生活和新的网络空白,大胆发现CSS框架没有到达的地方。 emastic的优点: 轻量级 (压缩后小于4kb) 个性化宽度(em,px,%) 在网格中使用固定的或非固定的列 Elastic使用”em”布局 Beta3更新: percent-grid.css (Plugin) absolute-grid.css (Plugin) semantic.css (Plugin) Beta2更新: gadgets.css (Plugin) 垂直间距 改良排版 (基于网格) 官方网站:http://code.google.com/p/emastic/

css 框架

132 个 Web 设计工具(上)

这是 Mashable 搜集的 130 个 Web 设计工具,涵盖了从初学者到高级 Web 设计人员需要的各种工具和资源。这是第一部分。同时请参阅 Web 开发工具箱:120个 Web 开发工具的第一,第二部分。 本文在翻译原文的基础上,又添加了两个工具。初学者资源 YAML Builder 简单易用的 YAML (Yet Another Multicolumn Layout – 做栏布局)XHTML/CSS 站点布局。(事实上,YAML是一个非常著名的CSS框架) YUI Builder – Made by Yahoo,是YUI框架的一部分,类似于YAML,可以在线生成网页的CSS结构框架。 Sky CSS Tool – JavaScript CSS 工具 The