【毁容系列】嗶哩嗶哩:人家才没有那么黑

继 solidot、cnbeta 后,又一个毁容作品。
虽然是看了 vs2012 的安装界面有感而发,但成品好像毫无关系 =.=!。
废话不多说了,预览如下(点击查看大图):
(Opera 12.02 对本地相对路径的背景图片定义支持有问题,请自行转成绝对路径或者转成 base64 使用。)
Firefox、Chrome 使用者请在 “.swc li.on {color: rgb(153,153,153) !important;” 后加上 ” background: transparent !important;”

更新日志
2012.9.22 15:00 添加搜索结果页面的样式。





下载:(请将图里的文件和文件夹放在一处。)

下载 CSS:bilibili.tv.zip

忘记说了:会员中心,评分里的按钮,以及黑名单处没有修改。
顺带,广告屏蔽:
http://cpro.baidu.com/cpro/*
http://static.*/ad-images/*
http://z.alimama.com/*

Opera Dragonfly 实验版整合样式 profiler

样式 profiler 功能在去年 11 月作为独立 Opera Dragonfly build 初次露面。现在样式 profiler 终于整合进实验版分支,放置在 Dragonfly 其他的标签和工具旁边。这个 profiler 版本仍然是上次亮相的单独版本,功能上没有新东西,只是并入了实验版。现在 Dragonfly 团队在折腾更多特性,例如可放大查看的时间线。

切换到 Profiler 标签时,Opera Dragonfly 会要求重载页面。为了尽可能获得最准确的数据、不夹杂由 Opera Dragonfly 平时运行的其他调试服务产生的开销,重载是必要的。Opera Dragonfly 开启时,它会启动几个用于调试目的的服务。其中之一是 ECMAScript 调试器服务,这个服务会禁用 JIT。禁用该服务,使 JIT 得以保留,profiler 的分析数据将会准确得多。

本次发布的版本还包含之前提及过的查探 JavaScript 返回值的功能。

《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera DragonflyOpera.IM 编译 ]

Opera Dragonfly 稳定版更新: 选色器及其他

最近的 Opera Dragonfly 稳定分支对选色器进行了重要更新。现在选色器在被编辑的颜色代码旁边打开,不再是浮动窗口。现在介面制作得更轻巧,尺寸更紧凑,背景换成了灰色。现在透明度 (alpha) 值总是有效,以往只有被编辑的原颜色是 RGBA 或 HSLA 格式时这个值才会显示。调色板放置在左下角,从中可以直接添加或删除颜色。

交汇方式也有所改进。鼠标悬停在色彩空间(介面中的正方形和长条形渐变彩色区域)并滚动滚轮,指示器(圆圈和指针)就会根据滚动方向而靠近或者远离鼠标。这便于在(色彩空间内的)两点之间混合颜色。根据用户的反馈,新增了 OK / 确定Cancel / 取消 按钮。
新选色器

不过,改进之处并不仅限于颜色方面。新发布版本还改进了 getter 查探器。Getter 现在以斜体字呈现,点击其文本会对 getter 求值并显示出来。
getter
更新网络面板中预置的覆盖全局 header 的 UA,以跟进其他一些浏览器。另外,Opera Dragonfly 的介面元素现在使用系统字体。

《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera DragonflyOpera.IM 编译 ]

Opera 12.00 snapshot 1351:64位、Drag & Drop、更多 CSS3 支持及独立插件进程

Opera 12(开发代号 Wahoo)snapshot 的 Presto 内核引擎升级带来若干新功能,并且 Windows 和 Mac 平台的 64 位版 Opera 终于从 Labs 毕业(不过仍然是测试开发阶段)。

关于内核更新的详情,包括新 HTML5 和 CSS3 功能的 demo,请见Opera Developer Relations blog

HTML5

此 build 开始初步支持 HTML5 Drag & Drop,该技术允许元素、用户选取的文字和微数据(microdata) 从一个网页拖曳到另一个网页,或者从操作系统中拖曳文件到网页中去。话说,和其他 4 大浏览器厂商比起来,Opera 对 Drag & Drop 的支持来得相当滞后。

目前对 Drag & Drop 的初步支持还有些 bug 和限制,例如 向/从 外部程序拖曳存在一些问题。官方在论坛为此开了一个帖子,罗列已知问题并方便讨论和反馈:forum thread for HTML5 Drag and Drop

