刘晓帆的博客

专注互联网前端技术、UI设计、用户体验……

使用方法: 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上&#符号; 第二列可以用于CSS文件中,但是需要用反斜杠\转义; 第二列也可以用于javascript,和CSS用法一样,不过要用\u来转义。 需要主意的是: 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿; 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,–在Chrome下。。。 但是,98%的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番。 经测试这些字符在Android/iOS等智能终端的识别度比较差,所以,使用的时候要特别注意移动浏览器~~ 各种箭头 ⇠ 8672 21E0 ⇢ 8674 21E2 ⇡ 8673 21E1 ⇣ 8675 21E3 ↞ 8606 219E ↠ 8608 21A0 ↟ 8607 219F ↡ 8609 21A1 ← 8592 2190 → 8594 2192 ↑ 8593 2191 ↓ 8595 2193 ↔ 8596 2194 ↕ 8597 2195 ⇄ 8644 21C4 [...]

Categories: HTML/CSS

1.Windows 8中的复制增加了断点续传的功能 2.Windows 8中对重复文件的复制有了更加人性化的选项 3.Windows 8复制对话框中增添了实时监控及历史监控的拷贝速度查看功能 4.Windows 8中的复制速度相对于Windows7要更快一些(由于是初步探究,更多关注于界面与易于使用,此条干扰因素甚多,有待于日后重复试验) 5.Windows 8中多个复制对话框合并,易于查看 6.合并对话框并不能单独显示某一条复制的详细进度,只能全部同时显示 7.对于暂停后恢复的初始阶段,会出现写入速度虚高,希望在以后版本中改正。 8.对于重名的文件夹没有提示,直接进行合并文件夹处理。

Categories: News

这个效果只是在我之前写的图片上下滚动效果里面修改了一下,变成左右滚动了,而且播放到最后一个的时候不是经过很长的过程回到第一张图片了。 演示地址:http://www.liuxiaofan.com/demo/leftscroll.html

Categories: JavaScript

练习重点: 随机颜色 浏览器大小与内容的交互 CSS3动画 演示地址:http://www.liuxiaofan.com/demo/neon.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>霓虹闪烁</title> <style type="text/css"> HTML { overflow-x:hidden; overflow-y:hidden; } body { padding:0; margin:0; background-color:#000; } .box { float: left; height: 20px; width: 20px; color: #FFF; background-color: #000;opacity:50; border-radius:100px; } </style> <script src="http://liuxiaofan.com/demo/js/jquery-1.6.4.min.js" type="text/javascript"></script> <script> var e=0; /*生成box*/ function appendbox(){ var mainwidth = $(window).width(); var mainheight = $(window).height(); var n = [...]

Categories: JavaScript

Siri是一个由苹果新创的名词(英文字典里不存在的),那么这个词要如何发音才正确呢?要知道如果在一大堆同学或朋友面前,很自豪的拿起刚买的iphone4s,演示起这个著名的Siri功能时,要是把发音给念错了,而其它人却又知道正确的读音,那你可糗大了。甚至是一个国内知名的IT媒体的iphone4s测试视频里,还大言不惭地说 “ Se rui (蛇瑞)”来误导群众。 到底Siri应该如何读才正确呢? 正确发音应该是 “ xi rui ” (汉语拼音),如果硬是要用中文字发音来代替的话,应该读成 “ 西瑞 “(这个瑞rui要更多的发Re【英文里的Reply里的Re】音)。而不是读成“ Se rui ” (蛇瑞)或 ” sai rui “(赛瑞)。就目前知道很多人还真读成了Se rui,这个发音是不对的,大家赶紧改正把,免得那天碰到懂行的人,给当成笑柄了。 其实这个Siri的含义,就是Sir i(phone)。意思就是先生,我有什么可以帮到你吗?外国有很多豪华公寓,楼下都会有个管家,你一进门,或者出门,他们就会问你“SIr?”,其实就是问(Can i help you,Sir?)【先生,我有什么可以帮到你的吗】。也代表对iphone使用者的一个尊称,其实我也挺赞成念成“se rui”(汉语拼音)。不过估计苹果是想把其固化成一个专有名词吧,就给念成了”xi rui”的发音。总之大家给记着就对了 最后,再跟我念一次 Siri – Xi Rui(汉语拼音,西 瑞【英文Re】 ) 不要再读错了给人笑话哦 最后,如果还是觉得自己发音不够正确,可以看苹果官网的siri介绍视频,片尾最后10秒的时候,有很正确的Siri读音 Siri正确发音视频网址:http://www.apple.com/iphone/videos/#tv-ads-siri

