河畔志 首页 归档 关于 链接

标签 网页 下的文章

本地网页直链网盘文件夹

就算用搜索,在网盘中直接管理文件还是各种不方便,于是突发奇想把文件夹链接出来,在本地用 dokuwiki 之类的东西管理信息就方便很多。

坚果云一般的文件地址是:

https://www.jianguoyun.com/#path=xxx::sl=0::tab=browse::id=xxx::magic=xxx

稍加思索,冷静分析,在 dokuwiki 的 interwiki.local.conf 里写下:

cd        https://www.jianguoyun.com/\#path=%2F{NAME}::sl=0::tab=browse::id=xxx::magic=xxx

于是就可以这样链接:

[[cd>2018_测试文件夹]]

新世界的大门就此打开 =v=

百度云也可以如法炮制:

https://pan.baidu.com/disk/home?#/all?vmode=list&path=xxx

而微云就尴尬了:

https://www.weiyun.com/disk/folder/乱七八糟的东西

有点奇技淫巧的感觉,不过很大程度上提高了效率。

网页自适应:文字与屏幕边缘的留白

在电脑上,可以布局的空间很大,特别是宽屏,而人的视角是有限的,这个时候留白更多是将内容集中在舒适区:

IMG_20180222_163215.png
▲宽屏

而窄屏不需要那么大的留白,足够呼吸即可:

IMG_20180222_163318.png
▲窄屏

这样看来宽屏似乎比较浪费空间,因为它就是用来横向布局的:

IMG_20180222_163346.png
▲宽屏横向排布

到诸如手机的小屏,屏幕边缘完全处在舒适区,但也应该留一定空间呼吸:

IMG_20180222_163336.png
▲小屏

虽然现在很多 APP 没有这样做,手机边框也是越窄越好,但留出这个空间还是加分的,将内容层次区分开来,并突出它。

早该记录的东西,存档。

UC 越权的网页广告植入?

大概一月前,UC开始在任意网页中植入升级提示框。
大概也因为是旧版本的原因,时常出现遮挡页面元素、粘连飘动的情况,很影响阅读。

IMG_20170311_100045.png
▲UC更新提示,左边x只是一次性

当然,作为旧版用户,只能认栽。
但是,随后其开始在任意网页下方添置广告,广告内容还会配合页面内容。
嗯,这很个性化,也很大数据。

IMG_20170315_235928.png
▲UC页面底部广告,右上角x同样只是一次性

然后到现在,开始实验关键字抽取:

IMG_20170309_235741_01.png
▲可以看到关键字被做成链接,指向神马搜索的对应结果

于是,自然看不爽这些做法了,或者说很愤怒。
先不论安全和隐私,这种广告已经影响到页面的美感,再加上安全问题——只能说它手段低劣了。

尽管这不至于是例子,但数年前被称为「流氓」的行为,在如今可以堂而皇之地摆在明面上,甚至还可能成为一段佳话,,
伟大的发明初衷可以是好的,但它总能发展出让人心寒的用途。
而且越来越多,越来越多,多得让人不认识其本来面目。
也许之前一语成谶: 「怕是到时候,互联网已经变味,让人讨厌了」。

然后,个性化推荐已经到一个危险的高潮了,和一些其他共同达到高潮的一样,后面预期是无差别的内容推送会有回升。

响应式网页设计

原来的移动网页基本是独立于桌面版本做,而现在的新技术是采用响应式设计,对于不同宽度屏幕的设备,展示自适应的内容。

其优点是可以保持对不同屏幕尺寸设备的兼容,并保证它们在显示上的一致性,同时维护起来也更方便。
然而,它需要考虑的东西实际上比分开做更多。

完整的功能支持

首先要保证其在不同设备上完整的功能支持,一致性倒是其次。
因为响应式网页是基于硬件条件(屏幕宽度)判定,若是一个本可以实现的功能,在某种情况下被阉割、或显示上出现问题,且没有后路,是非常令人沮丧的。

我坚信「简洁 ≠ 缩减功能」,优秀的设计能让一切变得简单。所以,keep all function。

良好的显示效果

本来一行文本可以容纳的内容,铺满了一个屏幕?
又或者是本来应该更大的元素,却小得难以触摸?
听起来很神奇,但它常常就这样出现,虽然整体灵活了,但局部反而被定死。

先进?

响应式网页用得好的话,确实足够先进,但也容易带来意想不到的问题。
而且它作为普遍的解决方案,对个体的效果一般是不如针对性设计的。

推荐一个优秀的响应式网页

Motherfucking Website

【Good design is as little design as possible.】

然而可惜的是,我们有好多个对「简单」的正确定义。
同时可喜的是,不管采用哪种定义,「简单化」已形成趋势。

网页版式切换体验记

移动版/电脑版的切换策略。

网址控制

形式为在网址后加类似「&mobile=1」

灵活优越的方式,直接修改传入值便可以精确控制。

类似地,网易博客使用进阶域名: http://wap.blog.163.com
但这个实例后面的id与电脑版是不同的,无法推理得出另一版式的网址。

状态叠加

网址相同,使用「电脑版查看」的附加状态,Lofter的形式。

移动版 → 点击「PC视图」 → 带「返回移动版」按钮的PC版
这里的缺点是无法方便地在电脑版与移动版之间切换——要么锁定移动版,要么锁定电脑版。

以及,各类网站对于展示版式的策略

  • 若根据网址判断,则可以自由游走 :)
  • 若根据UA判断,亦可方便游走 :)
  • 若根据设备强行判断,有心无力 :(