响应式Web设计
------------ Responsive Web Design
- 页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整
- 页面应该有能力去自动响应用户的设备环境
- 不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，更像是一种对于设计的全新思维模式
- 调整分辨率
- 各自的屏幕分辨率、清晰度、屏幕的定向
- 基于横屏（landscape）
- 基于竖屏（portrait ）
- 转动屏幕来任意切换屏幕的定向方式
zhangyaochun
- 浏览: 2620717 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
Browser-Sync
2014-03-31 18:50 1292Browser-Sync： http: ... -
emoji符号工具
2014-03-04 19:19 1636一个网站：可以查emoji http: ... -
适配ios设备集锦
2014-03-04 10:29 1575本文收录一下关于ios适配的media quer ... -
【移动工具】设备屏幕的尺寸
2014-01-11 18:23 1156本文收录一个屏幕尺寸方面的数据网站： ... -
wp8如何去掉点击高亮
2013-07-25 21:09 1329wp8开始，我们可以禁止点击高亮 ... -
meta里面设置apple-itunes-app
2013-05-24 18:55 3581其实在很多网站有如下代码： < ... -
获取touch的位置
2013-04-12 18:38 0本文记录一个记录touch坐标的代码片段： ... -
一个NB的查看手机UA的网址
2013-04-11 16:40 0找到一个NB的查看手机UA的东东： ... -
启用硬件加速
2013-04-11 14:18 0启用硬件加速： 给做动画 ... -
隐藏浏览器地址栏
2013-04-11 14:16 0隐藏浏览器地址栏： //dom read ... -
去除ios链接灰色背景
2013-04-11 14:14 0ios上的链接及绑定了点击事件的元素触摸后 ... -
hammer.js
2013-04-11 14:05 0Hammer.js 依赖jqu ... -
media query之横竖屏切分
2013-04-07 19:32 0本代码片段标识横竖屏切分： @media ... -
关于navigator.connection
2013-04-07 15:05 2287navigator.connection： ... -
QR二维码相关
2013-03-25 14:36 1562前言： 本文主要整理采用Google ch ... -
Emoji图标
2013-03-15 16:59 1553Emoji图标： 仅ios系统支持 ... -
Mobiscroll插件简介
2013-03-15 15:34 2734Mobiscroll 用于触屏的日 ... -
jquery插件之qrcode
2013-03-15 13:14 0本文介绍一个不错的qr二维码jq插件： ... -
QR二维码相关
2013-03-25 14:34 0前言： 本文主要整理采用Goo ... -
jqm之回退按钮
2013-03-11 11:08 0在jqm中，回退按钮默认是禁用的，怎样打开呢？ ...
相关推荐
- **响应式设计**：回顾如何使用媒体查询实现响应式布局。 - **条件应用**：根据不同的设备特征应用不同的样式规则。 以上内容涵盖了从网页设计的基础概念到高级技巧的多个方面，旨在帮助学习者全面掌握Web设计的...
JavaScript是Web前端开发的核心技术之一，它是一种功能强大的编程语言，专为创建交互式Web页面而设计。在当今数字化世界中，JavaScript几乎无处不在，无论是个人电脑还是移动设备上的网页，其丰富的交互效果和动态...
这些插件可以极大地扩展jQuery的功能，如使用`jQuery UI`库增强交互体验，或使用`Bootstrap`框架构建响应式布局。 ### 9. 性能优化 虽然jQuery强大且方便，但在大型应用中要注意性能优化。避免不必要的DOM遍历，...
同时，响应式设计和无障碍设计（WCAG）也是UI开发的重要考量，确保网站在不同设备和特殊需求用户中都能正常使用。 总的来说，前端后端UI涉及了从用户可见的网页元素到后台数据处理的方方面面。理解并掌握这些概念和...
书中会介绍媒体查询（Media Queries），这是实现响应式设计的关键，使你的应用能适应各种屏幕尺寸和设备方向。此外，还将讨论CSS3的新选择器、动画和过渡效果，以提升应用的视觉吸引力。 JavaScript是动态交互的...
在iOS设备上，开发者需要特别关注响应式设计，确保Web App能够在不同尺寸的屏幕（如iPhone和iPad）上正常显示。书中将涵盖CSS选择器、盒模型、布局技巧、媒体查询等内容，帮助开发者打造美观且适应性强的用户界面。 ...
5. 布局技术：学习流体布局、响应式设计，以及Flexbox和Grid布局系统，以适应不同屏幕尺寸。 6. CSS3新特性：如阴影效果、渐变、动画、多列布局、媒体查询等，这些特性可以增强网页的视觉效果和交互性。 通过本章的...
ASP.NET AJAX，全称为ASP.NET Asynchronous JavaScript and XML，是一种微软提供的技术框架...了解其核心组件、工作原理以及优点，将有助于开发者在实践中更好地应用ASP.NET AJAX，创建出更加动态和响应式的网页应用。
无论是网页布局、响应式设计，还是更复杂的前端开发任务，Dreamweaver CS5都能为你提供高效的工作流程和强大的辅助工具。现在，让我们一起探索这个精彩的世界，开始你的Dreamweaver学习之旅吧！
CSS3还可以实现响应式设计，让网页能够适应不同屏幕尺寸的设备，包括iPhone和iPad。 JavaScript作为客户端脚本语言，对于动态交互和实时更新内容至关重要。在iOS平台上，JavaScript与WebKit浏览器引擎紧密集成，...
CSS3引入了模块化，允许开发者选择性地使用新特性，如媒体查询（Media Queries）用于响应式设计，使得网页可以适应不同屏幕尺寸和设备；边框和背景的新效果，如圆角、阴影、渐变和多重背景；还有选择器增强，如属性...
通过不断实践和学习，可以进一步探索响应式设计、移动优先策略、前端框架（如Bootstrap）以及更高级的JavaScript库和框架（如jQuery和React）。 总的来说，《初识Web编程：HTML、XHTML与CSS》将引导你走进Web开发的...
总之，这个ASP.NET AJAX开发教程PDF是一个全面的学习资源，适合那些希望提升其在创建动态、响应式Web应用程序方面技能的开发者。通过学习和实践其中的内容，开发者可以熟练掌握使用ASP.NET AJAX创建高效、用户友好的...
它允许开发者使用MXML和ActionScript语言创建交互式的、图形化的Web应用程序。 在描述中虽然没有具体的细节，但我们可以推测博主可能在上一篇文章中介绍了Flex的基础概念，而在这一篇中可能会深入到更具体的编程或...
Bootstrap是世界上最流行的前端开发框架，它为创建响应式布局和移动设备优先的Web项目提供了强大的工具。本资源包含了《BootStrap实战》一书前三个章节的源代码，旨在帮助读者深入理解并实践Bootstrap的基本用法和...
其次，Layui是一个中国本土的前端UI框架，它专注于Web应用的界面构建，提供了丰富的组件和样式，如表格、按钮、弹窗、提示、表单等，使得开发者可以快速构建美观且响应式的页面。Layui强调简洁、实用的设计理念，...
- 计算属性：基于响应式依赖自动缓存，当依赖变化时会重新计算。 - 侦听器：通过`watch`对象监听数据变化并执行相应逻辑。 6. **过滤器与插槽**： - 过滤器：自定义数据格式化，如`| capitalize`将字符串首字母...
1. 内嵌式Web服务器：如Tomcat或Jetty，无需单独部署服务器。 2. 自动配置：根据类路径中的jar文件自动配置Spring应用。 3. 命令行界面：允许快速运行Spring应用。 4. Actuator：提供健康检查、审计、指标等应用监控...