Archive for the Category “ 分享 ”
06
Jul
Post on 10:33, July 6, 2009, by Sue Zhou

推荐个东东,Dropbox,一种结合网络和本地的共享文件夹,支持Windows和Mac,苹果下的支持似乎更漂亮自然一点。

免费用户给2G空间,支持单个共享文件夹的共享设置,对于各项操作有日志记载,适合小团体进行共享。

发现我不太会说中国话了……算了,用用就知道了。

地址:https://www.getdropbox.com/

Category: 分享  Leave a Comment
18
Jun
Post on 11:48, June 18, 2009, by Sue Zhou

IE8正式版的发布只是证明了IE家族里又出了一个鸡肋。身为浏览器大家庭里占一定比重的一员,居然对CSS3还是我行我素的不支持,似乎MS已经不再在乎其浏览器市场份额逐年下跌了。

WordPress的2.8正式版的后台更漂亮点了,用户交互更亲和,虽然在2.7的基础上视觉效果改变不多,升级后突然心血来潮的去IE下看了看效果,发现IE下还是比较难看,虽然还是实现了按钮等rollover的渐变背景效果,但是圆角就彻底被放弃了,IE下效果就是方方正正的一个个模块。想想也许这也不失是一个解决办法──与其花费大把的时间去让不听话的IE漂亮一点,还不如对IE的界面采取另一种相似的设计,丑是丑了点,但是引用我们单位Dave当时说过的一句话 “People who choose IE does not deserve better design.

言归正传,本篇的重点是总结一下在各浏览器下圆角的实现方法。现在许多乖浏览器如Firefox, Safari, Opera已经支持CSS3中的某些语句,特别是border-radius这一创造圆句的功能,太赞了,一句CSS代码就解决了头疼的问题,使用方法如下:
CSS3 (not yet finalised)

border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-top-left-radius
border-radius

Mozilla equivalent

-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft
-moz-border-radius-topleft
-moz-border-radius

moz-border-radius

WebKit equivalent

-webkit-border-top-right-radius
-webkit-border-bottom-right-radius
-webkit-border-bottom-left-radius
-webkit-border-top-left-radius
-webkit-border-radius

webkit-border-radius

Opera and KHTML browsers

-opera-border-radius
-khtml-border-radius

由于IE家没有支持CSS3的,所以对于IE下的圆角要另外花功夫。主要用了CSS和png图片及container的嵌套(对IE6,由于其不支持png,各种hacker对png背景图片的处理也不是太理想,于是特别创建了一堆gif图片,不胜其烦),总结了一下代码如下:

(暂时不总结了,下回用到再说吧)

———

Reference: http://www.the-art-of-web.com/css/border-radius/

09
Jun
Post on 11:22, June 9, 2009, by Sue Zhou

最近一直在折腾Wordpress,一个星期了,开始厌倦了。

在找一个合适的主题,可是合适怎么定义却很空泛。看到一些很炫的主题又不是太如意,只有下载下来再改,去掉繁枝茂叶,留下个光秃秃的主干,辛苦调试完了后又突然不喜欢这个主题了,于是又推翻重来。

找了一个新的主题换上了,Coffee desk,笔记本样式,属于一见钟情型的,看原作者的代码也很清爽,先用着,回头再微调一些,实在不想再从头改到尾了。

另外找到了一个wordpress theme framework,干净的模版,这样下次就不用那么累改代码了,就当是designer给了个设计和图片,自己写代码出来也许还更简单。

http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/

下载地址:http://plainbeta.com/download/whiteboard.zip

Category: 分享  Tags:  2 Comments
05
Jun
Post on 10:59, June 5, 2009, by Sue Zhou

厌烦了贴代码时跟wordpress自动格式化没完没了的较劲,一遍又一遍的更新,然后去主页看效果。于是用了插件,简单明了。

不常贴代码,应该说也就是最近两天才开始贴的,这两天一直在温故知新和创新,主要是为了记录点啥备忘 。

插件很简单,在HTML模式下编辑。格式如下:

<pre><code>代码</code></pre>

很简单,也正是我所要的。

链接:http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin/

Category: 分享  Tags: ,  Leave a Comment
05
Jun
Post on 09:54, , by Sue Zhou
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;}

body { line-height:1;}

ol, ul { list-style:none;}

blockquote, q {	quotes:none;}

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins {	text-decoration:none;}
del {	text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

Read more…

Category: 分享  Tags:  Leave a Comment