CSS开发框架 CSS模板-精选15个国外最流行的CSS框架

CSS框架通常指的是一些CSS文件的集合,这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如:

  • typography.css 基本排版规则
  • grid.css 基于网格的布局
  • layout.css 通常的布局
  • form.css for 表单样式
  • general.css 更多通用规则

       虽然对于小的WEB开发项目来说,CSS框架并不一定适用,但是对于规模较大的团队开发项目而言,CSS框架不仅能加快设计开发速度,而且还能有效解决网站改版中带来的诸多麻烦和问题。这里推荐的15款CSS框架是现在国外最流行的CSS框架,希望能对你的开发有所帮助! 

       1 . Elements CSS Frameworks 

CSS Frameworks 

       Elements 是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements 已经超越了仅仅作为一个框架,它有自己的项目工作流。它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦。阅读 概述 了解更多。 

       2 . YUI Grids CSS  

CSS Frameworks 

       YUI Grids基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。 这个4KB的文件可提供超过1000中页面布局组合。 更多信息 

       3 . YAML CSS Framework  

CSS Frameworks 

       Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包。YAML基于网页标准并支持所有现代浏览器。所有的 Internet Explorer的主要渲染漏洞都被解决。YAML 完全支持从5.x到7.0的所有的IE版本。 

       4 . Blueprint CSS 

CSS Frameworks 

       Blueprint 是一个CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。 

       5 . Schema Web Design Framework 

CSS Frameworks 

       Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同,Schema提供必要的基础来开始并立马让你的设计跑起来。 

       6 . CleverCSS 

CSS Frameworks 

       CleverCSS是一个用于css的受Python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它依然是组织样式的很好的主意。 

       7 . Tripoli CSS Framework 

CSS Frameworks 

       Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。 

       8 . ESWAT Web Project Framework 

CSS Frameworks 

       ESWAT正在重新整理。如果你是冲着我的网站框架来的,那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、AppleSeed。 

       9 . Boilerplate CSS Framework 

CSS Frameworks 

       作为BluePrint CSS的原作者之一,我决定把我的思想重新整理到一个赤裸裸的框架,它提供最基本的要素来开始任何项目。这个框架将是较小的而且力求不使用非语义的命名习惯。你就是设计者而且你的技术很重要。 

       10 . WYMstyle CSS Framework  

CSS Frameworks 

       WYMstyle是一组CSS文件,你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块,WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。 

       11 . Content with Style Framework 

CSS Frameworks 

       Content with Style下一个逻辑步骤就是将这个扩展为CSS框架,允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。 

       12 . Logicss Framework 

CSS Frameworks 

       Logicss 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”),排版支持文本字体大小调整(使用EMs) 和垂直居中,符合可定义的灵活的布局网格利用css代码生成工具。 

       13 . That Standards Guy CSS Framework 

CSS Frameworks 

       That Standards Guy只能调用单个样式文件,主样式需要取得CSS认证(WCAG 1.0); 跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac; IE Hacks使用独立文件; 快速创建模板;框架中提供 少量注释/实例演示,可以节省时间来理解。 

       14 . 960 Grid System 

CSS Frameworks 

       960 Grid System是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种类型,12和16列,他们可以独立使用或是协同使用。 

       15 . Emastic CSS Framework 

CSS Frameworks 

       Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

某个域名历史注册记录查询-曾经是否被注册过DomainTools

有我们希望知道一个网站他以前是什么样子的,以前是做什么的,以前的网站和现在的是不是属于同一家公司的等等。通过了解这些信息来对国外客户进行简单的初步考察,以降低我们对外贸易的风险。
有时,我们希望知道一个域名以前是否曾经被使用过,被谁用在什么网站上使用过,以及为什么后来会放弃这个域名等等。通过了解这些信息,以降低买到被惩罚域名的风险。
这时我们需要查看网站(域名)的历史记录。在这里我简单介绍三种方法,并在最后以洋葱网为例进行说明。

方法一 利用搜索引擎
使用搜索引擎Google 和 Baidu ,在Google 和 Baidu搜索栏中输入“Site:www.域名.com”,查询此网站被搜索引擎所收录的页面。在Googel搜索栏中输入“link:www.域名.com”,在Baidu搜索栏中输入“Domain:www.域名.com”,查询此网站的外部链接。从这些数据中,我们可以看到这个站过去的一些迹象。但是,搜索引擎往往保存历史记录的时间较短,最长也就几个月,因此这个方法有一定的局限性。

方法二 利用ALEXA(http://www.alexa.com)
在Alexa网站中,输入需要查询的网站域名,即可得到相关的网站信息,一般来说,Alexa的数据保存得很久,有一定的参考价值。

方法三 利用WayBackMachine(http://www.archive.org)
在WayBackMachine网站中,输入需要查询的网站域名,即可得到一个结果列表
在列表中,每一个日期都对应着当时网站的缓存页,打开这些链接,你可以看到网站几年前的样子,虽然有些页面有些残缺不全,但是对我们来说已经非常有用了。通过分析这些残存的信息我们可以获得足够多的有用信息,如联系方式、网站介绍、公司信息、产品信息、业务信息等等。
方法三其实是可以的,但是经常访问不了,可能在中国又被墙了
http://domain-history.domaintools.com
DomainTools
就会显示出域名历史注册的一些
DomainTools

IE调试工具:SuperPreview for IE(ie6 ie7 ie8调试工具)

之前一直使用IE Developer Toolsbar跟IEtester作为IE的兼容性调试工具,IETester主要用于CSS的调试,而IE Developer Toolsbar用户体验可谓不是一般的糟糕,加上IE Developer Toolsbar经常使自己正常的JS代码变得不正常,所以在IE下兼容性调试的工具没有什么好用的。
今天介绍这款SuperPreview for IE则是微软出品的免费IE兼容性调性工具,需要.NET Framework 3.5库支持。

1、安装截图:

SuperPreview for IE安装截图

2、界面截图:

SuperPreview for IE主界面截图

SuperPreview for IE操作界面截图

直接看特点:

界面漂亮
可调试IE6, IE7-IE8和IE8以及单独的图片
四种浏览模式: 上下两栏,左右两栏,覆盖模式和单栏模式
两种元素高亮模式: 盒高亮和灯光高亮。不知道这样说对不对,反正就是一个用线框住元素,一个把选中元素以外的背景变暗。
显示选中元素的高宽和坐标
支持多种浏览器分辨率切换
支持DOM树查看
其它还有一 些类photoshop的小功能: 参考缩略图、标尺、参考线、缩放和抓手等。
缺点:

中看不中用
不能调试js
不能输入修改内容
总的来说,挺酷的。喜欢的朋友,安装吧。

SuperPreview for IE下载地址http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en
.NET Framework 3.5下载地址(需要这个库的支持)
http://www.microsoft.com/downloads/info.aspx?na=47&p=1&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=8e6ac106-525d-45d0-84db-dccff3fae677&u=details.aspx%3ffamilyid%3dAB99342F-5D1A-413D-8319-81DA479AB0D7%26displaylang%3den