响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业...
分类：
Web程序 时间：
2014-07-07 08:42:48
阅读次数：
214
随着智能手机的流行，响应式网页设计无疑成为了如今网页设计的大趋势。对于新手来时,响应设计听起来有点复杂,但它实际上是比你想象的更简单。只需下面的3个步骤即可构建一个响应式的网页！1.Meta Tag大多数移动浏览器扩展的HTML页面到宽视口宽度，以便在屏幕上适合。您可以使用viewport meta...
分类：
其他好文 时间：
2014-07-07 00:13:08
阅读次数：
245
在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式.....
分类：
Web程序 时间：
2014-07-06 22:27:28
阅读次数：
290
在QA TechWeek 2014期间，QA公司首席技术专家David Walker在使用Foundation进行响应式设计的会议上，提出了响应式网站设计的原则。Walker提到从现有桌面网站创建移动应用网站的多种方式：原生应用，为每种移动操作系统开发一个应用；嵌入式HTML 5，使用PhoneGa...
分类：
Web程序 时间：
2014-07-02 19:02:13
阅读次数：
211
用 User Agent 判断移动设备---WebApp除了做成响应式设计以外，还可以给移动设备做一套UI，PC端再做一套UI，然后在前台进行判断进行相应的跳转。判断是否是移动设备一般根据浏览器的useragent进行判断，虽然可以伪造，但是用起来方便，和Chrome的设备模拟功能配合起来调试方便。...
分类：
移动开发 时间：
2014-07-01 12:17:30
阅读次数：
455
响应式设计主要讲的是布局，那么什么是响应式图标？响应式图标设计是一种根据屏幕尺寸来改变图标类型、从而达到更好可读性的设计。图标为什么要响应式设计？怎样阅读内容？时至今日，我们用来阅读内容的平台越来越多。设备、屏幕分辨率、浏览器、平台——我可以拿着5S+Safari+iOS7.0浏览网页，也可以拿着1...
分类：
其他好文 时间：
2014-06-30 20:40:14
阅读次数：
275
在QA TechWeek 2014期间，QA公司首席技术专家David Walker在使用Foundation进行响应式设计的会议上，提出了响应式网站设计的原则。Walker提到从现有桌面网站创建移动应用网站的多种方式：原生应用，为每种移动操作系统开发一个应用；嵌入式HTML 5，使用PhoneGa...
分类：
Web程序 时间：
2014-06-28 23:34:27
阅读次数：
322
随着便携设备用户的指数级增长，网页设计师采用响应式设计作为多平台布局解决方案，不但节省了设计师的时间，而且从长远角度来讲，响应式设计能够为用户提供更舒适的操作环境。如果你毫无经验，不知从何开始，那么这份工具列表将大大的帮助你，能够让你的布局更有“弹性”。Simple GridSimple Grid是...
分类：
Web程序 时间：
2014-06-27 21:01:20
阅读次数：
218
如果你打算开发网站，你想要关注的第一件事就是网站的外观和感觉。另外用户体验很重要，现在是属于移动互联的时代，用户有可能通过移动设备浏览你的网站，因此同样重要的是要考虑你的网站在移动端的使用体验。使用 HTML5 和 CSS3 响应式设计的理念能够提供更好的体验。
分类：
移动开发 时间：
2014-06-26 15:03:39
阅读次数：
351
现在试图解决android平板的屏幕分辨率问题，目前主要想到的办法是采用响应式设计和媒体查询，发现无论使用那种方式，工作量都很大，调试都困难，悲催啊。
CSS的媒体查询虽然在传统的互联网页面可能发挥的余地不是很大，但是自从苹果和安卓的风靡之后，移动平台上的web开发变得越来越流行了，同时CSS的媒体查询可谓派上了大用场了。
以下为翻译内容，原文来自这里 非常棒的一篇文章
...
分类：
移动开发 时间：
2014-06-25 07:16:12
阅读次数：
278
