分类 » 前端开发

WordPress Ajax 评论分页

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

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

Read More –>

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

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

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

Read More –>

前端开发之响应式设计

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

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

Read More –>

jQuery 弹簧式显示隐藏动画

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

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

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

关于 CSS Reset

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

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

Read More –>

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

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

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

Read More –>

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

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

一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种:...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 按钮

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

一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里,可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础

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

这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件、事件响应以及可以调用的方法,而作为该系列的第一篇文章,Kayo 将会先介绍 jQuery Mobile 的基本情况和一些基础的实例。   一.jQuery Mobile 的渐进增强设计与浏览器支持 在上一篇文章中, Kayo 简单...

Read More –>