爱你杯子(辈子)

趁工作闲暇用3d设计了个杯子,一个心性杯子,意:爱你辈子。问世间情为何物,直叫人生死挣扎,爱这个字直到老才能明白,守护一生的唯有爱

爱你杯子(辈子)

播放器UI设计

不知道从什么时候起,我喜欢上了极度简约,做任何事情都不喜欢太多太杂,做一些图稿时也甚至喜欢采用线条,上一篇我分享了些收藏音乐中使用了一个播放器播放音乐,就顺带做了个UI

播放器UI设计

音乐集分享(精选)

音乐伴随着我们长大,从最初的胎教音乐(我们那时候可没有)到后来大自然之音。我们经过欢快的儿童音乐,壮志雄心的电视剧主题曲,以为懂的情歌,发泄的摇滚,喧嚣的DJ,感知的情歌,享受的纯音乐,希望的儿童音乐…

音乐集分享(精选)

太阳能信息面板

前阵子为一家太阳能公司做的太阳能信息面板,两个飞机搞,说真的我不适合在这个行业里面打滚,似乎永远都是千篇一律的设计,没有创新和创意

太阳能信息面板

等待是一生中最初的苍老

终有一天你会发现,人生的多数时光是在等待中消磨度过的。等着排队买票,等着上车,等着看病,等着面试……在平凡琐碎的日子里,等待赋予了每天的生活以特别的意义和光彩。

等待是一生中最初的苍老

最新文章

订阅RSS
归档按钮
10 24

用JS+CSS的方法左右对齐的DIV列表

js_css有些日子没有贴过代码了,都有些忘记了,写这类文章还是很懒的,测试写备注贴代码做演示等等都是让然抓狂的。

前些日子在制作主题遇到一个问题,当调用数据库输出一个<li>列表横向排列时,而这个列表我想左右两边靠边(左右对齐父div),这样就需要对<li>做不同的class名以定义不同的样式。当然实现这样的效果有很多解决的方法,但我用了一段JS规则动态修改class(类名)。

优点:省事/快捷/动态

缺点:js是最后面执行的,所以在页面其他内容未加载完成时,不能处理js,所以会造成短暂的样式失效,以及有部分用户的浏览器是禁止js的(反正我没见过这么变态的),这样就造成永远样式失效。 more…

06 24

ajax层打开效果

缺陷:由于不能跨域,读取的文件须在同一域名下

操作:双击层关闭

演示页面

1.html 140*200 Flash播放器

2.html 500*210 图像小女孩

3.html 150*300 诗一剪梅

4.html 500*500 空白页面

仍在做进一步完善

06 03

提速-远程寄存

前些日子,一些朋友提醒我的站点很慢,我做了些测试,除了中国其他任何国家我的网站反应速度都还算不错,而我的主要访客大都来自本国CN,其次韩国香港台湾,这说明主机商提供的线路是受cn限制的,为此我做了些优化测试,在此分享一下经验:远程寄存脚本

由于本网站已经做了静态化和Gzip压缩,以及把图片等寄存在live.com等,所以唯一想到还能进行优化提速的是:远程寄存较大的脚本和CSS样式

我另存了一个页面到本地,发现其所有文件大小约:400KB大小,其中脚本占了近一半,虽然浏览器能缓存一部分文件,但首次访问还是需要从我这每秒传输约15KB的主机上读取,是相当久的,所以我决定寄存一些脚本到一些国内访问比较快的网站上供我的小站读取,类似谷歌提供jquery脚本引用。 more…

05 13

Highslide4WP插件的完善

今天我鼠目獐头的四处转悠,忽然间瞄见Showfom所写的Auto HighSlide插件(其目的是增强支持Highslide),工作原理是通过jQuery侦测含链接的bmp|gif|jpeg|jpg|png等图片格式,然后自动补充上Highslide所需的点击事件(查考下方),从而无需重新编辑文章中的图片插入代码支持WriterRaven等本地客户端写博的用户。

所以我提取了其精华部分并将它应用到Mg12Highslide4WP插件中(注:此插件后台可以插入专用属性图片,但缺少title和其他编辑属性,我想不利于SEO吧),这样安装过Highslide4WP插件的朋友无需逐一编辑文章就能应用博客的中的所有含链接的图片,同样后台插入图片和常规一样,无需额外添加Highslide所需的鼠标点击事件。 more…

04 15

Ctrl+Enter提交(JS)

给你的主题添加 CTRL+ENTER 快捷键提交效果,其实比较简单的东西就不详述了,主要是通过JS侦查键盘值而触发提交ID,从而达到和鼠标点击按钮提交一样的效果。

方法:主题下为form添加下面的JS代码,或者另存JS文件然后引入JS

<script type="text/javascript">
document.getElementById("comment").onkeydown = function (moz_ev)
{
var ev = null;
if (window.event){
ev = window.event;
}else{
ev = moz_ev;
}
if (ev != null && ev.ctrlKey && ev.keyCode == 13)
{
document.getElementById("submit").click();
}
}
</script>


Page 1 / 11