【前端开发小工具】unicode转换工具

unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发,1994年正式公布。随着计算机工作能力的增强,unicode也在面世以来的十多年里得到普及。更多可以查看百度百科维基百科

unicode在我们前端开发中也会偶尔用到,比如:

  1. 有些js代码使用unicode加密;
  2. 用asv和闪客精灵等flash破解工具破解出来的中文部分也是unicode编码的;
  3. css中中文最好用unicode表示,比如使用宋体是{font-family:\5b8b\4f53;},使用微软雅黑是{font-family:\5fae\8f6f\96c5\9ed1;},这样的好处是避免编码问题,同时能得到所有的主流浏览器的支持。

同事给我开发了一个unicode转换工具,主要功能是字符串和unicode互转,一般页面上,js,flash中用的是以”\u”开始的unicode,css中则是以”\”开始; Read More »

google chrome字体最小12px的问题

昨天发现google chrome字体小于12px的时候都以12px显示,无语,后经css森林的讨论和测试发现将google chrome的语言设置成英文就没这个问题,应该给google chrome提交这个bug啊!

目前还没找到解决方案,如果有请留言告知!万分感谢

2009年我要感谢的人和群

2009年我终于结婚了,感谢老婆,父母,朋友!

2009年我在搜道一年,感谢我那几个辛勤付出的同事,还有关心我的领导!

2009年我要感谢css森林,感谢鬼哥,龙哥!感谢css森林的所有人!

2009年我要感谢JS森林,感谢js森林的管理员,感谢丸子,感谢肉饼,感谢大白,感谢demo,感谢六哥,感谢肉块,感谢小志,感谢所有的js森林成员(太多了感谢js森林的所有成员)!

2009年我要感谢内参,感谢内参的所有成员!感谢国王,感谢主席!感谢内参!

2009年感谢关注css88.com的朋友,我曾经迷茫多,曾经迷失过!谢谢你们的支持,只要我觉得有值得分享的东西我一定跟大家分享交流。

2009年感谢所有认识我关心我的人!谢谢!

【IE6的疯狂之十三】使用浮动去掉元素中的多余空白间距

IE6的某些元素在表现上有多余的一些空白间隙,或者更形象的说是“外边距(margin)”,要么是margin-top,要么是margin-bottom,当然还有margin-left,margin-right。这个在表单元素中特别常见。即使我们的reset css已经将这些元素的margin值设为0。

可以看一个实例:比如们想模拟一个双边框的文本框,如图:

看html代码: Read More »

美女桌面报时

我们公司的美女时钟(http://www.sodao.com/)出桌面报时版了,效果不错。

如果要查看美女的基本信息可以点击大图右下角的小屋子图标,

工具是基于windows侧边栏工具(Windows Sidebar)的,vista,win7系统可以直接安装,XP和win2003等系统需要首先安装windows侧边栏工具(Windows Sidebar),再安装桌面美女报时。

桌面美女报时下载地址:http://www.css88.com/wp-content/uploads/2009/12/XBeauty Clock v1.0.1.2.rar

做技术的朋友如果想了解该技术可以查看:http://www.oovista.com/vista/Gadgetkaifa/index.html或者谷歌百度一下:Gadget开发

推荐一个js框架——Como JS

como1

  • 对原生对象如String扩展常用函数
  • 支持类的声明与继承,简易Ajax
  • 简约而快速的CSS选择器
  • 高效、易操作的动画执行
  • 强大的JS包扩展机制,支持CSS按需加载
  • 非侵入式切换调用,与第三方框架并存
  • Como是一款代码简易而功能强大的Javascript框架,这也是开发者在工作过程中的经验总结,实用性强;通过它,能够简化Javascript代码开发,增强代码重用性,能够异步按需加载js和css文件,增强page的加载速度; Read More »

    把“计算机(我的电脑)”放到WIN7的任务栏里

    如何把“计算机(我的电脑)”放到WIN7的任务栏里,打开后显示“计算机”磁盘信息窗口而不是“库”?

    现在点击 Windows 7 任务栏的资源管理器,已不象XP以前版本那样,直接打开“我的电脑(计算机)”的磁盘信息窗口了,而是显示“库”信息窗口,不太方便,也不太习惯。如何改回原来那样,让它直接打开“计算机”磁盘信息窗口呢?方法如下:

    右键任务栏“Windows 资源管理器”图标,再在弹出窗口中右键“Windows 资源管理器”,选择“属性”—“快捷方式”,把“目标”中explorer.exe后面加上“一个空格和一个逗号”,如下:

    %SystemRoot%\explorer.exe ,

    确定,OK了!

    定位属性在元素中的层级关系

    在现在项目产品的前端开发中随着交互的增多,再加上html结构的语义化要求,元素的层级关系越发重要了,经常页面会出现页面某些元素会被其他元素遮盖,很多时候我们通过position:relative或position:absolute,及z-index值来改变元素的层级,但是z-index过多或其值如果没有充分考虑的话,元素的层级关系会非常复杂。我这里只总结了position:relative和position:absolute在兄弟元素中的一些层级关系,有遗漏或者不足的地方,欢迎大家留言补充和斧正。

    注意:这里把position : static这个默认的定位属性值同意认为没有定位,position:relative、position:absolute和position:fixed都认为是有定位 。position:fixed在ie6下未支持,所以本位不做实例,在其他浏览器下同样适用。

    一、在没有定位属性的兄弟元素中,一般在html结构下面的元素层级高于结构上面的元素。

    可能表达不清楚,看一段代码吧:

    
    <div style="width:400px; height:200px; background:#000; color:#FFF">结构上面的元素:width:400px; height:200px;<br />
    这里黑色的可见高度是150px,还有50px被红色的元素遮罩了(margin-top:-50px)。</div>
    <div style="width:500px; height:100px;background:red; margin-top:-50px;color:#FFF">结构下面的元素:width:500px; height:100px;</div>
    

    如图显示:

    2009-12-21_192737

    =====================分割线===========================

    在了看一个类似的例子:

    
    <div style="width:400px; height:200px; background:#000; color:#FFF;margin-bottom:-110px;">结构上面的元素:width:400px; height:200px;<br />
    这里黑色的可见高度加起来是100px,还有100px被红色的元素遮罩了。</div>
    <div style="width:500px; height:100px;background:red;color:#FFF">结构下面的元素:width:500px; height:100px;</div>
    

    如图显示:

    2009-12-21_193043

    这两个例子充分说明了一般情况下:没有定位的兄弟元素中,在html结构下面的元素层级高于结构上面的元素。

    二,兄弟元素中有定位属性的元素层级高于没有这两个属性的其他兄弟元素。

    看一个在结构上面元素上加position:absolute例子,这个可能大家很常用: Read More »

    JS森林语音交流会开始了

    JS森林语音交流会开始了,这个周日第二期,详情http://bbs.9demo.com/forumdisplay.php?fid=31

    [招聘]12月12日 腾讯深圳现场招聘会

    腾讯公司将会在2009年12月12日在深圳腾讯大厦一楼大堂举办现场招聘会,现场招聘职位超过170个,详情请见:http://hr.tencent.com/pages/scene/live_20091130_sz.shtml

    如果您是应聘HL1-页面重构工程师http://hr.tencent.com/pages/position/detail.shtml?jobid=1997&location=0】,可以先发您的简历到ivane@qq.com,谢谢!