运用本文的CSS 可以是table变成响应式设计
CSS代码如下:
/* -----------------------------------------
Table - Clickable row fakery
----------------------------------------- */
/* Generic table style - ap...
分类:
其他好文 时间:
2014-09-01 17:49:03
阅读次数:
203
自从几年前响应式技术开始应用时,创建响应式原型就成为了很多人苦恼的事情。响应式设计用一种非常优雅的方式处理为多种设备类型使用HTML和CSS编码的应用,但是提供给UX专业人士的原型工具却没有具备同样品质的可以测试或者验证的功能。不过随着最新Axure RP 7中的适应性视图功能发布后,这个情况开始改...
分类:
其他好文 时间:
2014-08-24 22:08:53
阅读次数:
235
这是一个响应式设计的菜单。单击列表图标,当你显示屏大小可以完全水平放下所有菜单项时,菜单水平显示(如图1)。当你的显示屏不能水平放置所有菜单项时,菜单垂直显示(如图2)。 而且显示的时候是以动画的型式显示。效果相当的好。
分类:
Web程序 时间:
2014-08-20 17:50:32
阅读次数:
345
四、五年前智能手机行业刚刚兴起,差别于之前功能机阉割版的web开发方式,一些学者就開始探索移动web的UI方向了。从PC迁移到移动端的web设计现成可用的原则有,很多其它的则是依据移动端独有特点进行探索、总结经验、原则。这本《移动web实现指南》乐帝本意是提升响应式设计网页的水平,读后发...
分类:
移动开发 时间:
2014-08-19 22:22:05
阅读次数:
383
[导读] Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件和模块响应式设计模式库这个响应式的设计模式库Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的...
分类:
Web程序 时间:
2014-08-09 04:52:37
阅读次数:
284
响应式设计的另一个重要技术手段是媒体查询。如果只是简单的设计一个流式布局系统,那么可以保证每个网格按比例的放大和缩小,但有可能会使得在小屏幕下(如手机设备)网格太小而严重影响阅读,这样的设计称不上响应式设计。媒体查询可以来解决这一问题。
分类:
Web程序 时间:
2014-08-05 13:34:29
阅读次数:
167
响应式设计的另一个重要技术手段是媒体查询。如果只是简单的设计一个流式布局系统,那么可以保证每个网格按比例的放大和缩小,但有可能会使得在小屏幕下(如手机设备)网格太小而严重影响阅读,这样的设计称不上响应式设计。媒体查询可以来解决这一问题。...
分类:
Web程序 时间:
2014-08-01 19:51:42
阅读次数:
197
在和几个有兴趣做移动CMS的小伙伴讨论了一番之后,我们觉得当前比较重要的便是统一一下RESTful API。然而最近持续断网中,又遭遇了一次停电,暂停了对API的思考。在周末无聊的时光了看了《人间失格》,又看了会《一个人流浪,不必去远方》。开始思考所谓的技术以外的事情,或许这将是下一篇讨论的话题。正在我对这个移动CMS的功能一筹莫展的时候,帮小伙伴在做一个图片滑动的时候,便想着将这个功能加进去,很...
分类:
移动开发 时间:
2014-07-31 13:19:56
阅读次数:
296
开发一个带有响应式交互设计的网站变得非常有意义,因为其可以在不同的设备运行,因此,你可以节约针对不同平台开发不同网站的成本。但是,要做最大限度相应的网页设计,有些误区你应当避免。 不要优先为桌面版设...
分类:
Web程序 时间:
2014-07-30 12:37:24
阅读次数:
297
首先引入文件bootstrap-responsive.css bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计: 比如: 分辨率宽度1200像素以上的屏幕上,网格的宽度会由60px变为70px,且网格与网格之间的距离由20px...
分类:
其他好文 时间:
2014-07-30 11:45:53
阅读次数:
226