来源:自学PHP网 时间:2015-01-08 09:51 作者: 阅读:次
[导读] ...
随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。 如果你毫无经验,不知从何开始,那么这份工具列表将大大的帮助你,能够让你的布局更有“弹性”。 Simple Grid Simple Grid是难以置信的CSS框架,无所限制的栅格布局,支持不同大小的屏幕。 Susy Susy “语义变焦”的栅格系统,无需额外标记和特殊的类,很方便使用Sass的人。 Tiny Fluid Grid Tiny Fluid Grid 很棒的网页应用,能帮你选择栅格系统。一旦完成后,提供CSS文件下载。 Variable Grid System Variable Grid System依据960栅格系统,能够自动产生布局,在精确调整后,提供CSS文件下载。 Responsive Web Design Sketch Sheets Responsive Web Design Sketch Sheet 标记很方便,可以方便的选择不同方案中元素的放置位置。 Style Tiles 可以通过该网站制定完美的响应式设计流程。 Gridpak Gridpak 免费工具,可在线创建响应式设计栅格。 Adobe Edge Reflow 专攻响应式设计,栅格系统,各种元素的惯例都非常得心应手。 Adaptive Images 读取设备屏幕信息,自动调整优化图像,无需标记。 Retina Images 高分辨率图像解决方案。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com