闪星空间 » CSS

用油猴脚本自动检测网页水印

在 V2EX 看到帖子,知乎在网页等全端加上隐写水印,水印信息包括用户 ID 及时间戳;肉眼很难察觉,几乎只能通过专业分析还原。截至本文发布,知乎似乎已经下线水印。帖子下面一些回复很有价值,网友给出各种分析与应对方式:在网页端,包括用 uBlock Origin 等插件以去广告方式去除,提醒网友对截图进行二值化处理等等。其中一个方法是用油猴脚本检测。

本文假定你已经了解 HTML、CSS、JavaScript 以及油猴脚本。油猴脚本是用于 GreaseMonkey 等浏览器扩展组件的脚本,本质是用户附加在网页上的一段 JavaScript 代码。用油猴脚本检测,即是用 JavaScript 检测。

阅读全文 »

Published @

系统使用暗色主题时使 Firefox 浏览网页保持亮色

我个人以前很喜欢黑色,恨不得一切都设成黑色、暗色的。最近发现,背景设成暗色可以,内容区域还是亮色为好。所以就有了这样的需求:操作系统设置使用暗色主题,浏览器使用暗色主题,但希望 Firefox 浏览器在浏览网页时,能优先提供亮色主题内容。

Firefox 在 67 引入了 prefers-color-scheme,这是一个 CSS media feature,用来检测用户的系统主题是亮色(浅色)还是暗色(深色)。一些网页会读取这个值,提供对应外观的主题。这里我想要网页忽略我实际的系统主题,假装我在用亮色。

阅读全文 »

Published @

2015 年网页设计潮流趋势会是?

网页设计是个充满活力以及时刻更新迭代的行业,变化和发展非常之快,就像时尚圈的宠儿,人们总是还来不及适应这这种设计,马上就会有新的设计更新出来。回顾 2014 年的网页设计,扁平化设计逐步走向成熟,卡片化、瀑布流、时间轴设计方式层出不穷。在此,笔者想斗胆分析及揣测一下网页设计的现状和 2015 年网页设计的趋势,如若有不足之处,还望大家勇敢地批评与指正。

阅读全文 »

Published @

常见自带字体所对应的英文名

经常需要在 CSS 里面规定字体样式(font-family),然而中文字体却不是那么好写的。虽然我们可以写其中文名,并且用引号括起来,但是这样需要规定 CSS 编码(@charset "utf-8";),加上编辑器的不友好,显得有气无力。

那么这个时候我们用字体的英文名代替就很好办啦。

阅读全文 »

Published @

微软:4个建立友好触控网站的指引

(大家应该有了解过 Windows 8 与 Internet Explorer 10 的革命性改变吧?尤其是浏览器支持触控操作了。去年呢,微软撰文来指引我们如何“讨好”触控用户。那关于微软撰写的这篇文章呢,似乎只有一个概括版的中文版本,于是我运用我极不专业的英语水平给大家翻译全文过来了。欢迎批评指正!——译者注)

这篇文章提供了四个简单的指引,以确保您的触控用户可以最有效地使用您的网站。前两个确保触控用户可以访问您网站的全部功能,最后两个则使得触控更容易。

阅读全文 »

Published @

CSS 隐藏标题的文字,用 LOGO 替代

我们有时候在网站上,会使用一张图片替代标题的文字,即 LOGO。那么我们就需要隐藏标题的文字。可能有些人会把文字删掉,那是对搜索引擎不友好的。最好使用 CSS 来隐藏掉文字,并设置背景图片。

那么如何操作呢?

阅读全文 »

Published @

给 Typecho 默认自带模板增加宽度

好的,这是我博第一篇有关于 Typecho 的技术文了。

用过 Typecho 的人,一定知道它的默认模板,它叫作 Typecho Default Theme。它采用了某个 CSS 框架设计,非常简洁。美中不足的是,宽度不够。于是乎,我们就要给它增加宽度了。

阅读全文 »

Published @

如何让 Wordpress 主题支持自定义导航,并符合主题样式

自定义导航乃 Wordpress 3.0 之新功能也。主题支持后,可直接在 Wordpress 后台设置导航项目。可有些主题并不支持这个功能,如何使得它支持呢?

1.修改主题的 functions.php 文件,加上以下代码:

阅读全文 »

Published @