分类 » 前端开发

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

分类: 标签:‚ ‚ ‚  评论:21 21 评论

在前文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础》中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容。 “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会...

Read More –>

详说 Block Formatting Contexts (块级格式化上下文)

分类: 标签:‚ ‚ ‚  评论:20 20 评论

在上文《详说清除浮动》中,Kayo 较为详细地介绍了 BFC ,也就是本文的主角 Block Formatting Contexts (块级格式化上下文),本文会基于上文关于 BFC 的部分进行拓展,进一步说明 BFC 的特性。 但在进一步说明 BFC 特性之前,Kayo 首先要介绍另一个在 CSS 的可视化格式模型 (Visual Formatting Model) 中具有非常重要地位的概念——定位方案。定位方案是...

Read More –>

详说清除浮动

分类: 标签:‚ ‚ ‚  评论:27 27 评论

浮动,从诞生那天起,它就是个特别的属性——既为网页布局带来新的方法,却又随之产生一系列的问题。当然,随着时间的推移,这些问题终究有了一些出色的解决方案,Kayo 要在这里详细介绍的,除了是这些解决方案,还有其中的原理。(温謦提示:文章信息量大且篇幅长,请各位自备瓜子,饮料,音乐)。 一.什么是清除浮动? 1.浮动的缺陷 在了解如何清除浮动之前,Kayo 先介绍为什么需要清除浮动。如本文开头所说的,浮动虽然可以便于页面...

Read More –>

那些不熟悉的 HTML 标签

分类: 标签:‚ 

记录一些 Kayo 不熟悉的 HTML 标签,提醒自己。 <acronym> 定义首字母缩写词,通过 title 属性为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。 如: <acronym title="World Wide Web">WWW</acronym> 亦可以作解释或注释之用。 所有主流浏览器均支持,但 HTML5 并不支持该标签,...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础

分类: 标签:‚ ‚ ‚  评论:16 16 评论

从本文开始,使用 jQuery Mobile 与 HTML5 开发 Web App 系列将会进入第三部分——jQuery Mobile 事件与方法,这其中将会利用之前所讲述的 jQuery Mobile 组件作为例子说明,因此 Kayo 建议如果你不熟悉 jQuery Mobile ,可以首先阅读前面两部分的文章。本文会介绍 jQuery Mobile 的默认配置以及一些基本的事件使用方法。 一.默认配置 jQuer...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

分类: 标签:‚ ‚ 

“使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新。 该系列的文章实质上分成四个部分,分别是总体概况、jQuery Mobile 组件、jQuery Mobile 事件与方法以及 HTML5 在 Web App 上的应用。 一.总体概况 这部分内容主要讲述如何使用 jQue...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面与对话框

分类: 标签:‚ ‚ ‚ ‚  评论:9 9 评论

在《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当时只是举了一个简单的例子说明一下页面组件的情况,本文将会拓展说明页面组件的具体细节。 一.页面基础 在 jQuery Mobile 中,页面这个概念与传统的 Web 页面有一个很大的区别 —— jQuery Mobile 中的页面可...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 工具栏

分类: 标签:‚ ‚  评论:9 9 评论

本文延续之前"使用 jQuery Mobile 与 HTML5 开发 Web App"系列文章,本文介绍的是 jQuery Mobile 中的 jQuery Mobile 工具栏。在 jQuery Mobile 中,有一套完整的工具栏和导航栏组件,这里的工具栏和导航栏并不只是提供了相应的外观样式,还自带有一些常用的辅助功能,下面 Kayo 为大家详细介绍。 也许你会奇怪,不是有工具栏和导航栏吗?为什么标题只写了工具栏...

Read More –>

WordPress 付费主题 Smart Design 发布(4/28 升级 2.6.28 版)

分类: , 标签:‚ ‚ ‚  评论:223 223 评论

如你所见,简约、自然、大方,这是 Kayo 发布的一款付费主题,同时也是 Kayo 制作的第二款响应式设计的主题,与上一款响应式设计主题不同的是,这次的主题更偏向于大方自然的设计,希望大家喜欢。 在上一款响应式主题做出来时,有童鞋感叹:原来响应式设计也可以有很复杂的布局。是的!响应式设计只是让网页自动适应更多终端,但这并不意味着只能做出简单的布局,响应式设计的网页也可以有很精巧的布局,甚至会比传统网页的布局更加出色、...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 列表

分类: 标签:‚ ‚ ‚  评论:29 29 评论

如 Kayo 之前所写的文章 《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 内容格式》中所述,这次介绍的是 jQuery Mobile 列表组件。 jQuery Mobile 列表虽然也是对页面内容进行丰富,但 jQuery Mobile 列表会给标准的 HTML 赋予一套样式以及丰富的交互处理,因此它是一套完整的组件,并且 jQuery Mobile 对...

Read More –>

CSS3 Media Queries (媒体查询)

分类: 标签:‚ ‚  评论:19 19 评论

在 Kayo 之前所写的文章《前端开发之响应式设计》中, Kayo 曾经简单介绍过 CSS3 的 Media Queries (媒体查询)的用途和使用方法,本文则主要介绍 Media Queries (媒体查询)的具体属性,在开始介绍具体的属性之前,首先引用前文的一段内容重新简单介绍一下 Media Queries (媒体查询):   “ Media Queries 可以根据特定条件来调用不同的 CSS 文...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 内容格式

分类: 标签:‚ ‚  评论:9 9 评论

今天开始, “使用 jQuery Mobile 与 HTML5 开发 Web App” 的系列文章将会继续,这次要介绍的是 jQuery Mobile 的内容格式部分,这也是 jQuery Mobile 的组件部分,包含了基本 HTML 样式(Basic HTML styles),主题内容(Theming content),可折叠内容块(Collapsible content blocks),折叠组(Collapsi...

Read More –>