CSS 代码的书写规范、顺序

本文来自设计达人网站,Jeff 看到该文感觉非常有必要学习分享,so,转载在这里,感谢原作者——写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。

多说 提速:js内页页脚加载、静态文件CDN

多说 提速:js内页页脚加载、静态文件CDN

最近为 Jeff的阳台 折腾着插件的提速工作。Jeff的阳台使用了多说评论系统,但多说的加载速度实在是不敢恭维(稳定性也一样),于是又邪恶地想到为多说提速一番,下面就将Jeff的成果写出来分享分享。Jeff 针对多说的提速目前只要在两个方面:js内页页脚加载、静态文件CDN。以下是以最新版本的多说插件(1.1版本)来提速。

使用七牛云存储 图片缩略图功能取代 timthumb.php

好吧,其实这是个很简单的方法,最终你需要做的其实只是修改行代码。因此,本文面向的是一些使用七牛云存储的、对修改代码不怎么熟悉的童鞋,高手请略过。相信不少WordPress 主题都是用 timthumb.php 来进行缩略图裁切,用 timthumb.php 替代WordPress 自带的缩略图功能固然有它的好处,但其缺点也是不可小视:1、安全性。具体不多说,请以“ timthumb 漏洞”为关键词google it。但据说新版 timthumb已经解决该漏洞问题了;2、占用服务器资源,timthumb.php 运行起来挺占内存的;3、生成的缩略图文件要占用空间。

WordPress 根据浏览器 user-agent 按需加载CSS 文件

WordPress 根据浏览器 user-agent 按需加载CSS 文件

在进行前端开发的时候,为了兼容性,比如hack 那个讨厌的IE 浏览器,我们常常需要<!--[if IE X]>这类IE 判断代码来实现hack 的效果。而在WordPress 中,我们可以借助PHP 的功能,通过判断浏览器user-agent 来按需加载CSS 文件——如此不仅仅只是对IE hack,对于chrome 、firefox 等主流浏览器也可以实现不同的样式效果。

简单代码实现“网站维护中”“coming soon” 效果

一般网站要改版或者临时维护一下可能要给访客一个友好的“网站维护中”“coming soon” 提示,之前本站DeveWork.com 也分享了《WordPress“网站建设中/倒计时”主题Launcher汉化修改版免费发布》。但如果你要追求简单,可以直接使用代码。下面的代码以一个php 文件保存并放在WordPress 插件根目录下面,激活即可使用。

WordPress 中部署真正的懒加载(Lazy Load)

WordPress 中部署真正的懒加载(Lazy Load)

不少WordPress 主题(包括DeveWork.com目前的主题)都有部署jquery 插件“懒加载”(Lazy Load),但其实很多都不能产生真正的懒加载(包括本站主题),充其量只是有个“淡入淡出”的特效——中看不中用,伪懒加载。本文主要教你如何修改代码实现主题上真正的懒加载。

WordPress 会自动压缩JPEG 格式的图像?

在老外的一篇文章那里看到一个Jeff 之前不知道的信息:当jpeg 格式的图像被上传到WordPress,它会自动压缩图片为原来的90% 。不过那个谁说得好:“实践是检验真理的唯一标准”,Jeff亲自去上传了一张高分辨率、高容量的jpeg 格式的图像。但最后发现,无论是图片文件体积还是清晰度都没有改变。

制作WordPress“带Gravatar头像评论”小工具(集成主题中、含选项)

制作WordPress“带Gravatar头像评论”小工具(集成主题中、含选项)

最近在进一步折腾WordPress 主题的开发,在侧边栏小工具那里想做一个可独立于主题的、类似插件的带头像评论小工具。通过WordPress 官方文档与一些资料大概了解了小工具制作的一些知识,但对于我等PHP 菜鸟,完全自己开发是不可能的;于是在网络上找到了一段代码,分享并备忘一下。