CSS书写模式与RTL站点构建

去年年底的时候,突然收到Web中文兴趣小组的订阅邮件,说的是,W3C发布了CSS书写模式第三版正是推荐标准,支持多种语言的书写模式。于是就去简单读了下 CSS Writing Modes Level 3,以及与之相关的万维网联盟(W3C)为多种国际语言的书写模式夯实基础。除了再一次感受到竖排文本的标准的姗姗来迟,回忆起自己10年前解决竖排文本的各种诡异手段,更多的还是对标准的发布而感到的喜悦——只是这么许多年,对竖排文本的偏爱和执念也仅存之一二。 之后总结了些棱角在团队里做了次分享, ...

自动铅笔和收纳

自动铅笔和收纳 自小对文具就有特别的偏爱,其中对自动铅笔又有些额外的嗜好。在如今这个越来越不需要用笔的时代里,原本不那么明显的收集愿望反而蠢蠢欲动。除了以前收集了一些外,我几乎是在最近的一个月里把“想要”的自动铅笔都收了一遍,还好烧自动铅笔总体还算是比较勤俭的爱好。但,为什么是自动铅笔,而不是钢笔之类的?可能和童年的印象有关,但即使是如今,我也觉得只有自动铅笔,将绘画和机械的美感完整的体现了出来。 买的大部分是施德楼,派通,百乐,白金, ...

绘制青眼白龙

绘制青眼白龙 秋天悄然而至,萧瑟秋风挽起缕缕思绪。昨天看了B站up主水无月的游戏王视频,突然就怀念起自己青春的种种过往——游戏王,当然是其中一个音符。而趁着最近学了点画的契机,突然就想来画一下游戏王标志性的青眼白龙Blue Eyes。 在画之前,先是找出了多年来的卡牌回顾了一下。自己初次接触游戏王还是在初一,看着同学拿着卡牌凑一桌玩的火热的场面依旧记忆犹新,以至于后来到了高中还陆陆续续的买了很多卡牌。现在知道当时是没有中文正版的,但盗版卡牌也着实给年少添上了多笔色彩。尽管大学毕业后搬了很多次家,但这些卡牌却一直没有丢弃,直到现在拿出来一一清点,1105张, ...

Ghost主题pure

基于默认主题简单修改的grayliner一用就是6年,那从wordpress换成ghost还只有半年。这段时间心血来潮打算改一改,于是就有了这个比起grayliner更为简单的pure主题。 在原来的基础上,去掉所有的装饰,多作者模式,虽然外观相较之前没什么大的变动,事实上结构也确实相差无几,但样式几乎是推倒重组了一遍,去掉了相当多没什么用的代码。 去掉了锐利的割裂线,抄了一下Medium的寡淡阴影,去掉了多余的分享和作者页尾,首页放宽了页宽,而内页反而收窄。添上了ghost新版本的一些新的功能性类名,还有删去了看起来十分好看但加载明显延迟的网络字体,将fontawesome撤换成svg图标,重做了一下手机端的导航抽屉. ...

木之碎语

木之碎语 从去年年底开始,陆陆续续做了些木头的小件,到前段时间为止也已经完成了超过30件了。一方面是因为疫情整天呆在家里,另一方面也是热情上的一鼓作气。仍旧记得20岁后梦想成为一个木匠的,但30岁后梦已经彻底变了——想成为一个漫画家——显然梦想变得越发离谱,所以也就是做做小小木件聊以自慰。 这期间柜子里也屯了相当多的各种各样的木料,随着和木头打更多的交道,对每种木材的品性也有了很多感想,不同木材之间的区别犹如云泥,而人与人的差距何尝不是如此... 对于木头的痴迷再加上也确实想尝试一下不同的材料,所以纠结了半天还是去凑齐了世界上最有名的木材,所谓的世界四大名木: 粉红象牙木 160愈创木 ...

罗技G502无线

罗技G502无线 我这种PC时代的遗留者,总是会不失时机地缅怀过往个人电脑给生命刻下的音符。从自己真正意义上的第一台电脑所配备的罗技G1键鼠套装开始算起来,什么手感握感重量云云,一开口就是个老罗技用户了。 键鼠可能是陪伴个人最为长久的计算机配件,主机都换了好几代了,但键盘鼠标,特别是鼠标,通常会有长达十年的陪伴。当然,这有个前提就是要会自己更换鼠标微动并无限给它续命。早年G1一直用到修了多次微动(比如之前写的修复罗技G1鼠标的单击变双击问题以及更换鼠标微动),直到大屏更新G1的DPI再也跟不上潮流,才告别了战友。 之后的很多年,换过罗技的诸多鼠标。自己因为手掌较小所以除了那些块头比较大的型号外,大部分罗技的鼠标都买来用过。 ...

宜家和响应式页面设计

没错,就是那个家具品牌宜家,看似和响应式页面设计毫不相干,但事实上IKEA却在官方站点上做了相当彻底的响应式——近期,宜家官网居然改版了,从之前的老站点换成了现在的全新设计的响应式页面,这不由的让我再次回想起这个从很多年前就一直在争论的问题:响应式真的有用吗? 熟悉宜家的人应该知道,宜家之前有一段时间是没有APP可用的(现在又上架了新APP)。不知出于什么原因,宜家在某个阶段砍掉了APP并选择了web。并且在长期没有线上销售模式的情况下,最终还是在上海第一次推出了线上实验性的渠道,并且新做了上海站的页面——虽然老站点是传统的页面(和新站并存),但是新上线的上海实验站却是全响应式的设计, ...

style-loader与iframe的问题

通常情况下其实遇不到style-loader与iframe纠缠的情况,不过由于自己所做项目的特殊性,所以不得不经常与iframe打些交道,并且往往遇到问题能参考的资料也非常有限。 style-loader是webpack的常用插件,作用是将CSS注入进DOM。正因其注入CSS是根据所处运行环境决定,所以如果页面中存在iframe的话,那么就会存在样式注入点与期望不同的情况。由于页面代码可能无法调整执行环境,而样式也无法再不同文档环境相互影响,所以有必要调整注入点。根据情况的不同,运行于父窗口向子iframe注入样式,以及运行于子iframe反过来向父窗口注入,甚至是多层嵌套iframe的情况等都可能遇到(至少我都遇到了)。 在保证同源的大前提下,好在大部分的样式注入库都提供了挂载点变更的配置(比如更早前自己遇到的JSS的修改注入点) ...