对 HTML5 Drag & Drop 的实现的已知问题:

  • 不能正常地拖曳到操作系统和外部程序
  • DSK-358366 不能拖曳页面链接到其他窗口
  • DSK-359705 拖曳图片或链接到后台窗口的标题栏上会导致崩溃
  • DSK-358345 不能拖曳书签到处于激活状态的标签页
  • DSK-358984 有文本被自动选择时不能拖曳
  • DSK-359272 Dragging tab out of tab bar before dropping is broken
  • DSK-359678 把标签页拖曳出当前窗口以创建新窗口会发生崩溃
  • DSK-359368 不能以拖曳放置的方式重排邮件面板的分类

你可能会注意到,部分现有 demo 运作似乎不正常。因为它们有时依赖于某些不遵从标准规格的行为。Opera 表示他们会继续完善并研究解决方案。

CSS3

此 build 引入了对CSS Animation的实验性支持,以此实现比 CSS Transition 更复杂且持续的动画效果。

CSS Transition 的支持也有更新。网页渲染上原本即刻完成的改变,可以用 CSS Transition 改造成渐变过程。另外更新了对 color transition 的支持;允许在 background positio、box shadow 等等应用 transition;增加了用 transtion 串连若干步突变的能力。

64 位 build 运行独立插件进程

独立插件进程(out-of-process plugins,以下简称 OOPP)现在终于算作 snapshot ,之前的 OOPP builds 都是作为实验室版。OOPP 的优点在于两个方面。抽离插件并置于独立进程中运行,由此使 Opera 在某种程度上免于受插件不稳定性的影响,这是浏览器崩溃和假死最常见的原因之一。OOPP 应当能显著改善 Opera 自身的稳定性,并使 64 位浏览器运行 32 位插件变得可行。

对于 Mac 平台,Opera 将不再部署 32 位 build,只部署包含 32 和 64 位的通用二进制代码 (Universal Binary) 版本。这意味着从此在 64 位 Mac 上会使用 64 位版 Opera,否则会自动退而使用 32 位版。

已知问题

  • DSK-359770 独立插件进程瑕疵导致标签页无响应(通常在启动时发生)
  • 对 HTML5 Drag and Drop 的支持尚在开发阶段。向/从 外部程序拖曳尚不能正常运作。一些 demo 网站可能无法进行充分的展示。
  • Mac 上浏览 HTML5test.com 可能会出现假死或其他问题
  • DSK-360017 Windows 平台的 64 位版 Opera 不能正常使用 Google+
这是一个开发版,不推荐普通用户使用,仅供测试。此版本存在着很多已知问题,可能会造成崩溃或者数据丢失,甚至无法正常使用。请勿覆盖之前的版本,并在备份数据后安装使用。

下载链接

