WordPress

FitVids.JS —— 让视频响应屏幕尺寸变化

使用Android手机查看的效果

在制作快速响应式网站时,文字、图片等元素都可以很容易的响应屏幕尺寸的变化,唯独视频比较麻烦。比如通过embed方式加载优酷、土豆甚至YouTube视频时,使用max-width:100%的方式不能保证视频在任何设备上都能跟随屏幕尺寸缩放,这时可以借助js脚本来实现,这就是今天要介绍的FitVids.JS

继续阅读FitVids.JS —— 让视频响应屏幕尺寸变化
CSS

又被DOCTYPE耍了

doctype

布局一个表单,想实现垂直居中的效果,用的方法很普通,就是设置高度=line height的把戏,在网上找了实例,例子管用,我copy了例子的html和css,却死活不管用。苦思冥想,得瑟了半天,才返现又掉进了DOCTYPE的陷阱。

继续阅读又被DOCTYPE耍了
WordPress

选项卡式WordPress登陆注册模板

上次说到不用插件也可以修改WordPress登陆注册界面,不过只是简单的修改了CSS,缺少很多元素,例如header、导航、footer等,为了增加这些元素,我们可以采取另一种方式,将WordPress登陆注册界面做成page模板,用page来展示登陆/注册/找回密码。进一步,我们可以将登注册、找回密码放在一个页面,用选项卡切换,效果如下(Based on twentyeleven)

继续阅读选项卡式WordPress登陆注册模板