2012 年 8月 26 日随笔档案 - Joanna Qian

2012年8月26日

摘要：一、jQuery Mobile现在支持的UI components二、List views基础List views<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Intro to jQuery Mobile</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.mi 阅读全文

posted @ 2012-08-26 10:46 Joanna Qian 阅读(721) 评论(0) 推荐(0)

jQuery Mobile开发1-基本框架

摘要： HTML 页眉部分加载三个重要的 jQuery Mobile 组件：jQuery Core 库 — 核心 jQuery 库jQuery Mobile 库 — jQuery 框架特定于移动的部分jQuery Mobile CSS — 定义核心 jQuery Mobile UI 元素的 CSS，它定义过渡和不同的 UI 小部件，比如滑块和按钮，大量使用 Webkit 变形和动画。jQuery Mobile theme CSS — 可选项$.mobile and supported methods and eventsjQuery Mobile新增加的tag属性ComponentHTML5 data 阅读全文

posted @ 2012-08-26 10:42 Joanna Qian 阅读(895) 评论(0) 推荐(0)

自适应网页设计——Responsive Web Design

摘要： ”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局(layout) 一、”自适应网页设计”的概念 2010年，Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。如果屏幕宽度在400像素以下，则6张图片分成三行.. 阅读全文

posted @ 2012-08-26 06:18 Joanna Qian 阅读(386) 评论(0) 推荐(0)