Mobile development - 随笔分类(第3页) - Joanna Qian

开源中Web开发的各种资源

摘要：★HTML5 Rocks : Major Feature Groups 的学习HTML5 的资源(HTML5 演示, 教程 ).源码很不错的HTML5 Dashboard – Mozilla，效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。★StackOverflow : 大名鼎鼎的技术问答式论坛。★Addyosmani, jQuery 和 JavaScript 文章教程Sohtanaka, jQuery 和 JavaScript 文章和教程★Nettuts+ 是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖 HTML, CSS, 阅读全文

posted @ 2012-08-29 07:49 Joanna Qian 阅读(706) 评论(0) 推荐(3)

HTML5适应旧的浏览器的使用总结

摘要：一、在HTML页面中加入针对IE浏览器最好在javascript文件中将HTML5的新标示（tag）创建出来如： document.createElement('section');更直接、简单的做法是在HTML页面中加入针对HTML5的Javascript library，如：<!--[if IE]> <script src= "http://html5shiv.googlecode.com/svn/trunk/html5.js"&g 阅读全文

posted @ 2012-08-27 23:09 Joanna Qian 阅读(310) 评论(0) 推荐(0)

jQuery Mobile开发1-UI components

摘要：一、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)

随笔分类 - Mobile development