前端开发之响应式设计

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

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

Read More –>

更新 Lightslide 插件至 1.0

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

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

Read More –>

jQuery 弹簧式显示隐藏动画

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

弹簧式显示隐藏动画，听上去好像有点复杂，其实就是模拟弹球落地的效果，很久之前想到了，无奈当时 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 主题

分类： , 标签：‚ ‚ ‚  评论：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 –>

简述 PHP 面向对象开发

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

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

Read More –>

关于 CSS Reset

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

看看上一篇文章，竟然是半个月前的了，看了一下谷歌分析，在 Kayo 没有更新的半个月里，来看 Kayo 的童鞋竟然还在增多，对不起那些童鞋了，最近不明不白就开始忙起来了，关键是在南方忽冷忽热的天气折腾下， Kayo 感冒了，天气反复，所以博友们也要保重啊！   现在一切回复正常，继续回到博客生活中了，今天想介绍一下 CSS reset ，最近帮朋友解决一些 CSS 方面的问题，弄了好久仍然无果，几乎什么办法...

Read More –>

试用 Window 8 消费者预览版

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

在2月29日，微软发布了 Window 8 的消费者预览版，虽然这个版本的 Window 8 中仍带有预览版字样，不过这只是微软的新命名方式，实际上这已经是 Windows8 的 Beta 版了，在 Win8 公布开发者预览版的时候， Kayo 就被 Window 8 的 Metro 风格吸引了，要知道， Kayo 可是个简洁控，不过开发者预览版始终 Bug 太多，因此决定推出 Beta 时才试用 Window 8。...

Read More –>

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

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

在上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上》中， Kayo 介绍了一部分 jQuery Mobile 表单组件，接下来将会继续介绍余下的组件以及相关的技巧。 6.选择列表 选择列表是基于 HTML select 元素的，具有原生菜单和自定义菜单两种形式，原生菜单与自定义菜单都有一个样式美化了的选择按钮，不同的是在自定义菜单中原生的 opti...

Read More –>