Entries Tagged as '网页'

为色盲人士专门设计网页?

刚刚了解到这个叫作Colorblind Web Page Filter(色盲网页过滤)的服务,提交一个网页地址,选择色盲类型(比如红色盲),它就会把这个网页当中的图片和文字,变得适宜这种色盲类型的人阅读。下面的网页logo是在正常情况下和红色过滤的情况下的不同的样子:

色盲是一种发生率很高的遗传病(百度百科色盲词条),在我国男性发生率约为5%—8%、女性0.5%—1%。有这么多的人看到的网页完全是另外的样子,是否为他们开发专门的页面呢?比如那些闪闪发亮的五彩缤纷的小星星,或者不利于色盲人士观看的网页背景,是不是该有意识的换一下呢?

上面提到的这个色盲网页过滤服务还在建设阶段,目前不支持中文。

Ask DLS: Web browsing for the color blind

(via Downloadsquad) Remember when your less than cool cousin started blogging and used black text on a background covered in multi-colored flames? And you shortly developed a headache, not only from the content but from squinting and tilting your head to the side just so you could sort of read the text. If you are color blind your every day web browsing might be a bit like this as well. Read more.

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.

Page2RSS:没有feed,也能订阅

因为有了feed,我们可以订阅一个网站或者网页的更新,但是如果一个页面没有feed呢?我们如果能实时获取它的更新信息呢?这就是Page2RSS要做的事情。输入要订阅的页面地址,page2rss会为你制造一个feed,你可以用它进行订阅。比如为校内网的首页www.xiaonei.com做一个feed,可以看到这样的订阅结果,见下图(截图)。

xiaonei

图中的红框是我加的。第一个红框显示的是首页在两个时间的不同之处,点击“view entire page”则可以看到当时的快照。它实在可以作为情报收集的一种方法,作竞争对手分析之用。

Monitor Google’s Homepage with Page2RSS 

(via googleoperatingsystem) Page2RSS is a very nice service that creates feeds from any web page, by including the new content and linking to a page that highlights the differences. 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.

Feed Analysis:FeedBurner订阅数随意查看

Feed Analysis是一个有些吊诡的工具,它能够查看FeedBurner的订阅数,不光是自己的,也包括别人的,不用登陆,不用用户名,只要输入该网站的feedburner地址就行了。我用Techcrunch的订阅地址试验了一下,查看它在过去24个月的状态。见下图。

feed-analysis

最上面是它给出的关于这个网站的每月的1个banner广告的价值,下面则是对这个博客总的估价,当个玩笑看看吧。下面是每月订阅人数的分布图,这是过去两年的情况。橘红色柱子显示的是上一月的订阅人数,顶上的黄色柱子是当月增加的订阅人数。下面给出的是分析数字,包括过去2年的平均每月增加人数,及过去3个月的状况。画绿框的这个数据“每月增长范围”,我不知道是什么意思。

除了这张图表外,feed analysis还提供多张图表,比如订阅和点击的综合图,每周的每一天的订阅分布等等。总之,很好很强大,只是不知道它是怎么做到的,可能涉及到隐私问题。不过也有好处,就是省得有些blogger吹大牛。不过这个工具对国内站点不太适用,因为feedburner的feed还被封着呢。

Feed Analysis: Online tool for measuring Feedburner stats

(via downloadsquad) …Feed Analysis is a nifty site that lets you take a look at your long-term RSS numbers. Just enter the URL for your RSS feed (or any site that uses Feedburner, it doesn’t have to be your site), and Feed Analysis will spit out a couple of attractive, and useful charts. 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)

DesignPacks:设计师的免费图片库

money-designpacks

无论是平面设计师还是网页设计师,都会有几张光盘的素材库,这里要说的DesignPacks可以为你们的素材库做个小小的补充。它提供了总共15类图片,每类图片又包括15张800×600的图片。比如上图是“钱”这一类,其他还包括“光”、“锈”、“石头”、“砖”、“玻璃”、“光”等等。所以的图片都可以免费下载,可以用于商业用途。博主们也也可以从中找找素材。

DesignPacks - Free Image Collections for Web Designers

(via WebAppers) DesignPacks.com offer free, high quality image collections that can be use in both personal and commercial web design projects. Each collection features a group of 15 images that share a common theme. They’ve created dozens of collections based on a variety of themes.  Read more.

Chatterous,无网界沟通

如果你正在上网,你的另外的3个朋友一个只用手机,一个只用gtalk,一个只用email,而你们四个又想一块讨论今天晚上去哪儿吃饭的问题,该怎么办呢?(我承认这种情况太××极端了)。Chatterous可以帮你来解决,下图是它解决问题的程序。

第一步,添加你的朋友的手机号码、gtalk用户名和email地址。chatterous会自动发出确认信,而且自动为你生成了可以回复的手机号、gtalk用户名和email地址。

第二步,朋友收到确认信后,确认,然后可以用对应的方式和你沟通了。

第三步, 大家可以一起聊天了。大家给你发的信息,同时都能看到(收到)。

Chatterous确实是在试图解决一个大问题,那就是不同设备(客户端)之间沟通的问题。因为刚刚在初始阶段,所以只限定了手机(美国本土)、gtalk和email三种方式,相信很快会有更多的方式加入进来的。目前的这种沟通方式是由网页方(chatterous)发起,未来应当可以由各种不同客户端发起。

在目前的这3种方式中,email及时接收和发送信息的能力差了些,因此聊不到一块儿去。

Chatterous: Reach All of Your Friends on their Communications Weapon of Choice

(via mashable) Chatterous is a simple new communications tool that may be a time saver of sorts. It allows you setup a group of your friends and send them a message that they can receive on their phone (via sms), gchat, or email. Read more.

eyeOS,非常不错的网页操作系统

不用安装沉重的软件,只要有网络,有浏览器就够了。这在现在看来还是一种奢求,尽管网页工具已经可以部分取代桌面软件了。而网页操作系统(webtop)恐怕是对桌面操作系统最大的颠覆:文件可以在服务器上编辑和存储,可以聊天,播放音乐,订阅更新……总之,现在在windows系统中做的一切事在网页操作系统中都能做。eyeOS就是这个美梦的一个践行者。下图是它的操作界面,点击看大图。

eyeOS

观感上和现在的桌面非常相似,这也是众多的网页桌面追求的一个特征。eyeApps这个文件夹里装满了各种软件的图标,双击可以启动,比如浏览器eyeNav,文档编辑工具eyeDocs,ftp工具、邮件、阅读器、日历、小游戏等等,eyeOS想做到一应俱全。eyeFiles是一个存储空间,各种文件可以储存在这里。eyeMp3这个播放器不错哟。

eyeOS还有很多功能,有兴趣的朋友可以慢慢尝试。如果想用eyeOS取代现有的操作系统,显然还为时尚早,因为毕竟有很多工具缺失(比如像类photoshop这种强大的图形编辑软件),而且速度也不够快。但是作为一个临时的、安全的、个性化的平台还是可以的,比如你到了网吧里,不想在公用电脑上留下太多的痕迹。

这类的网页桌面还有很多,比如AjaxWindowsDesktopTwo,有兴趣的朋友也可以试试。

Set Up a Web-Based Desktop with EyeOS

(via LifeHacker) ……A “webtop” is a virtual desktop that you access using only a browser, and it can include much of the stuff you’d expect on a local computer desktop: like file storage and management, a calendar, RSS reader, email client, and photo viewer. While there are several web desktops available these days, the free and open source EyeOS application is the most accessible, useful, and promising one out there. Read more.