分类 » 前端开发

使用 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 (媒体查询)

分类： 标签：‚ ‚  评论：18 18 评论

在 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 –>

轻图床转移至 SAE 与优化瀑布流布局

分类： , 标签：‚ ‚ ‚  评论：42 42 评论

这两天把轻图床转移到新浪 SAE 了，原本所在的 VPS 速度太不给力了，而且常抽风，因此早就有转移的打算了，只是一直不舍 VPS 的自由，不过最近一天几抽，于是不再犹豫了，果断转移之。   转移至 SAE 后网站加载速度给力多了，稳定性也有了很大的保证！不过原本的域名没有备案，因此绑定到 SAE 后服务器线路走的是美国路线，不停的 502 ，只能使用 SAE 的二级域名。   欢迎各种围观：ht...

Read More –>

前端开发之响应式设计

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

可以说，因为移动互联网的兴旺，使到 Web 设计发生了很大的变化，似乎网页设计开始无法跟上设备分辨率更新的步伐，因此一种名为“响应式设计”的设计理念应运而生了。   一.响应式 Web 设计的理念 留意一下国内的大型网站，无一不具备移动版的网页，甚至还为不同平台的手机、平板做出不同的版本，还要顾及不同分辨率设备之间的差异，凌乱了有木有！为每一种设备各自开发一个网页版本不现实，可是要顾及某一种设备不免会牺牲另...

Read More –>

jQuery 弹簧式显示隐藏动画

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

弹簧式显示隐藏动画，听上去好像有点复杂，其实就是模拟弹球落地的效果，很久之前想到了，无奈当时 jQuery 以及 JavaScript 技术仍未学好，木有办法做出很好的效果。前些天突然又想做，便写出来了，先放上 Demo 。   Demo   看完 Demo ，应该放上代码了，在介绍代码前，给大家介绍一下 jQuery .animate 方法的 easing （过渡）参数， 相对于 styles,...

Read More –>

使用 HTML5 改造 WordPress 主题

分类： , 标签：‚ ‚ ‚  评论：34 34 评论

关注互联网的你会很容易发现， 在 2012 年， HTML5 正以前所未有的速度发展起来， HTML5 不但强化了 Web 的表现，还加入了像本地数据库（ Web Database SQL ）以及强大的音频、视频支持这一类的 Web 应用功能。这样强大的 HTML5 无疑会为 Web 带来颠覆性的变化。当然，并非所有的平台和浏览器都支持 HTML5 ，即使浏览器支持 HTML5 的部分规则，也不一定支持所有的规则，因...

Read More –>

用 JavaScript 实现 jQuery 显示与隐藏动画

分类： 标签：‚ ‚ ‚  评论：11 11 评论

在 jQuery 中有 show(), hide(), slideDown(), slideUp() 等方法，能够以动画的形式显示或隐藏 DOM 元素。这一类的动画在页面交互中比较常用，这也是 jQuery 方便开发的地方之一，但如果只想使用这些动画效果而加载整个 jQuery 库那就有点浪费资源了，于是最近在折腾 JavaScript 的 Kayo 便尝试用原生的 JavaScript 实现这一类 jQuery 动...

Read More –>