Crumpet – 使用很简单的响应式前端开发框架

　　Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架，保持你的 HTML 代码简洁。内置尽量使用占位符选择器，以减少你的 HTML
标记的大小，没有凌乱的 HTML 代码。快速创建网站的布局响应式将变成一件轻而易举的事。

您可能感兴趣的相关文章

立即下载      在线演示

本文链接：Crumpet
– 使用很简单的响应式前端开发框架

编译来源：梦想天空 ◆ 关注前端开发技术
◆ 分享网页设计资源

本文来自【梦想天空（http://www.cnblogs.com/lhb25/）】

时间： 2024-08-03 07:17:46

Crumpet – 使用很简单的响应式前端开发框架的相关文章

25款最佳响应式前端开发框架 开源资讯

25款最佳响应式前端开发框架 开源资讯:http://code.csdn.net/news/2819417 10个免费的响应式布局HTML5+CSS3模板:http://www.html5cn.org/article-6799-1.html bootcss的学习网站 http://cnbootstrap.com/base-css.html http://www.bootcss.com/ http://www.egouz.com/topics/5647.html http://www.oschin

刚做完几个简单的响应式设计的网站项目下来，杂七杂八 （一）

之前没接触过responsive design这玩意,突然最近客户的项目都要求要有响应式设计的要求: 1,当浏览器缩放时,页面要根据浏览器大小,而自动适应. 2,当用手机或者移动设备打开页面时,页面会根据屏幕浏览器的大小自动适应. 3,移动设备有横屏和竖屏之分,页面也要相应适应 首页设计 UI设计师只设计出了2种mockup,一种是full site一种是mobile site然后扔过来,一看那mockup就知道是当前比较流行的设计风格. 1,页头head,左logo右菜单:在full site

Jquery Gallery – 很有特色的响应式 jQuery 相册插件

Jquery Gallery – 很有特色的响应式 jQuery 相册插件 DEMO      下载 1.介绍 jQuery制作zoom图片全屏放大弹出层插件. 2.使用方法 1.引入以下的js和css文件 1 <link rel="stylesheet" href="css/zoom.css" media="all" /> 2 <script src="js/jquery-1.9.1.min.js">

HTML5 -- 使用css3实现简单的响应式布局

本文简单的讲解了如何使用css3实现简单的响应式布局: html5文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name ="viewport" content="width = device-width,initial-scale=1"> <title>i

2016国内最值得期待的响应式前端框架pintuer(拼图)--http://www.pintuer.com

近期,需要将项目从pc端的应用扩展到移动端. 当然移动框架的第一选择必然是bootstrap,但是bootstrap作为移动端明显过于死板,而且作为国外的产品,对于国内的应用明显水土不服.框架里总有那么些部分不符合心意,如果自己扩展,那就不是一般的工作量了. 然后是wex5,宣传上是最强大的移动开发框架,一旦测试,采用java的模式,将一个简单的工作直接变成了另一个windows编程的学习,那是一次痛苦的体验.当然也是因为wex5主要目标是app,而我要的仅仅是移动wap端.(wap这个词实际上

jQuery最简单的响应式幻灯片插件

这是一款设计的非常简单非常实用的jQuery幻灯片插件.现在的幻灯片插件层出不穷,这款jQuery幻灯片插件返璞归真,使用不到1000字节完成了幻灯片所需的必要功能. 该幻灯片插件小巧玲珑,简单实用.它的特点有: 简单小巧.该jquery幻灯片插件的压缩版本的js文件只有991字节大小.非常适合于手机等移动设备的使用. 支持键盘导航.可以使用键盘的左右方向键来控制幻灯片. 支持所有的内容.幻灯片中的内容可以是图片.文字.视频或其他内容. 跨浏览器支持.该幻灯片插件可以在最新版本的Chrome,

一个简单的响应式横向网格布局框架Responsive Grid System

网页设计中有一个怎么也绕不开的问题,那就是布局问题.一般来说,一个div可能会分割成很多部分,同样是横向分割成两部分,但是在不同的项目中,我们可能会用不同的css代码,网格系统其实就是为这一类似的问题提供一个统一的解决办法. 网格布局有很多,但是有很多非常复杂,往往无法二次开发.Responsive Grid System是国外的一个网站,他们提供了一种非常简单的实现.其实每一个前端开发人员都可以写出这样的框架,但是,从头开始也许会让很多人动力不足.这个框架代码很简单,对我而言,采用它的原因仅仅

picturefill + picture 标签 实现兼容性很棒的 响应式图片 自适应 屏幕大小

polyfill 它是一个能够补齐浏览器兼容性问题的一个东西,使用到的<picture></picture>标签 ,并不是所有浏览器都支持,为了实现更好的兼容效果,这里就使用到了这个东西 ,它能在浏览器不支持的时候提供一些替代的方式 ,对于响应式图片,有名的picturefill库能实现兼容性强的‘响应式’图片,对于不支持picture的浏览器,它会用js获取srcset后面的设置,然后决定输出什么样的图片 使用方法 引入js文件(可从cdnjs.com下载) <script

&lt;Bootstrap&gt; 学习笔记一. 配置环境, 简单使用, 响应式表格, 响应式图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--以移动设备为优先 宽度和设备屏幕宽度一致, 初始缩放为1:1, 禁止用户缩放--> <meta name="viewport" content="width=device-width, initial-scale=1, user-scala