Original Hover Effects with CSS3 本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。 CSS3 Transitions Without Using :hover 本教程讲述应用CSS3实现动态变换效果。 How to Create a Beautiful Icon with CSS3 本教程讲述应用CSS3创建文档图标。 Creative CSS3 Animation Menus 本教程讲述应用CSS3巧妙地将图标、蓝狮注册登陆主标题和二级标题整合成动态导航菜单。 Background-Clip in CSS3 本教程讲述应用CSS3的变形(transforms)、动态变换(transitions)和关键帧动画实现背景设计。 HTML5 logo ...

1、在列表项和按钮上禁用文本截断如果你的列表项或者按钮上是一个很长的文本，它将会被jQuery Mobile自动截断，要禁用这个截断设置，需要在CSS选择器上添加属性”white-space:normal”。蓝狮注册登陆例如，在按钮禁止截断：.ui-btn-text{white-space:normal;}在列表项上禁止截断：.ui-li-desc{white-space:norma;}应用自动截断，在元素上面设置”white-space:normal:nowrap”。 2、在页面加载时随机显示背景jQuery Mobile拥有一系列在页面加载时触发的初始化事件，下面是每次页面加载完成后随机显示一个背景。CSS如下：.my-page { ...

jQuery Mobile是一种用于开发web应用程序和移动网站的框架，旨在提供适用于多种平台的统一用户界面。下面这些出色的jQuery Mobile插件可供你享用。它们针对移动网站进行了优化，让你可以实现诸多功能特性，比如移动滑动触摸、移动设备检测、移动浏览器检查、移动图像库、移 动拖放、移动触摸滚动、移动Ajax调用、移动CSS改动及更多!尽情享用吧!1、jQuery SwipeGallery该插件针对移动网站进行了优化，支持滑动手势。它是款轻型插件：蓝狮官网只要仅仅编写几行HTML代码，就可以立即创建图像库，比如排列无次序的图像列表。2、Drag ...

Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架，它基于 HTML5 和 CSS3 的 web 标准，全面兼容 Android 和 Apple iOS，通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用，它提供了丰富的华丽的控件和强大的功能，包括对触控事件的增强，数据整合等。(一)Sencha 和 Sencha Touch 简介Sencha 的前身是 ExtJS, 2010 年 ExtJS 改名为 Sencha。 ExtJS 是一个基于 JavaScript 编写的 Ajax 框架，它功能强大，界面美观，是基于 Ajax，DHTML，DOM 等技术开发 web 应用的一个非常成熟的框 ...

AppMobi推出了全新开发工具XDK， 使得开发者可以使用HTML5构建网络和移动平台的应用程序。最终代码既可以用来进行HTML5应用程序开发，就如同现在在Chrome网络应用程序商店 里看到的那些程序一样，也可以用于多平台应用程序开发，最终提交到苹果或Android的应用程序商店。XDK本身属于网络应用程序，可以在Chrome 的网络应用程序商店免费下载。XDK面向多平台据AppMobi称，用户只要会HTML5、CSS3或JavaScript代码，蓝狮官网就可以使用XDK编写程序，不需要学习Objective C或下载其他的软件开发工具包。XDK让用户可以使用行业标准来构 ...

Geolocation API被用来确定和分享地理位置，API返回经度和纬度坐标——这是企业可用来在这一坐标附近的区域提供服务的信息，这类服务通常被称作基于位置的服务（location-based service， LBS）。LBS以地理数据源为参考，这些地理数据源被用来标识被监控仪器的物理位置，从而识别出与这一位置相关的人。这一功能赋予感兴趣的各方与这一个人进行交互的机会，蓝狮官网这种交互是基于一些以地理位置为中心的兴趣点市场来进行的。商业实际上是为客户创造品质、实用性和价值，并同时为利益相关者、债权人、股东、员工和供应商创造经济和 ...

良好的用户体验，全在于那些完美的瞬间。在第一个瞬间，也就是当一位用户从Google搜索结果页面跳转到某个网站的时候，他此刻可能就是想看看这个网站的名字及功能；而下一个瞬间可能就开始琢 磨如何使用页面中的播放器来观看某个视频介绍。再然后可能寻找从哪里注册，或者看看商品是否打折，勤学尝试联系这个公司。很多设计师总喜欢从“标准用户”（即针对某类产品设想的典型用户）和，身上捕捉那些一般性意图。但上述这些目标不能算是生活体验，蓝狮官网而更应算作交互式体验目标。若想完成优秀的设计，我们就需要时刻自问：在这个 ...

虽然XML在Ajax运行中具有举足轻重的地位，但JavaScript开发人员很快就对它失去了兴趣。在JavaScript中操作XML存在严 重的跨浏览器问题，而且从XML结构中提取数据也需要涉及遍历DOM文档，而这些操作都需要编写大量的代码。Douglas Crockford发明了一种叫JSON（JavaScript Object Notation）的数据格式却能够创建与XML相同的数据结构。JSON的基础是JavaScript语法中一个子集，特别是对象和数组字面量。 JSON的设计意图是在服务器构建格式化数据，然后再将数据发送给浏览器。由于JSON在JavaScript中相当于对象和数组，转换速度快， ...

1、避免不必要的复杂性以往的Html中的DOCTYPE过于长，开发者很难记得，虽然这个对于开发不是很重要的事，但在HTML5中只需要简单的就可以了。DOCTYPE是给验证器用的，蓝狮官网而非浏览器，浏览器只在做DOCTYPE切换时关注这个标签，因此并不需要写得太复杂。2、支持已有内容XHTML 2.0最大的问题就是不支持已经存在的内容，这违反了Postel法则。现实情况中，开发者可以写出各种风格的HTML，浏览器遇到这些代码时，在内部所 构建出的结构应该是一样的，呈现的效果也应该是一样的。但是Html5就这些问题很好的解决了！3、解决实际问题 ...

尽管人们期望在屏幕上有些改变，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还需要用代码来实现。比如一个链接要么是这个颜色，要 么是那个颜色；一个文本区域要么这么大，要么那么大；一张图片要么是透明的要么是不透明的；它们是从一个状态直接变到另一个状态——中间并没有过渡。这导 致大部分网页有些生硬，因为元素只会很死板的切换或改变。你可以使用DHTML、jQuery或者自己编写JS来实现过度，但是这需要更多的代码来实现本 应该非常简单的功能。我们需要的是快速而简单的方法来给页面添加简单的变换(transition)效果。 ...