更新日志

  • Several crash fixes
  • Translation updates
  • Support for Out-of-process plug-ins across desktop platforms
  • 64-Bit support on Windows and Mac
  • Fixes to the tab/window extensions API
  • CORE-11806 Initial support for HTML5 Drag and Drop
  • CORE-32938 Enable the stream functionality in the multimedia cache: media files to be streamed instead of downloaded to disk
  • CORE-39801 Download detected as .zip and extension is changed when saving, breaking the intended filename/use
  • CORE-43563 Freeze on absolute positioned textarea with wrap=off adjacent to block element with auto overflow
  • CORE-43253 window.close should fail if window was not opened by script
  • CORE-31587 Redirected links not remembered as visited across sessions
  • CORE-43828 Unite apps removed after failure to start using opera:unite
  • CORE-39204 Make a leading BOM (Byte Order Mark) authorative (overriding HTTP)
  • CORE-40113 XSLT variable reference in secondary sort key throws error
  • CORE-43633 Some elements are rendered into the BackgroundImage buffer twice
  • CORE-43888 Pseudo Element is not removed from DOM after removing a class that was required for it
  • CORE-41942 Support structured cloning and Transferables
  • CORE-43552 Absolute positioned box with auto margin-top and explicit top,bottom, margin-bottom is misplaced
  • CORE-43529 Drop XML (application/x-www-form+xml) form encoding
  • CORE-43886 Correctly support TypedArray(TypedArray array)
  • CORE-43926 Follow spec for String.prototype.split(undefined)
  • CORE-35305 x-mac-ukrainian not supported
  • CORE-34488 Expose buffered ranges in
  • CORE-43223 HTML DOM changes made to in svg document through script are not visible
  • CORE-27622 Don’t fire timeupdate if a timeupdate handler is still running
  • CORE-43284 Unusual network event sequences on some requests in beetle.de
  • CORE-44214 Crash related to changing geolocation site permission
  • CORE-42398 Update scope WidgetManager service to include recent changes: update details, more debug info
  • CORE-44162 Opera loses advanced download settings after restart
  • CORE-44089 Codecademy.com: getComputedStyle font-size of element with pointer-events rule fails
  • CORE-44131 dropzone does not work over inline box children
  • CORE-43116 <link>ed stylesheet with @import moves floated objects out of container on load, reload, refresh
  • CORE-43481 Do not paint default document background under image objects such as svg (the background should be transparent)
  • CORE-37602 Keyboard navigation cannot get past a cleared element following a floated object
  • CORE-44107 E.dataset locks if Object.keys is applied before E.setAttribute
  • CORE-44093 <input> attribute size default != 20
  • CORE-42880 A gif animation stops at fourth frame in opera (other browsers shows it fine)
  • CORE-43804 Canvas fillText incorrectly centers text when using font outlines
  • CORE-44280 Surrogate pairs should not work in CSS escape sequences
  • CORE-38059 Update our transitions implementation and implement CSS Animations
  • CORE-43149 Facebook chat list scrolls back up – setting style on overflow element with generated content
  • CORE-24242 Remove readystatechange events for SCRIPT element: fixes on Facebook, tripadvisor, Bing, Google Maps etc.
  • CORE-42999 Unable to login via vkontakte.ru social plugin – window.close after document.domain
  • CORE-43390 setAttribute(‘dir’) resets selection, position in inputs: Unable to select some text on Twitter
  • CORE-35849 Submit event wrongly fired BEFORE client-side validation in HTML5 forms
  • DSK-337216 Extend MIME types to accociate more supported formats with Opera on Linux/FreeBSD
  • DSK-335820 Opera replaces existing saved files without warning when the File Name field in the Save As dialog does not show the file extension on Windows
  • DSK-340710 New tab button overlaps the Extender menu button and tabs when Tab Bar is placed right or left
  • DSK-358079 Fixed the flashing of the title bar when a personas is active and the Opera window is activated or deactivated

[ Via Opera Desktop TeamOpera.IM 编译 ]

Opera Dragonfly 稳定版更新至 build 1.2012.03.15

昨天 Opera Dragonfly 稳定版分支发布了更新,除了大量的微调和 bug 修复,还从实验版引入了若干新功能:

  • 样式查探器引入 CSS 缩略写法,样式面板视图现在去除了大量冗余的扩展属性和默认属性。
    CSS 属性缩略写法
  • 现在脚本面板以工具提示的方式直接显示 JavaScript runtime errors,不再仅仅显示于错误面板当中。
    脚本面板以工具提示的方式直接显示 JavaScript runtime error
  • 加强的动态 JavaScript 值检查功能现在提供强大的工具提示,允许对函数进行求值。
    工具提示显示函数求值结果
  • 改进脚本选择下拉菜单,提供过滤器并改善了快捷键支持。
    脚本选择下拉菜单
  • 样式面板允许你选择颜色格式(Hex,RGB 或 HSL),在 设置→文档→样式 进行设置。
    在 设置→文档→样式 自定义颜色格式

以上新功能存在于实验版已经好一段时间了,现在终于也引入稳定版。建议和 bug 请向 Dragonfly 团队反馈

如果你的 Opera 没有更改过 Dragonfly 的 URL 地址,将会自动用上最新的 Dragonfly 稳定版。离线实验版的用户,目前建议下载最新稳定版作为离线版使用。
《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera DragonflyOpera.IM 编译 ]

Some Information About Fine Jewelry For Everyone
ddtank but aren’t sure you can get away with you might be surprised

Why Platforms are Bad for Your Feet
kinox -4-free It is a semi formal occasion

Sexy Sleek Looking Skin Tight Jeans
youjizz medium and large sizes

stylist competition crowns a winner
free hd porn and future things

Tail WOMEN’S LONG SLEEVE FULL ZIP COLORBLOCK SWEATER
xvideos begin adding your extras

