`

推荐一个新的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

    总的来说,Elastic CSS框架是一个强大且实用的工具,它可以帮助开发者构建高效、美观且响应式的网页,同时降低了开发复杂度和维护成本。通过熟练掌握Elastic,你将能更快速、更高效地完成网页设计和开发任务。

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

    Elastic CSS框架是一个轻量级、易于使用的工具,旨在帮助开发者快速构建响应式和灵活的网页布局。在网页设计中,布局是至关重要的,它决定了网页元素如何在不同设备和屏幕尺寸上展示。Elastic框架提供了预定义的CSS...

    CSS框架集合

    1. easy1.0:可能是一个简单易用的CSS框架,专注于基础布局和样式,适合初学者或者小型项目。 2. elastic.2.0.3:弹性布局框架,旨在使网站在不同屏幕尺寸下都能自适应,尤其适用于移动优先的设计策略。 3. ...

    css开源的框架

    Azendal Elastic可能是一个专为弹性布局设计的CSS框架,旨在帮助开发者创建可伸缩、适应性强的网站。以下是一些可能的特性: 1. **弹性网格系统**:它可能包含一个基于比例的网格系统,允许内容在不同屏幕尺寸下...

    推荐10款CSS框架.docx

    1. **Elastic CSS框架**:这是一个专为网页布局设计的简单框架,支持多种常见的网页布局模式。它可以帮助开发者快速构建出美观的网页结构。 2. **ThinkCSS**:ThinkCSS是一个XHTML/CSS框架,其主要目标是缩短CSS...

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

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

    基于Java的Elastic-Bg前后端分离权限基础框架设计源码

    该框架是一个基于Java的Elastic-Bg前后端分离权限基础框架设计源码,包含1120个文件,涵盖588个GIF动画、240个PNG图片、114个Java源代码、88个JavaScript文件、19个XML配置文件、18个CSS样式表、15个JSP页面、6个...

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

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

    人工智能-项目实践-检索引擎-基于Java8的SSM+Elasticsearch全文检索的个人博客系统

    为了集成Elasticsearch,项目可能使用了Spring Data Elasticsearch,这是一个Spring框架的扩展,简化了与Elasticsearch的交互。它提供了Repository抽象,允许开发者以声明式的方式执行CRUD操作和复杂的查询,无需...

    使用 tensorflow serving、elasticsearch、vuejs 和 nginx 创建一个可视化搜索引擎

    在这个项目中,我们将探讨如何利用TensorFlow Serving、Elasticsearch、Vue.js和Nginx创建一个功能丰富的可视化搜索引擎。这是一个现代Web应用的典型架构,它将机器学习模型、高效的数据检索、用户友好的前端和可靠...

    elastic-job-lite-console-master.zip

    在Elastic-Job-Lite中,"elastic-job-lite-console-master.zip"是一个包含Elastic-Job-Lite的可视化管理控制台的源码包。这个控制台的主要目的是为了方便用户对Elastic-Job的作业进行管理和监控,从而提高运维效率。...

    elastic-job-lite-console-2.1.6-SNAPSHOT.tar

    Elastic-Job Lite Console 是一个基于Elastic-Job框架开发的定时任务控制台,由当当网推出,旨在为企业级分布式系统提供简单易用、功能强大的定时任务管理工具。版本2.1.6-SNAPSHOT是该控制台的一个开发版本,它在前...

    基于Elasticsearch的Spring框架整合设计源码

    该项目为《Elasticsearch数据搜索与分析实战》图书的配套源码,包含6882个文件,涵盖了丰富的资源,包括3747个JavaScript文件、1108个PNG图片文件、743个SVG图片文件、480个CSS样式文件、170个HTML文件等,并涉及...

    elasticsearch-0.19.12.zip

    "在Servlet中添加对静态资源的指纹支持"意味着这个压缩包可能包含一个库或框架,它为Java Servlet提供了自动处理静态资源指纹的功能。这可能包括一个过滤器(Filter)或其他中间件,用于在服务器端动态生成带有指纹...

    27款经典的CSS框架小结 网页制作必备

    一个CSS框架通常包含一系列的CSS文件集合,这些文件中包含了页面设计中常用的基本元素重置、页面排版、网格布局、表单样式、通用规则等预设代码块。利用这些框架,开发者不需要从零开始编写每一段CSS代码,可以直接...

    elasticsearch-head-master.rar

    1. Flink:Apache Flink是一个开源的流处理框架,支持批处理和流处理两种模式,提供低延迟、高吞吐量的数据处理能力。Flink可以与Elasticsearch集成,将处理后的数据实时写入Elasticsearch,实现数据的实时分析和...

    人工智能-项目实践-搜索引擎-使用Scrapy+Selenium+Elastic Search等一众工具实现搜索引擎,NKU信息

    **Scrapy**:Scrapy是一个强大的Python框架,专为爬取网站并提取结构化数据而设计。在这个项目中,Scrapy被用来抓取网络上的信息,例如NKU官方网站上的课程资料、新闻更新、公告等内容。Scrapy的特性包括可扩展的...

    elasticsearch7.6.1版本+jsoup爬取京东商品数据并使用

    7.6.1版本作为Elasticsearch的一个稳定版本,引入了一些重要的改进和优化,包括增强的性能、更好的安全性以及对JSON和索引处理的优化。在这个项目中,Elasticsearch将作为数据存储和检索的核心。 Spring Boot简化了...

    基于Spring Boot、Elasticsearch、Kafka及缓冲队列的日志收集系统设计源码

    该项目是一款基于Spring Boot框架,融合Elasticsearch、Kafka及缓冲队列技术的日志收集系统源码。该系统采用Java语言开发,辅以CSS、JavaScript和HTML进行界面设计,共包含37个文件,其中Java文件19个,图片文件3个...

    elasticsearch实现增强百科搜索,scrapy实现百科爬虫,项目通过Django呈现web

    在本项目中,我们主要利用了四个核心技术:Elasticsearch、Scrapy、Django和爬虫,构建了一个增强型的百科搜索系统。下面将逐一详细解释这些技术及其在项目中的应用。 1. Elasticsearch: Elasticsearch 是一个...

Global site tag (gtag.js) - Google Analytics