Categories: Hobby

许多人都这么说,包括听到苹果天才吧的人也说过,我也听过也给别人这么说过: iPhone、iPad、iPod Touch,双击 Home 键屏幕下端「多任务栏」里面出现的那些 app 都是正在后台运行的,没有完全关闭,会占用这些 iOS  设备的内存、消耗电池。要提高机器反映速度、运行效率和增加电池使用时间,得手动把那些后台运行的 app 关掉。 错。错。错。错啦! Fraser Speirs 在博客里解释: 根本就没有这回事! iOS 的多任务栏里显示的 app 并不是当前正在运行的 app,而是最近运行过的 app (a list of recently used apps)。 当我们在运行一款 app 按下 Home键时,这个 app 会自动从「活跃」状态转到后台,并很快进入「暂停」状态,此时将不在占用 CPU 时间也不会继续耗电。 对于非常大的任务,那个 app 在后台进入「暂停」状态或许需要多 10分钟的时间。 一旦内存快要耗尽,iOS 会自动把后台「暂停」状态的 app 停止运行,以此释放更多内存空间。 五类 app: audio、GPS、VOIP、Newsstand、和一些 accessory apps,包括内置的几款比如 Mail 是例外,这些 app 会一直运行直到开启的任务完成才会停止。 一句话总结: 你不需要花时间在 iOS 下管理那些后台运行的任务。系统会很好的处理一切。

Categories: Hobby

实现原理:准备2张图片,原大图及缩略图。 当页面载人的时候正常显示缩略图,然后当鼠标经过缩略图的时候AJAX加载原大图。 使用jQuery的e.pageX方法提取鼠标经过图片时的坐标,再将遮罩的绝对定位时的坐标值赋值,同时改变大图的坐标值,达到显示位置的准确性。 当鼠标离开小图区域的时候隐藏遮罩。 本效果为刘晓帆原创,转载请注明出处,谢谢!

Categories: JavaScript

如果你是JS工程师就不可能不知道Aptana,她是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 *Outliner(大纲):显示JavaScript,HTML和CSS的代码结构。 因为Aptana是一个基于Eclipse的集成开发环境,所以Eclipse的中文包对于她同样适用。 回到正题,说一下汉化方法:

Categories: Tool

具体使用方法到处都能搜得到。 下载地址:http://code.google.com/p/zen-coding/downloads/list

Categories: Plugin

今天在国外各个前端博客闲逛的时候发现的效果,觉得不错就贴上来分享一下。

Categories: HTML/CSS

今天突然想起来写一个以前第一次学编程的时候做的练习了,呵呵!

Categories: JavaScript

一个网站会涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中,单(复)选框和它们后面的提示文字在不进行任何设置的 情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依然不能完美对齐。

Categories: HTML/CSS

这位兄弟必须火了!

Categories: Hobby

《回到未来》三部曲…………搞笑小子伙同疯狂科学家驾驶时空飞车穿梭过去未来 《女神陷阱》………… 一位被冰冻在外太空的军人尼可·波勒,阴错阳差来到2095年 《雷霆万钧》…………倒霉时空猎人回到蛮荒时代,踩死一只虫子,改变了未来世界 《时空线索》/超时空效应 …………丹泽尔·华盛顿回到过去力斗恐怖分子,拯救即将爆炸的渡轮 《蝴蝶效应》…………过去未来,无限可能

Categories: Hobby

如果你喜欢使用PHP环境集成安装包,不建议去各种网站或者论坛下载,因为Apache的官网上面就提供下载,而且适用于各种系统。

Categories: Tool