当你开始初建一个新的项目时,你可能需要一个不太复杂的基础框架,Kube框架应该是你最好的选择.一个独立的CSS文件,帮助你更简单的创建响应式的的布局设计. Kube Framework包括网格.按钮.表.排版的样式和一些其它你用得上的内容,比如链接或者图像等.对于一个开发人员来说,足够的灵活性和完整的自定义是非常有必要的.如果你也正处于新建一个项目时,不妨也来使用一下Kube框架吧. 浏览器兼容: 最新版Chrome 最新版Firefox 最新版Safari 最新版Opera IE 8+ 兼容性…
官网地址:http://jrainlau.github.io/elf/项目地址:https://github.com/jrainlau/elf 介绍 取名为"精灵"的elf,是一个干净,轻巧的响应式CSS框架.她基于flexbox,旨在快速搭建能够适配不同尺寸设备的响应式布局. 使用 安装 npm install elf-css elf是纯粹的css框架,首先需要在页面中引入elf.css: <link rel="stylesheet" href="…
SpaceBase 是一个基于 Sass 的响应式 CSS 框架.SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件…
Gumby 框架是一个基于 SASS 的灵活的,响应式的 CSS 框架.可以借助其灵活,响应式的网格系统和 UI 套件快速创建逻辑的页面布局和应用程序原型. 您可能感兴趣的相关文章 35个让人惊讶的 CSS3 动画效果演示 Web 前沿:一组极其绚丽的 CSS3 效果 Web 前沿:那些让人惊叹的 CSS3 应用 十款精心挑选的在线 CSS3 代码生成工具 年度盛宴:2012年最精彩的 CSS3 教程 不错!去看看! 您可能感兴趣的相关文章 那些让人惊叹的的国外创意404错误页面设计 让人爱不释…
HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码.如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计.跨浏览器兼容.相对轻量级等特点,这些框架在开发中都十分流行.如果你也对HTML5框架感兴趣,你可以看看下面我列出的一些最佳的响应式HTML5框架,帮助你快速开发网站. 1. Twitter Bootstrap 海量技术文章:http://tieba.yunxunmi.com/ 云搜 http://so.yunxunmi.com/ 让搜索更简单 采用ht…
开发这个css布局的目的是为了少做一些重复的工作,一是前端或多或少会开发一些很小的响应式项目, 二是UI设计的出来的界面总是各种布局各种样式,这个时候如果前端去使用Bootstrap或者Foundation之类框架无疑是雪上加霜.根本没有起到一点便捷的作用,反而增加了一堆冗余的代码.因此我就想能不能提取其中比较适用的部分,在添加平时经常会用到的样式进去,做一个比较简单自由度相对高一些的小框架.也就相当于一个初始化css布局,所以有了属于我的LayoutSimple简易响应式CSS布局框架. 废话…
相信小伙伴们在开发中或多或少都可能遇到过这样的问题:打开一个应用后,为了快速响应,先将数据库中的数据呈现给用户,然后再去网络上请求数据,请求成功之后将数据缓存至数据库,同时更新UI,但是我们经常会这样想,可不可以我只将数据缓存至数据库,当数据库中的数据发生改变时,UI会自动更新?这个当然可以实现,我们今天就来看看square公司推出的一个响应式数据库框架SQLBrite. 1.准备工作 SQLBrite项目地址:https://github.com/square/sqlbrite 将SQLBri…
0. Pure-CSS 介绍 Pure CSS 是雅虎出品的 CSS 框架, 依托于Normalize.CSS,在不适用任何JS代码情况下即可实现响应式布局的轻量级框架,无依赖,体积小. 1. CDN <linkrel="stylesheet"href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css"> 2. 设置 Viewport <meta name="viewport"…
概述 新课题研究:响应式邮件框架MJML(MJML官网:https://mjml.io/)姐妹篇: EDM响应式邮件框架:Formerly Ink 介绍 MJML是一种标记语言,设计用于轻松实现一个响应式邮件.它的语义语法使得它容易和简单,而其丰富的标准组件库可以减少你开发时间,并减轻您的邮件代码库.MJML是一个开源的引擎能够将MJML转换成响应式布局的HTML. 安装 毕竟是js编写,需要node环境(4.2以上版本) 方法一 npm npm install -g mjml 方法二 点击下载…
近期,需要将项目从pc端的应用扩展到移动端. 当然移动框架的第一选择必然是bootstrap,但是bootstrap作为移动端明显过于死板,而且作为国外的产品,对于国内的应用明显水土不服.框架里总有那么些部分不符合心意,如果自己扩展,那就不是一般的工作量了. 然后是wex5,宣传上是最强大的移动开发框架,一旦测试,采用java的模式,将一个简单的工作直接变成了另一个windows编程的学习,那是一次痛苦的体验.当然也是因为wex5主要目标是app,而我要的仅仅是移动wap端.(wap这个词实际上…