使用JavaScript和CSS实现异步移动侧边栏

最近帮同学(Simollus)搭建了WordPress博客。

尽管有过建Malash.me的基础,对WordPress轻车熟路,但仅限于插件之类表面的东西,在代码层面研究的并不多。这次建站一来想美化一下主题、优化一下功能,二来想拓宽一下自己的知识面,于是深入研究了一下JavaScript和CSS。

研究过程中发现ipc.me上有这样一篇文章(20个将JavaScript推到极致的网站)很有意思,其中Nike Better World的网站非常吸引我。当用户滚动页面时,会营造出一种有趣的视觉差。

受此启发,我写了一段JavaScript脚本在Simollus上实现了异步移动效果的侧边栏。

Simollus上的异步移动侧边栏

Simollus上的异步移动侧边栏预览(点击图片可看原图,未遮盖部分为浏览器可视区域)

继续阅读全文

为WordPress添加首行缩进

WordPress可以说是当前最流行的博客平台,功能强大而且有着大量的插件和主题,但在几乎所有主题中都没有考虑中文首行缩进的问题。网络上有很多人找到了解决办法,但有的过于麻烦(修改WordPress的quicktags.js文件),有的对浏览器有兼容性要求(手动添加全角空格)。最简单的办法是修改style.css文件(一条CSS让wordpress段落首行缩进两字符),但由于主题设置不同这条css语句并不能通用,那么如何对它进行修改呢?

首行缩进效果

首行缩进效果

继续阅读全文

提交代码过滤与服务器入侵

最近做了点木用的


ICE Bug 跳转后的页面
ICE Bug 跳转后的页面

做计算机导论的作业,要求在ice.buaa.edu.cn这个站点寻找Bug提交意见,于是研究了半天,从意见建议页面的提交框入手,先试着提交了一个HTML注释开头<!–,结果没有任何提交框过滤直接输出到HTML了,导致页面的后半部分全成了注释。但显然这还是不够的,于是提交了这么一个程序

继续阅读全文

Fading…

在这里,可以看到我使用Malash.me之前发表的文章。(防止因意外丢失做的备份)

Malash的OI生涯:高中时期参加计算机竞赛的有趣故事。(原地址

Malash的OI生涯

 

山师附中08级11班:高中的班级博客,曾经的回忆。(原地址

山师附中08级11班

 

甸柳一中05级10班:初中的班级博客,忘不了那带红色条纹的白校服。(原地址

甸柳一中05级10班

米青的小屋:少年时期的摄影作品。

IMG_3447

继续阅读全文