推荐个东东,Dropbox,一种结合网络和本地的共享文件夹,支持Windows和Mac,苹果下的支持似乎更漂亮自然一点。
免费用户给2G空间,支持单个共享文件夹的共享设置,对于各项操作有日志记载,适合小团体进行共享。
发现我不太会说中国话了……算了,用用就知道了。
推荐个东东,Dropbox,一种结合网络和本地的共享文件夹,支持Windows和Mac,苹果下的支持似乎更漂亮自然一点。
免费用户给2G空间,支持单个共享文件夹的共享设置,对于各项操作有日志记载,适合小团体进行共享。
发现我不太会说中国话了……算了,用用就知道了。
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
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
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/
最近一直在折腾Wordpress,一个星期了,开始厌倦了。
在找一个合适的主题,可是合适怎么定义却很空泛。看到一些很炫的主题又不是太如意,只有下载下来再改,去掉繁枝茂叶,留下个光秃秃的主干,辛苦调试完了后又突然不喜欢这个主题了,于是又推翻重来。
找了一个新的主题换上了,Coffee desk,笔记本样式,属于一见钟情型的,看原作者的代码也很清爽,先用着,回头再微调一些,实在不想再从头改到尾了。
另外找到了一个wordpress theme framework,干净的模版,这样下次就不用那么累改代码了,就当是designer给了个设计和图片,自己写代码出来也许还更简单。
http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/
厌烦了贴代码时跟wordpress自动格式化没完没了的较劲,一遍又一遍的更新,然后去主页看效果。于是用了插件,简单明了。
不常贴代码,应该说也就是最近两天才开始贴的,这两天一直在温故知新和创新,主要是为了记录点啥备忘 。
插件很简单,在HTML模式下编辑。格式如下:
<pre><code>代码</code></pre>
很简单,也正是我所要的。
链接:http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin/
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;
}