新幻灯插件 Accordion Slide Demo

分类: 标签:‚ ‚ 

开始写这款幻灯插件已经是上月初的事了,到现在基本写好了差不多一个月了,后来因为各种忙,拖到现在才继续完成。该幻灯插件使用了交互设计中比较常用的“手风琴效果”,之前 Kayo 把“手风琴效果”用在了个人简历上,有童鞋比较喜欢这种效果,因此 Kayo 便把它做成幻灯插件,方便使用。   插件兼容 ie6~9 以及 Firefox , chrome 等现代浏览器,另外插件的功能是使用 jQuery 写的,因此需要...

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

WordPress Ajax 评论分页

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

在之前的文章中, Kayo 曾经介绍过如何在 WordPress 中实现 Ajax 文章列表分页,这里我再把 Ajax 在 WordPress 中的应用拓展一下——实现评论列表的分页。在评论较多的文章中,如果评论没有分页,文章页面往往显得过长,但如果使用 WordPress 自带的分页,这样在获取下一页评论时又要刷新整个页面,于是 Ajax 的评论分页便显得更具用户体验了,具体的效果可以看看本博的评论部分(建议可以到...

Read More –>

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

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

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

Read More –>

前端开发之响应式设计

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

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

Read More –>

更新 Lightslide 插件至 1.0

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

更新 Lightslide 插件,最近收到关于该插件的 Bug 反映,于是果断修复之,同时优化一下插件!   1.0 的版本更新日志 修复导航不能正确居中的 Bug 优化插件结构 插件包中包含 jQuery 库,不再利用 SAE 的 jQuery 文档 更出色的浏览器兼容性   最新完整 Demo http://kayosite.com/demo/lightslide/1.0/index.ht...

Read More –>

jQuery 弹簧式显示隐藏动画

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

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

Read More –>

博客换新装 — 主题 Progress 上线

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

没错,这里是 Kayo's Melody !不认得了?哈哈,没事,因为 Kayo 刚刚给博客换上了一个风格跟以往截然不同的主题了,不认得是正常的。   换主题的原因很简单,上一个主题上线距离现在已经有9个月了,大半年的时间,估计大家也看腻了,而且经过了大半年的时间, Kayo 对于网页开发的各方面知识也增长不少了,正如主题名字那样—— Progress ,见证着我的提升。   主题支持 IE6~I...

Read More –>

使用 HTML5 改造 WordPress 主题

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

关注互联网的你会很容易发现, 在 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 –>

简述 PHP 面向对象开发

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

前段时间, Kayo 用面向对象的 PHP 开发了轻图床的移动版,因为 Kayo 刚接触编程时是从完全面向过程的 C 开始,几年下来面向过程的编程观念已经很牢固,最近想开始使用面向对象的方式编程,于是就从原本比较熟悉的 PHP 开始。   与大多数可以面向对象的编程语言不一样, PHP 是同时支持面向过程和面向对象的编程方式, PHP 开发者可以在面向过程和面向对象二者中自由选择其一或是混合使用,不过由于在...

Read More –>