http://www.csdn.net/article/2014-05-13/2819739-responsive-frameworks-for-web-design对于设计师而言,网站设计中的任意一环节都不容忽视。时下,借助网上的一些资源,只需简单的几个步骤你就可创建出更具吸引力的设计,包括菜单、...
分类:
Web程序 时间:
2014-05-16 22:08:31
阅读次数:
655
1.图片自动等比例缩放{display:block;width:100%; height:auto;}
分类:
Web程序 时间:
2014-05-13 22:47:10
阅读次数:
453
1、什么叫响应式网页设计响应式Web设计(Responsive Web
design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS
media query的使用等。无论用户正...
分类:
移动开发 时间:
2014-05-13 18:46:35
阅读次数:
482
之前曾经研究过几个纯css实现的文字效果,《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等,今天我们来研究几款文字效果,主要利用text-shadow、webkit内核的几个独有特性实现效果。在线研究单击这里,下载收藏单击这里。效果一-立体字效果我们的html文件貌似这样,为了更好的展示效果,...
分类:
Web程序 时间:
2014-05-13 17:52:13
阅读次数:
490
Unicorn - Admin TemplateUnicorn - Admin Template
是一款支持视网膜屏幕、完全响应式布局,可用于任何应用程序的管理模板。该面板适应任何宽度的设备。无论是智能手机、平板电脑或桌面浏览器都能完美适应。最新版本基于
Bootstrap 3 构建。使用LESS编...
分类:
Web程序 时间:
2014-05-11 15:17:35
阅读次数:
551
Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架,保持你的 HTML
代码简洁。内置尽量使用占位符选择器,以减少你的 HTML 标记的大小,没有凌乱的 HTML 代码。快速创建网站的布局响应式将变成一件轻而易举的事。
分类:
其他好文 时间:
2014-05-09 20:05:05
阅读次数:
385
1.响应式图片
class="img-responsive"通过添加.img-responsiveclass可以让Bootstrap
3中的图片对响应式布局的支持更友好。其实质是为图片赋予了max-width: 100%;和height:
auto;属性,可以让图片按比例缩放,不超过其父元素的尺寸。...
分类:
Web程序 时间:
2014-05-09 19:26:13
阅读次数:
439
在响应式(或自适应)设计中要用到Media
Queries这个CSS属性,但在某些时候我们需要对Media Queries进行动态操作,这时候可以使用Javascript。如以下Media
Queries的代码:@media all and (max-width: 700px) { body ...
分类:
编程语言 时间:
2014-05-09 05:51:04
阅读次数:
334
响应式设计是当前网站设计的趋势,针对不同的设备,提供布局解决方案。
而且很多UI设计技术狂人正在不断的进行各种实验,争取让响应式设计越来越好。
响应式设计的难点是导航菜单界面设计。可不能像缩放页面那样缩放导航菜单。在界面设计之前,要谋划好导航菜单在手机、平板、桌面上的布局。今天蓝蓝设计收集了25例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的网...
分类:
Web程序 时间:
2014-05-09 02:43:16
阅读次数:
389
响应式设计是最近的流行词,能够打造多屏幕一致体验。现在几乎每个人都喜欢响应式设计,而且可以是没有原因的支持,这跟Flash刚出现那会火热的局面有点相似。然而,响应式设计带来了表现力的问题,这需要通过调整图像、压缩图像、改变图像大小等手段来解决。然而,为了提高表现力,有的时候不得不增大文件的尺寸。浏览...
分类:
其他好文 时间:
2014-05-08 14:07:32
阅读次数:
317