芬兰银行指南

虽然国内的 VISA 信用卡在芬兰也能刷,但是有时候很不方便,不能交房租医院账单等,遗失了也不能立即补办。因此我还是建议新生到芬兰后立即预约办理芬兰银行账户。

继续阅读 →

为什么总是赶不上DEADLINE

在芬兰工作了三年多,做过大大小小十来个 IT 项目。有一个共同的问题:大部分项目都赶不上 deadline。分析原因,都不是因为人手不足,而是技术决策和管理失误。

继续阅读 →

芬兰电信运营商指南

买手机卡办宽带,会遇到了很多坑。运营商可以套路你,你也可以套路运营商。

继续阅读 →

相濡以沫,不如相忘于江湖

——庄子。

position: fix 没用?你大概是被 transform 坑了

在 CSS 里很多位置布局都是相对于容器的。但是 position: fixed; 比较直白,只相对于窗口,通常不会被干扰。但是我最近就遇到了这么个问题:

transform:scale(1);
position:fixed; right:10px; bottom:10px;

这不对呀,我明明写的是 position: fixed; 为啥没用呢?

于是我一个一个翻看父元素的 CSS 布局属性,发现一个 Modal 库有个奇怪的 transform: scale(1); 。这个属性没有任何视觉的效果,显然是动画执行之后留下的。然而在技术实现上,即使是 scale(1)translateX(0) 这种没有任何效果的 transform ,也会重建一个坐标系,导致内部元素的 position:fixed 不再相对于窗口,而是相对于这个 transform 元素。

这是不是某个浏览器实现的缺陷呢?实际测试 Firefox 和 Chrome 都是一样的效果。这也许是一个 Web 标准中比较含糊的灰色区域。

解决方法比较简单粗暴,把 transform: scale(1) 改成 transform: unset 即可。在实践中,尽量避免对比较大的容器使用 transform,比如 Sidebar 和 Modal。如果要用的话,则要确保子元素不会用到 position: fixed,比如一些 Popup。

从扩张到裁员:一家芬兰设计公司的挣扎

2020 这个数字显得很特别,新年的时候人们抱有极大的期待。登陆火星,5G 网络,人工智能,量子碰撞之类的大饼刚画了一半,我们才发现这一年的主角只有冠状病毒。

继续阅读 →

Web 内嵌字体格式

简而言之,WOFF2 是你唯一需要的字体格式。如果你需要支持 IE11,那么就加上 WOFF 作为备用字体格式。

@font-face {
  font-family: 'Source Code Pro';
  font-weight: 400;
  font-style: normal;
  src: local('Source Code Pro'),
    url('source-code-pro-regular.woff2') format('woff2');
}
继续阅读 →

芬兰永久居留许可

相比工作居留许可,永久居留许可有更多优势:不需要续签,不需要工作证明,可以更加灵活地旅行。

继续阅读 →

芬兰电子身份认证

当你在芬兰居住并注册社保号(Social Security Number)之后,各个公共系统里就已经自动为你创建了账号。这些系统包括:移民局系统,警察局系统,医疗系统,税务系统,社保系统(Kela),邮政系统(Posti)等。这些系统都有网络服务,但是你需要特殊的电子身份认证(e-Idenfication)才能注册使用。

继续阅读 →

Arabia 姆明系列

姆明 Moomin 系列卡通形象可以说是芬兰输出全球最多的文化符号了。衍生周边产品众多,各个年龄段的人都喜欢,非常适合送礼物或自家用。

继续阅读 →