郭爽的Blog

ubuntu,firefox,opera,css,javascript,xhtml,ui design,blog,geeks…

矢量设计风格网站欣赏

css 菜单效果


点击这里打开新窗口浏览此网页

来自 http://www.webdesignerwall.com/tutorials/advanced-css-menu/ 的 css 菜单效果,这个站本本身的导航就很有意思。

主要实现代码和我的解释如下:

  • Home
  • css 如下:

    #menu span {

    display: none;

    position: absolute;

    }

    /*让 span 先隐藏*/

    #menu a {

    display: block;

    text-indent: -900%;

    position: absolute;

    outline: none;

    }

    /*把链接的文字部分放到浏览器外面*/

    #menu a:hover {

    background-position: left bottom;

    }

    /*鼠标来了把背景换成 下面对齐*/

    #menu a:hover span{

    display: block;

    }

    /*同时显示 span 内容*/

    #menu .home {

    width: 144px;

    height: 58px;

    background: url(images/home.gif) no-repeat;

    left: 96px;

    top: 73px;

    }

    /*span 的内容就是一个背景图片*/

    其实也可以简化为一个图片,但那样的话,背景图片尺寸也变化的时候有点吃力吧。

    搜索更多 css 菜单 效果

    什么tracker服务器

    tracker服务器是BT下载中必须的角色。一个BTclient在下载开始以及下载进行的过程中,要不停的与tracker服务器进行通信,以报告自己的信息,并获取其它下载client的信息。这种通信是通过HTTP协议进行的,又被称为tracker HTTP协议,它的过程是这样的:

    client向tracker发一个HTTP的GET请求,并把它自己的信息放在GET的参数中;这个请求的大致意思是:我是xxx(一个唯一的id),我想下载yyy文件,我的ip是aaa,我用的端口是bbb。。。

    tracker对所有下载者的信息进行维护,当它收到一个请求后,首先把对方的信息记录下来(如果已经记录在案,那么就检查是否需要更新),然后将一部分(并非全部,根据设置的参数已经下载者的请求)参与下载同一个文件(一个tracker服务器可能同时维护多个文件的下载)的下载者的信息返回给对方。

    Client在收到tracker的响应后,就能获取其它下载者的信息,那么它就可以根据这些信息,与其它下载者建立连接,从它们那里下载文件片断。

    在线工具-位图转矢量图

    上传需要处理的图片到 http://vectormagic.stanford.edu/,简单的几步设置,最后得到 svg 或者 eps 的下载。不过,我的测试中,svg 报告 xml 格式错误。eps 可以。

    其实flash 本来就可以 trace 图片,coreldraw 也可以,难道是在 flash 中 as 的 trace 功能?还是另写算法?

    pagerank 查询


    点击这里打开新窗口浏览此网页

    adobe air 宣传 flash

    我喜欢这个 adobe air 的宣传 flash,简单但漂亮的3D效果

    http://labs.adobe.com/technologies/air/adobe_air.swf

    BTW:

    以下为引用内容:

    FLV视频发布的两种方式(HTTP or RTMP)

    配好了FMS/Red5,用flvplayerBack测试RTMP协议通过。想进一步用NetStream做开发的时候,却发现NetStream.play只支持Http和File两种协议(参考Flash帮助)。

    上网检查youtube,6rooms和56,发现他们用的播放协议也都是Http。按说FMS/Red5作为流媒体服务器,是专门做过优化的。但为何这些网站都没采用RTMP的协议呢。

    RTMP协议和Http比有哪些优势呢,或者说:我们为什么要使用FMS/Red5呢?

    两种协议HTTP和RTMP,有点点不同,

    用HTTP方式: 先通过IIS 将FLV下载到本地缓存,然后再通过NetConnection的本地连接来播放这个FLV,这种方法是播放本地的视频,并不是播放服务器的视频。因此在本地缓存里可以找到这个FLV。其优点就是服务器下载完这个FLV,服务器就没有消耗了,节省服务器消耗。其缺点就是FLV会缓存在客户端,对FLV的保密性不好。

    用RTMP方式: 通过NetConnection连接到FMS/Red5服务器,并实时播放服务器的FLV文件,这种方式可以任意选择视频播放点(SEEK()),并不象HTTP方式需要缓存完整个FLV文件到本地才可以任意选择播放点,其优点就是在本地缓存里是找不到这个FLV文件的。其优点就是FLV不会缓存在客户端,FLV的保密性好,其缺点就是消耗服务器资源,连接始终是实时的。

    一句话,一个是本地播放,一个是服务器实时播放,因需而定。


    via http://www.openred5.com/bbs/viewthread.php?tid=158

    Prism – 桌面web应用程序

    实际上还是 webrunner,都是为了把 web 应用做得更象传统应用程序,脱离开浏览器的大框框。类似于 opera widgets 的思路,用 web 方式很快地构建应用。类似的还有 Adobe AIR(Adobe 的 flash 环境平台) 和 Microsoft Silverlight。

    via http://labs.mozilla.com/2007/10/prism/

    Mozilla Labs is launching a series of experiments to bridge the divide in the user experience between web applications and desktop apps and to explore new usability models as the line between traditional desktop and new web applications continues to blur.

    Unlike Adobe AIR(Adobe 的 flash 环境平台) and Microsoft Silverlight, we’re not building a proprietary platform to replace the web. We think the web is a powerful and open platform for this sort of innovation, so our goal is to identify and facilitate the development of enhancements that bring the advantages of desktop apps to the web platform.

    The first of these experiments is based on Webrunner, which we’ve moved into the Mozilla Labs code repository and renamed to Prism.

    WebRunner 单一窗口浏览器

    在 linuxtoy 看到这个 使用 WebRunner 运行 Web 应用程序,不错。在 win,mac,*nix 下都可用(类似于没有菜单、工具栏等的 firefox),这样就不用又全屏又屏蔽右键的瞎折腾了,可以部署在客户端,省得用户胡弄了…linux 下暂时不支持 flash(拷贝 firefox plugins 目录库无效),windows 下的 prism 里面带 flash 支持。

    WebRunner is a simple XULRunner based browser that hosts web applications without the normal web browser user interface. WebRunner is based on a concept called Site Specific Browsers (SSB). An SSB is an application with an embedded browser designed to work exclusively with a single web application. It doesn’t have the menus, toolbars and accoutrements of a normal web browser. Some people have called it a “distraction free browser” because none of the typical browser chrome is used. An SSB also has a tighter integration with the OS and desktop than a typical web application running through a web browser.

    via http://wiki.mozilla.org/WebRunner

    ubuntu 下解压,进入目录,

    ./webrunner -uri http://blog.guoshuang.com

    即可。

    可以写脚本或者配置程序状态(是否显示地址、状态栏、sidebar、允许导航否)。问题是窗口最大化怎么弄呢?

    Here is a simple way to build a basic web application bundle:

    Create file called webapp.ini that contains something like:

    [Parameters]

    id=unique-app-id@unique-author-id.whatever

    uri=http://[the-url-what-you-want-to-connect-to]/

    status=yes

    location=no

    sidebar=no

    navigation=no

    * Zip the file to [whatever].webapp

    * Double-click the webapp bundle or use webrunner -webapp [path-to-webapp]

    ubuntu 安装 ie7

    安装 wine 和 cab 解包工具

    sudo apt-get install wine

    sudo apt-get install cabextract

    安装 ies4linux,并运行

    wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz

    tar zxvf ies4linux-latest.tar.gz

    cd ies4linux-*

    ./ies4linux

    按照提示信息安装 ie6,注意选择 CN 否则不能浏览中文网页(utf-8 当然没问题)。运行使用

    /home/guoshuang/bin/ie6

    下面开始安装 ie7,首先从 http://www.google.com/toolbar/ie7/ 下载 ie7 安装包。

    复制 ie6 为 ie7,并建立可执行文件

    cd ~/.ies4linux

    cp -r ie6/ ie7

    sed ~/.ies4linux/bin/ie6 -e ’s/ie6/ie7/g’ > ~/.ies4linux/bin/ie7

    chmod +x ~/.ies4linux/bin/ie7

    把 IE7Setup_G.exe 拷贝到一个目录(如 123)中,执行

    cabextract IE7Setup_G.exe

    cabextract IE7-Setup.exe

    这样解压出所有的 dll 文件。进入 123 目录,拷贝所需要的 dll 文件,并修改为执行权限

    for i in wininet iertutil shlwapi urlmon jscript vbscript \n
    ieframe mshtml mshtmled mshtmler advpack

    do

    chmod +x $i.dll

    cp $i.dll ~/.ies4linux/ie7/drive_c/windows/system/$i.dll

    done

    chmod +x inetcpl.cpl

    cp inetcpl.cpl ~/.ies4linux/ie7/drive_c/windows/system/

    打开这个站点搜索剩下的两个 dll 文件

    normaliz.zip

    inetcplc.zip

    解压,拷贝到 ~/.ies4linux/ie7/drive_c/windows/system 目录中。

    执行下面命令,设置 wine 的 win 环境为 windows xp

    WINEPREFIX=~/.ies4linux/ie7 winecfg

    建立快捷方式

    cd ~/bin

    ln -s ~/.ies4linux/bin/ie7 ie7

    执行 ie7 即可。你可以用下面脚本测试 browser user agent

    运行代码 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

    原文来自 Internet Explorer 7 on Linux

    相关日志:

    ubuntu 下安装IE

    电影推荐 料理鼠王

    一只小老鼠成为大厨师的故事,动画片,画片很漂亮,小老鼠 Ratatouille 的奋斗史…

    电骡下载地址:

    ed2k://|file|%5B%E6%96%99%E7%90%86%E9%BC%A0%E7%8E%8B.2007%5DSpiral.Rat.CD1.YYeTs.rmvb|205547527|e7d11b41cdfd2830f7fff1b69d99cb5a|h=F2INMNWZT3VUIPSZIWQHA2LSQVAXALLP|/

    ed2k://|file|%5B%E6%96%99%E7%90%86%E9%BC%A0%E7%8E%8B.2007%5DSpiral.Rat.CD2.YYeTs.rmvb|215438648|ce48e751337979399026c3a1580ee8d5|h=EO7JD4GF7TQLROYNDYW4R4ZHUIL6KTCY|/

    gmail 开始支持 IMAP 协议

    那天经杜勇同志一讲,我才搞清楚 imap 和 pop3 的区别,简单来说,imap 只拿邮件头下来,邮件仍在服务器上,可以节约远端的下载时间。gmail 刚刚开始支持 imap 协议,按照这个 gmail 使用 imap 说明 设置邮件客户端。大约是:

    imap 服务器 imap.gmail.com 端口 993

    使用 SSL 加密

    smtp.gmail.com 端口 587

    另外,还需要在 gmail 设置中 enable imap access

    thunderbird 设置图片说明

    IMAP4和POP3的区别

    IMAP4协议

      IMAP是Internet Message Access Protocol的缩写,顾名思义,主要提供的是通过Internet获取信息的一种协议。IMAP4是IMAP协议的第4个版本,正如POP3是POP协议的第3个版本一样。在21cn.com邮件系统内,IMAP是一种强有力的邮箱访问方式。

    IMAP4和POP3的区别

      1:POP3提供了快捷的邮件下载服务,用户可以利用POP3把邮箱里的信下载到PC上进行离线阅读。一旦邮件进入PC的本地硬盘,就可以选择把邮件从服务器上删除,然后脱离与Internet的连接并选择在任何时候阅读已经下载的邮件。

       IMAP同样提供了方便的邮件下载服务,让用户能进行离线阅读,但IMAP能完成的却远远不只这些。首先,IMAP提供的摘要浏览功能可以让你在阅读完所有的邮件到达时间、主题、发件人、大小等信息后才作出是否下载的决定。也就是说,你不必等所有的邮件都下载完毕后才知道究竟邮件里都有些什么。如果你根据摘要信息就可以决定某些邮件对你毫无用处,你就可以直接在服务器上把这些邮件删除掉,而不必浪费你宝贵的上网时间。

       如果你的IMAP客户端软件完整支持IMAP4rev1的话(如Netscape 4.5),则你还可以享受选择性下载附件的服务。举例来说,假如一封邮件里含有大大小小共5个附件,而其中只有2个附件是你需要的,你就可以只下载那两个附件,节省了下载其余3个的时间。

    IMAP和WebMail的比较

      1:WebMail:也有很多用户喜欢通过Web来联机收发邮件,其中一个很重要的原因是这些用户希望把他的邮件都留在服务器上,并且通过 WebMail服务建立多个文件夹,然后分类归档地管理自己的邮件。这样,WebMail的用户就可以不分时间地点,只要有一个浏览器就可以马上从服务器上获得自己的邮件,不管是刚收到的还是已经存放了很久,也不必担心客户端的PC重新安装了操作系统或换了一台电脑以后邮件全部丢失了的问题。

      IMAP同样满足了WebMail用户的需要。IMAP与POP3不同的地方关键是在支持离线阅读的同时也鼓励用户把邮件存储和组织在服务器上。和WebMail一样,通过IMAP,允许用户在服务器上建立任意层次结构的文件夹,并且可以灵活地在文件夹之间移动邮件,随心所欲地组织你的邮箱(这些显然是通过POP3做不到的)。

      只要你的邮件存储在服务器上,任何时候通过一个IMAP的客户端软件都可以立即联机获得你的邮件,这一点与WebMail保持一致,但是,IMAP的以下优点足以把WebMail用户吸引过来:凡是WebMail的用户都必需无奈地阅读页面上的广告,都必需花费宝贵的时间和带宽来下载页面上的图面,修饰字符等等;IMAP则忠实地只为你的Email服务,不让你的资源有丝毫的浪费。

      IMAP协议还允许你方便地利用你的邮箱作为信息存储工具,一般的IMAP4客户软件都支持邮件在本地文件夹间和服务器文件夹间的随意拖动,让你得心应手地把本地硬盘上的文件存放到服务器上,然后在你需要的时候同样方便地取回来,所有的功能仅需要一次鼠标拖放的操作来实现,是不是很好?

      总的来说,POP3和WebMail的优点在IMAP里都有,而IMAP却能很好地克服POP3和WebMail各自的缺点。

    via http://blog.sina.com.cn/s/blog_4b697d8e01000682.html

    windows 下15个免费的刻录软件

    前几天想刻盘,不想重启到 linux 下,找了好半天 nero lite,皆失败。windows 下想弄点干净的好软件可真是越来越难了。最后还是到 ubuntu 下用 nautilus 自带的 burn 搞定。今天看到 15个免费的刻录软件(来自 medaldudu 的 blog),似乎还不错,但我一个都没有用过,以后有机会一试。

    1. ImgBurn 支持多种镜像格式,支持Unicode字符集,支持全部windows系统(包括64位版本)。它对光驱的支持也比较好。

    2. InfraRecorder 支持嵌入windows资源管理器。

    3. CDBurnerXP 支持蓝光和HD-DVD,支持创建ISO文件,包含多语言界面(对中文支持不错)

    4. Ultimate CD/DVD Burner

    5. QuickBurn

    6. DeepBurner Free Portable 是便携版的刻录工具,包含在我的MUC工具包里。

    7. FinalBurner

    8. Burnatonce

    9. Free Easy CD DVD Burner

    10. AVS Disc Creator FREE

    11. Express Burn

    12. SilentNight Micro Burner

    13. Burn4Free

    14. EASY Burning

    15. Disc Master

    最新日志

    最新评论

    • admin: 很及时啊,明天就要上飞机,刚好可以一装。...
    • 倾城视觉摄影工作室: 喜欢拍照的朋友欢迎点击我的博客...
    • 时代下载: 帅呆了~~~ 滔滔江水啊~~...
    • 三黑: 郭爽:你的手机号改啦?打不到你。。。给我一个短信:13906016448 开始安排我们班15周年的聚会了。。...
    • da: f...
    • skynet: 老郭,几号的飞机啊呀,也不说清楚,急死人。...
    • skynet: 真不好说,AM应该是早上,如果是晚上12:19,那实际应该是AM:00:19,所以感觉应该是中午12:19分了。...
    • 2012年12月21日下午3点14分35秒: 好文章,支持了~...

    评论最多

    Links

    Advertise

    ad 120x240

    Archives


    Meta