Entries Tagged as 'web page'

Reflow:网页加载慢镜头

reflow-googlejp

这张模模糊糊的图,显示的是Google(日本)首页加载的状况,我们访问google首页的时候,页面所有的内容加载完成,大概1秒钟都用不了。而Reflow所演示的就是网页加载的慢镜头。这段视频请看这里

英文维基百科首页加载看这里,Mozilla的首页加载看这里。关于Reflow的技术细节请看这里

Reflow visualizations are crazy

(via Downloadsquad) What’s this “reflow” stuff mentioned in the title? We’re glad you asked because you should probably know what we’re referring to before you watch the vid. Reflow deals with the process by which a browser lays stuff out on a web page. Read more.

Intel Mash Maker:网页搅拌机

Intel Mash Maker是这次旧金山Web 2.0 Expo上的一个非常引人关注的产品,一个由硬件公司Intel带来的网页插件。它是做什么的呢?从使用情况看,它可以把任何一个网页变成一个widget,然后可以把这些网页widget和其他的wiget混合在一起,构成一个新的网页。有些抽象是吧,看看下面这张图,点击看大图。

intel-mash-maker.jpg

感觉乱乱的是吧。这原本是一个新浪体育的网页,然后我又在网页的顶端加上了我的网站和Google地图的widget以及百度的首页,这么做,纯粹是为了试验一下Intel Mash Maker的威力。

图中左上角红色圈着的就是Mash Maker的工具条。上边有一个大家非常熟悉的复制和粘帖的图标,它们可以直接复制、粘帖网页到一个新的网页。点击工具条左边第二个按钮,会出现一个侧边工具栏,其中有很多的widget可以贴到网页中,比如google地图、时钟、mp3播放器什么的。

点击最右侧的针样的按钮,就可以固定这个搅拌过的页面,点击星星就可以保持了。下次当我再输入新浪体育的网址时,看到的就是这样一个混合页面。

Intel Mash Maker还处在早期阶段,这个插件目前仅适用于Firefox3和IE7。现在这个阶段的产品,对于制作网页的意义还不大,因为我们还无法对复制的网页及网页当中的内容进行进一步的编辑。

Intel Mash Maker: Mash-ups for the masses

(via webware) Intel wants to make the whole Web editable, just like a single Wikipedia page.

The chip giant on Tuesday will make a beta available of Intel Mash Maker, a free browser extension that allows users to modify Web pages and combine information from different sources. Its first beta works with Firefox 3 and Internet Explorer 7, though at this point the features are far more mature in Firefox, Intel said.

The product, which originated in Intel’s research labs, is similar to existing mash-up tools like Yahoo Pipes and Microsoft Popfly in that it has a graphical design tool. Read more.

Apture:将内容与网页整合在一起的快照工具

Apture是进入4月以来最让我兴奋的网站工具,它是提供快照,看上去就像这个网站上无所不在的snapshot一样。但是,apture和snapshot有着本质的不同,它不是简单的提供个快照,然后链接过去了事;而是让读者不用离开网站,就能看到链接的内容,并且即使点击快照中的链接也不会离开网站。有点抽象?看看下图吧,点击看大图。

这是前两天的一篇“灵异”文章,居然在20000光年的地方发现了火狐的Logo。大家可以注意以下,文中有两个链接(蓝圈所示)前面多了维基百科的标志,当鼠标滑过时,就会弹出这个窗口,讲得是关于这颗星星的故事。窗口中还有很多链接,点击它们就会在旁边再打开一个窗口,总之,既让你可以看到内容,又不会离开这个网页。(更新:1. Apture来信通知说出现了一些故障,故本站里的apture暂不可用;2. 问题已修复

这就是apture的优势所在,它自己有一个演示页面,大家可以去看看

Apture drags online news experience into the 21st century

(via venturebeat) …Apture provides some of the best implementation of these ideas. If a reader sees a term in an article that they want to learn more about, and additional content has been enabled through Apture, they can click on that phrase, and a small window will open with the new content. For example, if a political figure you don’t know much about is mentioned in an article, you can click on their name and it might bring up the Wikipedia article; you might also be able to open additional windows showing a photo or a video of their latest public appearance. Read more.

htm2pdf:将网页转化为PDF文档

我们介绍过PDF和文本文档(txt)、Word文档之间转化的工具,怎样将网页转化为PDF文档呢?htm2pdf(名字多直白)是一个好工具,不过,它只对英文站点有效,可能有些朋友会有用吧。操作非常简单,写好网页地址(当然你也可以选择贴上网页代码),然后点击“convert to pdf”就可以了。它还有两个小选项也很好,就是“是否包含flash影片”和“是否保持网页内链接有效”。

htm2pdf-Convert web page to pdfs. (via simplespark)

推荐两款全屏快照软件

有的时候我们需要把整个屏幕的样子拍下来,而windows也提供了一个叫“print screen”的键,只不过这个键只是把现在屏幕的样子复制到剪贴板上,如果想保存的话还要进入图片编辑软件粘帖之后才行,很麻烦。Purrint的名字叫“不麻烦”,这个只有140k左右的软件让你在按下print screen之后就可以选择是否保存图片。操作界面见下图。

purrit

当然也可以选择复制到剪贴板或打印。如果你每次只是想打印的话,那么只要设置一下就行了。不过purrint有一个做不到的事,就是不能快照整个网页,而这一点是做网站或网页说明时经常用到的功能。

Fireshot可以做到这一点,除此之外,fireshot还有基本的图片编辑工具。其实我更想向大家推荐fireshot的火狐浏览器插件,因为如果只单纯想做网页快照的话,这个小工具真的很好用,而且不用下载软件了。下图是fireshot插件的界面,顶端蓝框圈着的地方是一些基本的图片编辑工具,点击看大图。

fireshot

Make the Print Key do what it says

(via gHacks) ……Purrint changes the default behavior of the Print key in Windows to one or several of the following functions: Copy the screenshot to the clipboard (default Windows behavior), save the screenshot to a file automatically and print to the default printer. Read more.

简洁、好用、wiki式的Jottit

先看看我的这个拙劣的作品:)点击看大图:

Jottit是一个简单、易用的网页编辑器,你可以用它来写网页,初学者也可以用来练习html语言。比如我这个初学者在接触它10分钟之后就写出了上面这个网页。它还提供了wiki式的编辑功能,你可以邀请朋友来协作完成网页的制作。还有一个小的2.0功能,就是可以和作者说话,talk to us,上图底下的红圈所示。

当然,要学习html语言的话,最好还是找一个好一点的网页来练习,jottit就提供了这样一个练习网页

这就是Jottit!

English Brief:You can look Jottit like a txtbox that you fill in some words it’ll turn out a cool web page. Jottit is a good place to learn the html language and it provides a good test page you can try now.

Jottit is also wiki-style,you can invite your friends to collaborate a page.

  • Partner links