本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- siemens800
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
最新文章列表
BootstrapCSS之 Grid System 学习
使用 BoostrapCSS 根据页面宽度自适应的CSS类
Responsive Breakpoint Classes
1、BoostrapCSS 宽度自适应的行为:
BoostrapCSS 是如何做到宽度自适应的?或 什么是 BoostrapCSS 的宽度自适应?
即:当页面宽度达到或小于规定的数值时,每一列宽度将会变为 页面宽度的 100% 。
2、共5个宽度级别的自适应类。
To mak ...
Responsive Web Design(自响应式网页设计)
Responsive Web Design(自响应式网页设计)
一、认识:media
从 CSS2.1 那会,样式表就可以使用 media type 进行样式的判断了。那时是这么写的:
<link rel=&qu ...
“响应式Web设计”这个名字是取错了
响应式Web设计,英文是Responsive Web Design,据说灵感来源于——“响应式建筑(responsive architecture)”——提出,物理空间应该可以根据存在于其中的人的情况进行响应。结合嵌入式机器人技术以及可拉伸材料的应用,建筑师们正在尝试建造一种可以根据周围人群的情况进行弯曲、伸缩和扩展的墙体结构;还可以使用运动传感器配合气候控制系统,调整室内的温度及环境光。已经有公司 ...
“一个网络”,两种口味:响应性对适应性
日期:2013-5-16 来源:GBin1.com
编者的话:这是Mobify的CEO,Igor Faletski发表的一篇博文,Mobify,电子商务优化平台,为智能手机和平板电脑提供了适应 ...
分享两套免费的超棒响应式HTML5网站模板
日期:2013-4-18 来源:GBin1.com
在今天的文章中,我们分享两套响应式HTML5网站模板。它们每套模板共有6个不同色彩的主题,不同的视觉感和创新感绝对会让你眼前一亮!希望你们喜欢我们今天的推荐!
免费的响应式HTML5网站模板 - continents
包含6款不同色彩的主题,主要特性:
HTML5/CSS3兼容
支持响应式的导航菜单
使用google webfon ...
responsive designs
响应式布局主要用来当遇到不同屏幕大小的时候,我们的网页还可以以比较友好的方式显示给用户。主要有4中类型的屏幕,
1、宽屏的台式机
2、便携式的笔记本
3、平板电脑
4、智能手机
下图是不同设备中同一个网页的不同显示效果
响应式布局主要用到的css中media query,它可以判断当前屏幕的尺寸。
有关css media q ...
响应式的前端框架 - Groundwork
日期:2013-2-19 来源:GBin1.com
前面我们介绍过了很多响应式的前端框架,例如,Responsive Boilerplate,Centurion等等,在这篇文章中我们将再介绍一个响应式的前端框架 - groundwork。
Groundwork是另外一个超棒的响应式前端框架,使用SASS和Compass并且提供了一个高级的响应式布局。
拥有了一个灵活的,流动式的镶套gr ...
帮助开发者快速创建响应式布局的Boilerplate - Responsive Boilerplate
日期:2013-2-8 来源:GBin1.com
在线演示
如果你需要开发一个支持不同客户端设备的应用或者网站的话,使用一些现成的响应式框架或者模板绝对是不错的选择,在这篇文章中,我们将介绍一款超棒的响应式布局Boilerplate - Responsive Boilerplate。
这个模板使用CSS3来支持响应式设计,超轻量级,只有2kb大小。这个模板拥有一个容器 + 12个列的网 ...
【简报】超棒的javascript响应式视图(viewport)切换工具类库
日期:2012-10-2 来源:GBin1.com
ReView
是一个动态的viewport系统,能够帮助你设计更灵活的响应式
视图选择方式,可能大家有的时候不希望网站布局在不同的设备上的显示不同的布局结构,这个时候viewport就可以派上用场了。
Review
是一个纯javascript实现的类库,针对每一个session提供单独的持久viewport信息。 ...
分享20个响应式web设计的必备jQuery插件
日期:2012-9-12 来源:GBin1.com
响应式设计(responsive
design)在近些年是非常流行的web设计,能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容,大大的提高了用户的使用体验和web设计的要
求,作为最为流行的jQuery来说,也提供了很多现成的插件帮助你实现响应式设计,在今天的这套插件推荐中,我们将推荐给大家20个不错的响应式设计常
用插件, ...
一个强大专业的响应式jQuery幻灯效果插件:Royal Slider
日期:2012-9-9 来源:GBin1.com
你是否在一直寻找一个完全可定制的幻灯效果插件
?那么Royal Slider会成为你最好的选择之一。 Royal Slider是一个用于显示HTML
格式内容(图像,视频,文本),并且拥有很多功能的jQuery幻灯插件
。这款幻灯插件是可以完全支持自定义的,拥有50多个选项,4种皮肤和PSD
格式文件,9款预设的模板(即将推出更多)及 ...
分享一个CSS3的网格系统架构 - ResponsiveAeon
日期:2012-7-30 来源:GBin1.com
在线演示
本地下载
曾经介绍过其它类型的CSS3网格系统
,今天我们介绍一款能够帮助你快速创建基于HTML5/CSS3的响应式布局框架 - ResponsiveAeon
。
它拥有一个宽度为1104px并且基于12个列的网格框架系统,提供了一个非常方便的方式使用,只需要使用3个基础class来实现。
...
支持响应式布局的超棒颜色选择器 - colorjoe
日期:2012-7-20 来源:GBin1.com
在线演示
通常
在
Web应用程序
,
当我们需要从用户
收集
颜色值时
,
颜色选取器
能够帮大忙
。
这里有很多的
高质量的
颜色选取器类库和插件
。
今天我们介绍的这款颜色选择器
colorjoe
和其它类似功能的颜色选择器稍微有些不同,
它是一个全新,是可
缩放的
...