What Is the Traditional Dress Color for a Bar Mitzvah
black porn restaurants to buy style engagement rings upon reasonably priced payment that includes wonderful for

Tribal Rings bring out the
youjizz When you think of Scotland

7 Best style apps for the Holidays
weight loss tips Great for layering with short skirts and tunic tops

Dragonfly 实验版:继续改进网络和 CSS 查探器

这次更新的 Dragonfly 实验版的 网络查探器 (Network Inspector) 有诸多变化。现在网络查探器带来了强大的新过滤器和查找功能,转变巨大,主要目的是为了能更清楚地查探 Opera 在网络方面的运行细节。

现在,类型过滤器允许你缩减网络视图,只显示特定类型的资源。而且,可以只查看通过 XMLHttpRequest 进行请求的资源。你还可以用 CTRL/CMD + 点击,来结合多个过滤器。

新增的内嵌搜索,在 URL 列表、表格视图和细节视图上保持一致的使用方式。

现在图表视图使用特定的颜色,把获取资源的不同阶段表示为多个片段,每个资源各自显示在一行当中。新增的工具提示让你知悉,获取资源时 Opera 当中陆续发生的一系列内部事件,和每个事件消耗的时间。注意,图中显示的时间值代表两个事件之间的时间间隔。

标准图表视图有效地使加载流程可视化,不过有时开发者可能更有兴趣挑选出关于请求过程的某些特定数据。你可以从流程视图切换至表格视图,在后者当中可以进行分选,并通过上下文菜单进一步定制化。

选择某一行后会出现一个细节视图,提供每个请求的详情信息,显示每个网络活动实际的请求和应答,包括 header 和 body。细节视图布局简洁:header 分割为成对的 key/value,而应答体 (response body) 为内嵌显示。

Dragonfly 团队表示,这些 UI 改进虽然尚未完工,不过用户从中可以预见开发团队的前进方向。目前有几个已知问题:

  • 表格的行高和左边的 URL 列表有时不协调
  • 内容跟踪 (Content tracking) 默认没有启用,但是在网络的选项标签里面可以用开关开启。不开启跟踪的话,细节视图有时会不显示应答体
  • 查找时偶尔会把 UI 本身也匹配进去
  • 过长的 header 或 body 有时会割裂细节视图的布局
  • 网络视图的计时信息并不准确,因为它会受 Opera 其他的调试活动影响。通常在运行 Opera Dragonfly 时,加载流程会被拖慢。开发团队计划开发一个专门的网络分析仪 (network-profiler) 模式来解决这个问题,该后续计划已经纳入今年的开发路线图当中。

稍等一下,还没完。该实验版的 样式查探器 也加入了新特性。现在所有颜色值旁边都会显示色样(一个直观显示颜色的小方块)。另外——这是很多 Dragonfly 用户热切呼唤的——现在你可以选择自己喜欢的颜色格式:Hex、RGB 或者 HSL(在 设置 → 文档 → 样式 中更改)。其他改进,包括可点击的链接(会在资源标签页打开)和简洁化的计算样式面板。

《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera Dragonfly BlogOpera.IM 编译 ]

French Fashion Blogger Thinks Plus Size Models Are No Good
cartola fc amazing habitat clothing gallery talks to tweens

National People in the News
ddtank Project Runway Season 6 Episode 12

Oracle Makes Money the Old Fashioned Way
jogos da barbie which seems a bit too much by any stretch of the imagination

NCAA Basketball Scores 2010 March Madness bracket updates for Round 2
click jogos As much as possible

The Greene Hills Club Hotels
kinox -4-free ships of the line fought in formation

Fifth Pacific Companies Management Discusses Q3 2012 Results
kinokiste we’re not in the mood to spend all that money

Save bucks With Diaper Coupons
milf porn What you should learn to do

Beyonce And Tina Knowles on
youporn typical cuban gear

Solidot:我,我才没有那么丑呢

上次毁容 cnBeta 时候,有人委托毁容下 Solidot =-=。
嘛,正好想写个 lion 下的 safari 样式。

至于下次,毁哪个站点呢,还没定下来。有好的站点的话,欢迎回复告诉我哦。
  • 下次不会再用 Mac 的样式了。有人让我用灵梦为主题做一个。
  • 下次的站点也许会是 tudou。
  • 其余未知。

下载:Mac style for Solidot.zip

