`

推荐一个新的css框架Elastic

CSS 
阅读更多

隆重为大家介绍css 框架的后起之秀:Elastic CSS Framework ,该框架的项目地址:http://elasticss.com/
,与BluePrint等框架的不同,Elastic CSS框架允许设定自由宽度的区域,这样对于设计应用程序类的人就比较适用了,像960等css框架并不能很好的利用宽屏大显示器的空白区域,这个Elastic框架就是用在这种场景下的。下面是官方的区别介绍:

 
What are the differences between Elastic and other frameworks
Elastic CSS Framework defines a declarative language to make layouts, for example: two-columns, fixed-column, column. Other frameworks use more cryptic names like col1of3 or e30

Most frameworks are based on a grid system(Blueprint, 960gs, Tripoli). Elastic CSS Framework is a freestyle framework you can mix and nest any number of columns, you can even mix any number of columns, fixed-columns, and elastic-columns

Elastic CSS Framework provides a set of helper classes, to accomplish hard things by pure CSS like: same-height, full-width, and vertical-center

Elastic CSS Framework is designed so you can mix classes to accomplish complex layouts, recent frameworks are doing this too (OOCSS)

Elastic CSS Framework does not impose any rule on the size of your layout, subpixel rounding problems come to the game, Elastic provides a predictable, and consistent method to deal with this,(OOCSS has a method for subpixel rounding too) But both frameworks have taken different approaches to this problem.

Elastic has integrated clearfix, so there is no need to do clearfix manually when making a layout. Most other frameworks require that the developer handle this, making it more difficult to change, and learn

Elastic clearfix method is not intrusive, it does not require extra markup, and don’t use overlfow:hidden to accomplish it. So you can position relative or absolute like if your where not using clearfix at all.

Some frameworks require that the developer use a class ‘last’, to let the framework know that a block is ended, Elastic handles this situation automatically, making it easier to learn and code.

Many frameworks are designed to make fixed with layouts, others to make liquid layouts, and some recent frameworks are offering mixed solutions. Elastic lets you to handle liquid, fixed, and elastic layouts, and even mix this techniques in the same layout.

Elastic is the first framework to provide a set of snippets to event make development faster in the form of snippets, currently there is a bundle for gedit, textmate and coda.

Elastic is not designed only for page layouts, you can layout widgets, and complex web-based applications too, and use it almost in anything related to html.

 

 

分享到:
评论

相关推荐

    css 框架 Elastic_2.0.1.zip

    CSS框架: 整套CSS,可以构建跨浏览器的页面。

    Elastic是一个简单的CSS布局框架

    Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局,如下图所示: 常见的网页布局示例请看这里,所有的这些都是通过CSS进行控制的,非表格。

    基于Java的Elasticsearch ORM框架设计源码

    这是一个基于Java的Elasticsearch ORM框架设计,使用JavaScript、Java、HTML和CSS语言开发,包含769个文件。主要文件类型包括321个JavaScript文件、182个Markdown文档、157个Java源文件、44个HTML文件、33个PNG图片...

    CSS框架集合

    包括easy1.0、elastic.2.0.3、elements_v2、Emastic - CSS Framework 0.8等15个压缩包

    基于Java的Elasticsearch搜索引擎ORM框架设计源码

    这些文件详细展示了如何使用JavaScript、Java、HTML和CSS构建一个Elasticsearch搜索引擎ORM框架,该框架提供索引全自动智能托管,与Mybatis-plus一致的API,屏蔽语言差异,开发者只需要会MySQL语法即可完成对Es的...

    弹性 UI 框架 :raising_hands:

    我们还有一个常见问题解答,涵盖了常见的使用问题。安装 要将 Elastic UI Framework 安装到现有项目中,请使用 yarn CLI(不支持 npm)。yarn add @elastic/eui 请注意,EUI 有几个 peerDependencies 要求,如果从...

    eui:弹性UI框架:raising_hands:

    我们还有一个,涵盖常见用法问题。 安装 要将Elastic UI Framework安装到现有项目中,请使用yarn CLI(不支持npm )。 yarn add @elastic/eui 请注意,EUI有,如果从空白项目开始,则也需要安装。 您可以阅读有关...

    elasticsearch-play:ElasticSearch过滤器标记器分析器在线测试仪

    屏幕截图技术领域前堆Angular as Javascript框架指南针作为CSS框架作为任务管理器而苦恼(缩小,测试...)服务器堆栈不带框架PHP(有点SF2组件) PHP ElasticSearch库Nginx作为HTTP服务器ElasticSearch 1.4 as ......

    tentomon:移动端纯 CSS 框架

    版权所有 (c) 2014 elastic.css 特此授予获得本软件副本和相关文档文件(“软件”)副本的任何人免费许可,不受限制地处理本软件,包括但不限于使用、复制、修改、合并的权利、发布、分发、再许可和/或出售软件的...

    open-commerce-search:围绕像Elasticsearch这样的开源搜索技术构建Commerce搜索解决方案的框架

    围绕开源搜索技术(例如Elasticsearch)构建Commerce Search Solutions的框架。 内容 概述 文件 快速开始 请看看我们的 。 这个简短的教程可帮助您使用一些示例数据来启动OCSS并在本地运行。 生成的API文档 如果您...

    SlimJec:Slim Pure Javascript Elasticsearch 客户端

    SlimJEC,一个 Slim Javascript Elasticsearch 客户端 纯 Javascript 客户端,用于对 ES 实例进行真正的基本访问。 没有花哨的框架,没有 Node.js,没有 Python。 只是你的浏览器。 SlimJec 包括 一个 Javascript...

    一个全品类的电商购物网站

    Elasticsearch-5.6.8 nginx-1.10.2 FastDFS - 5.0.8 MyCat Thymeleaf JWT 1.3.2.技术解读 上面的技术组合可以在项目中解决以下电商中的典型问题: 利用Node.js及Vue.js技术栈,实现前后端分离开发 利用SpringCloud...

    play framework 框架手册 word 版

    但是我们可以在一个完全不同的类里定义一些拦截器,然后在任何控制器里使用@With注释来链接他们。 - 42 - Session和Flash作用域 - 42 - 04.模板引擎 - 43 - 模板语法 - 43 - Expressions: ${…} - 44 - Template ...

    基于SpringBoot+Mybatis+SpringSecurity+Redis+ElasticSe的个人博客系统(源码)

    项目介绍 使用当前流行的框架组合SpringBoot+Mybatis,同时整合MybatisPlus插件取代常用的CRUD,简化开发。 基于RBAC模型构建权限管理模块,并集成...CSS框架:Materialize(前台)、Layui(后台) JS框架:Vue(前台

    全品类的电商购物网站(B2C)

    前端技术: 基础的HTML、CSS、JavaScript(基于ES6标准) JQuery Vue.js 2.0以及基于Vue的框架:Vuetify 前端构建工具:WebPack ...Elasticsearch-5.6.8 nginx-1.10.2: FastDFS - 5.0.8 MyCat Thymeleaf

    java商城项目后台管理系统.zip

    .技术选型 前端技术: 基础的HTML、CSS、JavaScript(基于ES6标准) JQuery Vue.js 2.0以及基于Vue的框架:Vuetify 前端构建工具:WebPack ...Elasticsearch-5.6.8 nginx-1.10.2: FastDFS - 5.0.8 MyCat Thymeleaf

    乐优商城项目.rar

    前台技术: 基础的HTML,CSS,JavaScript的(基于ES6标准)JQuery Vue.js 2.0以及基于Vue的框架 前端构建工具:WebPack 前端安装包工具:NPM ...Elasticsearch-5.6.8 nginx-1.10.2: FastDFS - 5.0.8 MyCat Thymeleaf

    ember-eui:https://elastic.github.ioeui的Ember组件

    该项目旨在提供实现的css层的余烬组件 图示 为使图标正常工作,您需要: 安装ember-svg-jar 将以下ember-svg-jar选项添加到ember-cli-build.js : 注意:我们目前正在使用来自ember-svg-jar的叉子,用于hbs策略...

    基于spring boot的爬虫系统,优秀毕业设计,计算机必看!

    > WebMagic : 爬虫框架,有去重功能,支持Xpath、regex、css等选择器 三. 运行方式 先启动`zookeeper`和`elasticsearch` , 并修改相应配置,然后按下面任意方式启动项目 > 方式一: 执行命令`mvn spring-boot:run`...

    Java及大数据学习路线.pdf

    Java8新特性 数据库MySQL与SQL语⾔ JDBC 2.2JavaEE核⼼ HTML、CSS、JS、XML Tomcat服务器、HTTP协议、JSP、Servlet组件 EL表达式、会话控制、⽂件的上传下载 Filter组件、Listener组件、异步传输框架AJax 系统整体...

Global site tag (gtag.js) - Google Analytics