虽然那些 Internet 巨人主导了 Web 并为我们提供了非常全面的 Web 服务,然而,Web 领域的创新与创意从来都不曾停息,PCWorld 的编辑们为我们精选了 52 个超级实用的网站,尽管它们的名字没有 Google 那么响亮,但它们总会在某些地方给我们带来意想不到的惊喜。
呵呵,大多是应用国内都用不上,这几个比较喜欢:http://www.zoho.com/ https://secure.logmein.com/CN/home.aspx
http://bubbl.us/
商务
GenBook: 帮助你的客户安排同你们的约见日程
Huddle: 部门项目管理,在线存储
JobSpice: 在线生成漂亮简历
Phonebooth: 电话服务
Stacks: 就人与项目安排任务
TextFlow: 简化文档协同工作
Yammer: 部门私密微博客
Zoho: 大量基于云端的应用
沟通
FaxZero: 免费传真服务,含广告
Foursquare: 你和你的朋友的登录位置
Meebo: 即时消息多合一
Sobees: 调度多个社会网络服务
Tatango: 短信群发
饮食
Nutrition Data: 食谱
OpenTable: 饭店订座
文件共享与存储
Dropbox: 同步文件,2GB 空间
Drop.io: 在线存储文件
Humyo: 10GB免费空间
Livecage: 音频,视频直播
Live Mesh: 同步文件,供远程访问
Qik: 从智能手机发视频
媒体
Animoto: 制作漂亮幻灯
Citrify: 快速照片编辑工具
CutMP3: 将任意 MP3 文件截成铃声
Eventful: 你周围发生的事
Grooveshark: 音乐与社会网络功能
Librophile.com: 下载有声书
Pixorial: 易用的视频编辑工具
工作
Bubbl.us: 简单的思维导图工具
Evernote: 记录想法,笔记,声音
LogMeIn: 远程访问你的 ...
楼主:李宇春和芙蓉姐姐同时掉水里,你手里有一块砖,你砸谁?
暴强回复:谁救砸谁。
楼主:我把我家的狗给揍了!地震它也不告诉我,平时叫得那么欢,刚才地震时竟像没事似的在窝里睡觉!
回复:唉,毕竟不是亲生的……
楼主:深圳南头一卖菠萝的女摊贩情急之下咬下城市管理者叔叔的小JJ……
回复:哼!你不让我生活,我就不让你享受生活!!!
楼主:是被人叫大叔惨还是叫弟弟惨?
暴强回复:大叔你弟弟出来了。
楼主:城市管理者增加新武器来抓流浪狗!
暴强回复:本是同根生,想煎何太急
楼主:通过海南矿泉水喝死人事件,可以看到中国的食品安全堪忧,矿泉水也 能喝死人?不是有QS标志吗?
暴强回复:弱弱的问一下,QS是不是去死的意思?
楼主:一学生,成绩年年倒数第一,常与人打架,按领导要求老师想给学生好 听一点的期末评语,怎么写啊?
暴强回复:该生成绩稳定,动手能力强。
论坛楼主:女友总说自己胸小,我觉得还可以啊,请论坛GG们帮忙鉴定一下~
论坛沙发:后背上长俩青春痘!
论坛楼主:我得了健忘症怎么办?
论坛回复:那岂不是很爽?每天早晨醒来发现睡在自己身旁的都是不同的女人~
论坛楼主:为什么胡主席访问日本,日本方面比较冷淡,甚至机场连欢迎标语都没挂?
论坛沙发:怎么挂?热烈欢迎中国老朋友来日?
谷歌发布全球前1000大网站,国内还是有好些网站上榜的。qq.com,sina.com,baidu.com,soso.com,tianya,taobao等。
呵呵,中国人实在是太多了。平均下来就不一样了。
看来社交网络,以及各大官网还是有不少的流量啊。
1
facebook.com
Social Networks
540,000,000
35.2%
570,000,000,000
Yes
2
yahoo.com
Web Portals
490,000,000
31.8%
70,000,000,000
Yes
3
live.com
Search Engines
370,000,000
24.1%
39,000,000,000
Yes
4
wikipedia.org
Dictionaries & Encyclopedias
310,000,000
20%
7,900,000,000
No
5
msn.com
Web Portals
280,000,000
18.1%
11,000,000,000
Yes
6
microsoft.com
Software
230,000,000
14.8%
3,300,000,000
Yes
7
blogspot.com
Blogging Resources & Services
230,000,000
14.7%
4,400,000,000
Yes
8
baidu.com
Web Portals
230,000,000
15%
27,000,000,000
Yes
9
qq.com
Email & Messaging
170,000,000
11.1%
25,000,000,000
Yes
10
mozilla.com
Internet Clients & Browsers
140,000,000
9.2%
2,100,000,000
No
11
sina.com.cn
Web Portals
130,000,000
8.4%
3,600,000,000
Yes
12
wordpress.com
Blogging Resources & Services
120,000,000
7.7%
1,200,000,000
Yes
13
bing.com
Search Engines
110,000,000
7%
2,700,000,000
Yes
14
adobe.com
Programming
110,000,000
6.9%
1,000,000,000
Yes
15
163.com
Web Portals
98,000,000
6.3%
2,700,000,000
Yes
16
taobao.com
Shopping
98,000,000
6.3%
10,000,000,000
No
17
soso.com
Entertainment
97,000,000
6.3%
1,400,000,000
No
18
twitter.com
Email & Messaging
96,000,000
6.2%
5,400,000,000
No
19
youku.com
Video Clips & Movie Downloads
89,000,000
5.8%
1,700,000,000
Yes
20
ask.com
Search Engines
88,000,000
5.7%
1,700,000,000
Yes
21
sohu.com
Web ...
在我们的页面中,如果不是显示指出来的话,javascript是同步加载的,也就是javascript的加载是阻塞的,后面的元素需要等待javascript加载完毕后才能进行再加载。呵呵,对于一些意义不是很大的javascript,如果放在页面的头部,如果加载很慢的话,会严重影响用户的体验的。
有人会问这时为什么呢?因为有可能你的javascript代码会动态的植入一些元素到页面的dom中。
因此对于那些会有修改dom的javascript(最简单如里面会有document.writlen这样的语句),我们只能阻塞的加载,而且最好也是放在页面的最底部。但是对于那些不会导致dom修改的javascript,如一些统计的javascript,如google的统计等,我们完全可以异步的来加载,不必同步阻塞的来等待。如何异步加载一个javascript文件呢?
一 defer方式
在w3c的html中定义的script标签有一个defer的属性,这个属性开启的话表示这段javascript代码可以延迟加载。
<!ELEMENT SCRIPT - - %Script; -- script statements -->
<!ATTLIST SCRIPT
charset %Charset; #IMPLIED -- char encoding of linked resource --
type ...
呵呵,感觉都是很不错的工具,转载备份一下:
BADGES 徽章工具和资源Web 2.0 Badges - 这个网站专门提供Web2.0风格徽章下载和免费制作你自己的徽章.
Fresh Badge - 快速生成你自己的徽章.
adClustr - 提供漂亮的广告背景图片, 包括免费的和收费的Badges.
Deziner Folio - 收集了各种不同风格的Web2.0徽章.
BittBox - 免费的矢量徽章.
Official Seal Generator - 一套非常个性的徽章..
Photoshop Tutorial - 一个简单易学的快速教程, 教你如何使用Photoshop制作自己的Web2.0 徽章.
Glossy Photoshop Tutorial - 也是一个Photoshop教程, 教你如何使用Photoshop制作自己的Web2.0 徽章.
BadgeCreator - 在线创建个性身份证徽章
Web2.0徽章收集
BUTTONS 按钮My Cool Button - 一个新鲜的在线工具, 帮助你快速创建你想要的Web2.0按钮.
Adam Kalsey’s Button Maker - 一个非常简单的工具, 用来创建按钮.
Button Maker from Blog Flux ...
XMLHttpRequest层:Firebug(firefox) httpwatch破解版(ie/firefox) fiddler(firefox/ie都行,很是强大,建议使用)
适用范围 Ajax应用程序
优点 使用方便,数据截取完整
缺点 只能分析XMLHttpRequest请求,其他类型的请求无能为力
Firebug应该是尽人皆知了。 它的控制台能监视XMLHttpRequest请求,能看到完整的请求和应答的数据。 用它来调试Ajax程序是最好不过了。
HTTP层:Tamper Data
适用范围 普通网页,Ajax应用程序,Flash
优点 使用方便,适用范围广,任何HTTP请求都能截获
缺点 只能截获请求头、请求内容、应答头,得不到应答内容;涉及文件下载时效率大幅度降低
Tamper Data比Firebug进了一步, 只要是HTTP请求,它都能抓下来,可惜的是看不到应答内容。 适用于分析请求流程、请求参数、请求数据、重定向URL。 对于非Ajax程序如普通网页、Flash、ActiveX等程序,用Tamper Data来分析十分方便。
HTTP层:burpsuite 过于强大,很多用其来进行网站攻击的。
适用范围 普通网页,Ajax应用程序,Flash
优点 适用范围广,截取数据完整,不挑网卡
缺点 使用稍稍麻烦
burpsuite中的proxy功能用于分析Web通信十分好用。 它的原理是架设一个代理服务器,让浏览器通过代理来发送请求,代理就可以截获数据了。
使用方法为:
1. 配置proxy,然后设置浏览器使用它的proxy
2. 访问想要抓取的那个网页
3. burp suite的proxy中就会看到请求内容,在这里即可详细地分析请求。
4. 如果想继续分析应答,可以右键点击请求内容,选send to repeater
5. 切换到repeater标签,点【go】按钮发送请求,在下方就可以看到应答
TCP层:wireshark(实在过于强大,英文的界面,用起来不是很顺畅,之前用的时候还叫做ethereal)
适用范围 任何网络程序
优点 适用范围广,截取数据完整
缺点 使用麻烦;不能使用loopback网卡
如果以上方法都不管用,就要祭出终极武器wireshark(原名ethereal)了。 它从网络的最底层入手,可以截获任何类型的网络通信,而不仅仅是HTTP协议。 比如要开发一个邮件程序,需要分析服务器端脚本与POP3服务器之间的通信, 那就非得wireshark出马不可了。
使用方法:
1. 在wireshark中选择抓取物理网卡;
2. 让应用程序发请求;
3. 在wireshark中停止抓取;
4. 从抓到的包一览中找出刚才应用程序发出的请求,右键点击选择 Follow TCP Stream,就能看到该请求的完整内容。
这个工具的不足之处是它不能抓取loopback的网卡,也就是说, 如果你的程序连接的是位于localhost或127.0.0.1的服务器, 那wireshark是抓不到的。解决方法是,让程序通过真实物理网卡去连别的机器, 或是使用虚拟机的虚拟网卡也行。
IRIS强大的抓包工具
Iris网络流量分析监测工具可以帮助系统管理员轻易地捕获和察看用户的使用情况,可以同时检测到进入和发出的信息流,会自动进行存储和统计偏于察看和管理。
HttpAnalyzer——HTTP抓包工具
最近发现的一个不错的工具,建议使用一下。
HTTP Analyzer这是一款IE集成插件。它可以实时捕捉HTTP/HTTPS 协议数据,可以显示许多信息(包括:文件头、内容、Cookie、查询字符窜、提交的数据、重定向的URL地址),可以提供缓冲区信息、清理对话内容、HTTP状态信息和其他过滤选项。同时还是一个非常有用的分析、调试和诊断的开发工具。
TcpDump
在linux下的话,抓包无疑都会使用tcpDump,后续会整理一下自己在linux下使用tcpdump的经验。呵呵,很不错,推荐使用。
整理自:http://tech.idv2.com/2008/12/30/web-comm-analyzer/
今天有人问我FYI是什么意思,我不知道,被鄙视了,收集了一些网络常用的简写单词,避免下次被鄙视:
DIY:Do It Yourself的缩写,自己动手做的意思
SOHO:Small Office Home Officer的简称,意思是“在家办公”。
C U/c ya :See You的缩写带音译,
I C:I See的缩写带音译,我知道了
FT:分特,Faint的缩写,昏倒、晕厥之意。
SP:support,支持。
LOL:Laugh Out Loud,大笑。
KFC:Kill fu*king customers。
PK:player kill。
BTW:By the way,顺便说一句。
BRB:Be right back,马上回来。
TTYL:Talk to you later,回头再谈。
BBL:Be back later,过会儿就回。
PPL:people,人们。
PLZ:please,请,也有缩写成PLS
R U OK:Are you OK?
IOWAN2BWU:I only want to be with you
CUL8R:see you later
IMHO:In my humble opinion
asap:as soon as possible
FYI: for your information 供参考
ActiveX∶一种程序设计库,包括相应对象的代码。ActiveX是对OLE 对象的扩展。ActiveX控件是一种典型的COM 对象,它可被集成到各种支持ActiveX的容器程序中运行。ActiveX允许软件同存在于网络环境中的另一个软件进行交互。HTML文件通过元素访问ActiveX对象。
ADO∶ ...
HTTP协议中的url,你知道多少呢?
今天有人问我如何来匹配锚点部分的内容,一下子把握问到了,如何来匹配锚点,如何来确定两个url是否是一致的?
只好翻阅了一下http协议的文档以及 w3c关于uri部分的说明文档。找到了定义如下:
一 关于两个url是否是一致的?
HTTP歇息中关于url的格式定义如下:
http_URL = "http:" "//" host [ ":" port ] [ abs_path [ "?" query ]]
可以看到port可选、query也是可选的。
如果没有给port的话,默认用的就是大家都知道的80端口,abs_path是根据你服务器配置的document root的相对路径,如果为空的话,表示对应的是根目录 ‘/’。
在http协议中规定,除了下面几点外,url的比较是大小写敏感的:
1 没有写明端口的,和默认的端口的是一样的。
2 host(主机或者域名部分)是大小写不敏感的
3 如果路径部分是空的话,等同于/
4 字符html转义前后都是一样的。如~转义为%7e或者%7E
5 这里并没有说明我常常遇到的锚节点(#test)的情况,其实在比较url时,锚节点是不参与比较的。
譬如说下面这三条url就是一样的:
http://abc.com:80/~smith/home.html
http://ABC.com/%7Esmith/home.html
http://ABC.com:/%7esmith/home.html
附英文:
If the port is empty or not given, port 80 is assumed. The semantics are that the identified resource is located at the server listening for ...
Internet、前端、后端、web开发相关的一些盛会:
谷歌开发者大会google i/o: http://code.google.com/intl/zh-CN/events/io/2010/ google innovation in the Open
google开发者大会 2009的相关资料
微软的mix大会 mix http://www.microsoft.com/events/mix/ Microsoft Internet eXperience
A 3 day conference for web designers and developers building the world's most innovative web sites.
velocity http://en.oreilly.com/velocity2010/
Velocity Web Performance and Operations Conference。个人觉得这里还是有不少东西可以学习的。
qcon大会 http://qcon.infoq.com/ qcon北京站:http://www.qconbeijing.com/
QCon是由C4Media媒体集团InfoQ网站主办的全球顶级技术盛会,每年在伦敦、旧金山、东京、北京召开。2009年4月,QCon首次登陆北京。大会吸引了500多名架构师、项目经理、资深开发者和技术领导者、以及100多家企业的参与,并获得了业界空前的好评!2010年,QCon全球企业开发大会(北京站)将于4月23日~25日,在北京京仪大酒店举行。大会将开设包括架构、语言、敏捷、SOA、BAAP、案例在内的6大主题,邀请40多名国内外著名讲师授课,预计将有200多家企业、500多名来自业内的资深人士参会。
D2前端开发者大会 http://www.d2forum.org/
D2 前端技术论坛(Designer & Developer Front End Technology Forum),简称 D2 ,为国内前端开发者和网站设计师提供一个交流的机会,一起分享技术的乐趣,探讨行业的发展,以技术会友。它是中国所有前端开发者的节日,包括前端设计师,前端开发工程师,和所有对前端技术感兴趣的人。D2将努力营造一种轻松自由的交流氛围,没有任何商业色彩,以纯粹的技术交流为根本,共同推动国内前端技术的发展,促进国内行业标准跟国际的融合,发掘前端技术可以创造的更大价值。
wdc web ...