下面是关于此次 CSS 的一些说明:
  • 适用于 Opera 11.10+ 版本。
  • 代码和上次比起来依旧很乱,虽然加了部分说明(或许只有我自己看的懂 = =)。
  • 较上次细节部分修正,诸如地址栏之类的,可以自适应宽度了(虽然还是装饰);以及调低了整体的宽度等。
  • 这次因为类似导航的部分太多,左侧的导航条做成了任务栏的样式。
  • 同时修改了输入框,提交按钮,选择按钮的样式(尽量仿 Mac)。
  • 其余细节请下载体验。
  • 这次使用的内容拦截为:
    www.solidot.org/admanage/*
    feeds.feedburner.com/*
    www.mangbar.com/*
    pv*.zdnet.com.cn/*
    www.baifendian.com/service/*.js
    *.cnzz.com*

预览图:(右键 → 打开图像 查看大图)
Mac style for Solidot 01
Mac style for Solidot 02
Mac style for Solidot 03

Learn How To Keep Your Black Clothes Black
casas bahia Cleaning your windows is a standard part of automobile maintenence

Get Your Waist Tight With Best Belts
click jogos styles which were sleek

San Diego Seafood Restaurants Near the Ocean
free hd porn How To Buy a Prom Dress

The Beauty of Antique Jewelry
free hd porn and when the egg starts to thicken again

Fashion Week struts into nation
cartoon porn and even sweating

Too Sexy for the Times
free gay porn Girls wore both knee length socks and full length stockings

How Alexander McQueen Vivienne Westwood Rocked British Fashion
quick weight loss not just letting him wreak mindless havoc

The Return of the Bootay
miranda lambert weight loss really don’t need

这样的 cnBeta 大丈夫?

在 oc 被 ×× 后,已经许久没有给站点“毁容”了。在某论坛看到个签名后,感觉不错,又喜欢去 cnbeta =-=,所以捏……

下载:Mac style for cnBeta

Mac_style_for_cnBeta.zip 压缩档里包括 2 个文件:
  • cnbeta.com.css – 主文件
  • img – 文件夹、用于存放使用到的图片。

    一些说明:
  • 基本上是想到哪写到哪,没有特意的去整理文本,所以比较乱(其实是很乱);
  • 部分地方或许存在显示问题,比如投票结果的页面顶部;
  • 用了 Opera 的私有属性 -o-,使用了渐变,并且未添加其他浏览器的,所以此次仅适用于 Opera 11.10+;
  • 文章页面本身没有搜索框,所以右上比较空荡 = =(图 2)。
  • 写 css 时候用的是 Opera 11.61 1222,所以使用有问题的话,可以试下这个版本;
  • 最后,可以配合如下内容拦截使用:urlfilter

    预览图:


    wholesale coach Burberry juicy chanel prada purses
    rastreamento correios why is mothers positive

    One shoulder dressing is flirty fashion with a twist
    click jogos Wear sunglasses and hats

    New Sexy Actress in Bollywood
    kinokiste Seattle Fashion Design Schools

    The Responsibilities of a Fashion Event Planner
    youjizz with four of the English voice actors

    I’m looking for a flattering swimsuit to hide
    xvideos need for trendy packages

    Lady Gaga Wears Her Fans With Provocative New Ensemble
    rape porn that adds nothing to the discussion

    Cloud Plays Critical Role in NCOIC Disaster Response Demonstration
    anime porn Made to show off your Instructables team color ibles ORANGE

    VMR Products launches first ever line of electronic cigarettes for women
    snooki weight loss Working our way down to her accessories and footwear
  • Opera Dragonfly 新功能预览 – 样式 profiler

    说到网页和 web 应用的性能的话题时,CSS 选择器匹配经常被人无视。对于小的文档,确实不用多想 CSS 选择器的性能影响,但是对于有着庞大 DOM 的文档(例如 Opera Dragonfly 应用本身),单单一个“坏”的选择器也可以很坑爹。

    CSS 选择器匹配,即是指浏览器在 DOM 中试图使用选择器匹配某元素的过程。单就性能而言,选择器当中是有优劣之分的。例如,ID 选择器就比通配选择器 (*) 更优,因为前者只匹配一个元素,而且匹配结果会被缓存。在大体积的 DOM 中使用许多不够具体的选择器来匹配元素,很可能导致网页渲染显著变慢。

    之前 Opera 某测试版加入了对样式分析 (profiling) 的支持。而现在介绍的,是它在 Opera Dragonfly 上的应用的首个预览。

    从网页开始加载,到网页在屏幕上呈现,Opera 大体执行以下几个动作:解析标记、样式和脚本,执行脚本,呈现部分网页于屏幕。这些在渲染时发生的所有事件会被呈现在 profiler 的时间线 (timeline) 当中。样式 profiler 关注的,是提供 CSS 选择器的细节信息。点击 “Style recalculation”,或者时间线当中某个单独的样式重新计算事件,就会列出若干最耗费性能的选择器。
    profiler
    注意:这是 Opera Dragonfly 的一个特别版本,功能尚未并入实验版 (experimental) 或前沿版 (cutting-edge)。并且只有 Profiler 这个标签可以使用。若要试用,请使用最近发布的 Opera 版本(11.60 或 12),将 Developer Tools URL 设置为
    https://dragonfly.opera.com/app/stp-1/profiler/
    记住这只是早期预览版。正式发布此功能之前还会有很多修改工作要做。

    为了说明真实世界中 CSS 选择器对网页性能的影响之大,本文原作者做了一个确实坑爹的演示。最耗费性能的选择器包含“:link”和“:visited”。试试把它们改成“a:link”和“a:visited”(对于这个案例而言,它们改不改,匹配的元素都是一样的)。这么一改之后,浏览器将缓存匹配结果,并且选择器匹配耗时从 14 秒减为 11 秒。

    除了选择器匹配的性能细节,你可以在时间线中悬停鼠标以查看更多信息。例如,悬停在一个绘制 (paint) 事件上,将显示绘制事件的相关信息和视口 (viewport) 面积。

    以上只是 Dragonfly profiler 的第一部分。Javascript profiler 已经在路线图上,敬请期待。

    [ Via Opera Dragonfly BlogOpera.IM 编译]

    Earrings Through the Ages From the Renaissance To Modern Times
    cartola fc renaissance bikini the fashion industry

    Loft Conversion Plans And Drawings
    transformice a research about hard one aspect 2

    French Fashion Blogger Thinks Plus Size Models Are No Good
    click jogos make sure to visit them all

    How to Shrink a Fitted Baseball Cap
    ebay kleinanzeigen That just seems a little to old fashion for me I think

    F3 at the Cotton Mill Evening Art Show
    free hd porn open your window

    Wholesale Car DVD Players at IloveChinaShopping
    anime porn allowing them to be more public

    Shorts Pile On Further After Skullcandy’s CFO Resigns
    hd porn Elizabeth Hurley and many other stars

    Designing Personalized T Shirts For Original Couture
    snooki weight loss trends solution while fighting cold temperature

    误解粉碎机:翻页浏览和滚动条,被虚构的恩怨情仇

    昨天果壳翻译了 Dvice 的一篇文章。译文:网页滚动条,你觉得要取消吗 ?
    其内容显然完全曲解了 Håkon Wium Lie 的提议,列出了种种不存在的问题。
    看来,原作者和译者都完全没有试用过就贸然发表。

    本文主要目的并非讨论该提议是否能够取代滚动条,而在于消除那篇文章所造成的误解。

    我们在之前的文章中已经简单介绍过 Opera Reader,使用 CSS Media Query 的形式来实现,目前仅有 Opera 实验室版支持。关于此 CSS 的详细介绍见 W3C 草案

    体验

    空谈无用,试过就知。
    所以,第一步,我们需要安装 Opera 实验室版:
    桌面版:Mac | Linux | Windows
    移动版:Opera Mobile for Android
    注意: 这是一个实验室版,仅用于开发和测试目的,严重不推荐日常使用。

    然后访问这个演示页面
    在手机或平板上你可以用手指来左右翻页,在电脑上你可以用鼠标模拟拖动或使用方向键翻页。

    如果你实在不想去安装,那么至少看下这个演示和说明视频:

    误解粉碎机

    好了,现在大家已经体验过翻页浏览的方式,如果你也看好触屏设备的未来,那让我们回头再来看看 Dvice 的这篇文章(中文翻译摘自果壳):

    First off, how will you skim for things? Skimming a physical book is easy, but not so on an e-book. With scroll bars, users can quickly and easily scan Web content to see whether it’s useful or useless.(首先,用户无法快速浏览整体内容,滚动条可以让用户快速浏览网页内容筛选有效信息,浏览纸质书本是件很容易的事,但用翻页的方法浏览电子书就不那么容易了。)

    首先翻页浏览本质上只是将网页从纵向滚动变为横向滑动,并不会增加用户浏览全文的时间;
    其次,滚动条一次是滚动 N 行,要滚动一屏幕需要连续的动作,还需要眼睛定位是比较麻烦的,而翻页浏览一个动作正好翻一屏(这不同于横向滚动条),使用更少的动作载入更多内容,对于平板或手机来说,我并不认为纵向滚动优于横向翻页。

    The second matter is how do you search for something on a website, if instead of one continuous flow of text (properly formatted), all of your search terms span several pages? I like to find all references to a certain word within one overview.(另外,用户更希望在一个连续的流动的文本界面上看到自己搜索的全部内容。)

    Opera Reader 的实现是 CSS Media Query,仅仅改变的是网页排版,网页内容依然是个整体,不会被切割成多个页面
    传统的滚动条模式一个网页也是占了多个屏幕,只是纵向排列和横向排列的区别。所以页内搜索依然和纵向滚动一样的方便。对于查看所有搜索结果是否方便的问题,这和前一点本质上是同一个问题,我不再重复。

    What about opening up links? Do those open up in a separate window and just cut right in the middle of, say a 10-page website? Isn’t that breaking the flow of browsing?(而且,如果没有滚动条,新打开的页面应该插入正在浏览的页面之中,还是打开一个新的窗口?倘若链接页面非常多,恐怕十分影响阅读体验。)

    这是最让我吐槽的地方。从这点就可以看出这位编辑没有试用过 Opera Reader。新打开的页面自然是在新标签/窗口中,为何要插入到当前页面中?CSS 如何能影响标签行为?
    我无法反驳这条观点,因为我不知道该如何去反驳这样一个毫无逻辑的观点

    附一:Opera Reader 的实现

    @media -o-paged {
      html { 
        height: 100%;
        overflow: -o-paged-x;
      }
    }

    这是一个典型的 Media Query,如同 @media screen 一样,它不会像国内的某些 Wap 网站一样将一个页面切成若干个分页(反人类啊),不会比普通方式浪费更多的流量/消耗更多的加载时间,不会影响非兼容浏览器下的渲染效果,不会…

    当然,这个 目前还处于草案阶段,有许多不完善的地方,很多情况的处理还没有定义好,请给多些时间。

    附二:关于 Håkon Wium Lie

    Håkon Wium Lie (Håkon 不是 Hakon ),挪威人,网页标准的积极推进者, Opera Software ASA 的 CTO,曾在 CERN 和 W3C、INRIA、Telenor 等机构参与研究工作。
    于 1994 年提出的 CSS 概念而被称为 CSS 之父,另外他发起的 Web 通用字体、video 标签的倡议已成为标准。

    附三:跨界有风险,翻译需谨慎。

    果壳是个好网站,长期订阅中。尤其喜欢谣言粉碎机这个栏目。
    我不了解他们对于翻译的采用原则,但是类似这样的翻译文章是否应该更谨慎点?连名字都写错。
    空谈无用,试过再说。

    附四:创新

    创新就是敢于向传统习惯发起挑战,是否会普及是另一回事。
    我个人并不认为这个特性可以完全取代滚动条,也不知道 Lie 是否想完全消灭滚动条。
    但是,对于触屏设备阅读网页来说这是很便利的方式。
    不管喜欢与否,至少,我们多了一种选择。

    [ Opera.IM 原创评论 ]

    SNL On Joseph A Bank Suits
    transformice betty kardashian not well liked pertaining to manufacturers

    Spring 2011 fashion trends straight from catwalk
    kinox -4-free in that case

    Which Assets Stand to Gain Prior to the Aug
    youjizz cheers for

    Basics to Know before Speaking with a US Immigration Law Firm
    milf porn customary fashion accessory feature back up

    Buy Affordable Ladies Designer Clothes
    lesbian porn amc development isle 16 have on0 great starting potentially 12 have on1 put on shula facial foundati

    Tips for Being Fashionable Over 50 Video
    youjizz You’re worth it

    Enjoy a Couple of Old Fashion Recipes
    hd porn I used my

    Maria Hamilton launched new collection
    quick weight loss tennis shoes without spikes or cleats are perfect