写了个个人主页,用了竖版的 CSS 样式,大家的个人主页开发上又啥奇技淫巧?

2017-03-07 10:28:21 +08:00
 kalasoo

先上图:

中间很重要的一个 CSS 样式是:

main {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
}

当然还有我最爱的: http://www.adhamdannaway.com/

4855 次点击
所在节点    分享创造
20 条回复
xcatliu
2017-03-07 10:39:43 +08:00
个人主页的链接呢?
zwpaper
2017-03-07 10:48:01 +08:00
http://ming.today/

看着挺好玩的
dimlau
2017-03-07 11:38:30 +08:00
放个旧文
https://kaix.in/daddy/2011/03/vertical-writing-mode/

文字竖排时中英混杂的处理有点麻烦,简单粗暴地旋转九十度……倒是可以治疗颈椎病哈哈哈哈
Belated
2017-03-07 11:41:27 +08:00
日期感觉都连起来了。。
kalasoo
2017-03-07 13:11:40 +08:00
@dimlau 不错不错
picturepan2
2017-03-07 16:54:22 +08:00
[Spectre.css 文档体验]( https://picturepan2.github.io/spectre/) 倒是用了很多 CSS 玩法:
1. position: sticky; 实现页面拖动到一定位置,组件固定。
2. 移动端利用 :target 实现 offcanvas 的菜单,还能点击空白处关闭菜单。
3. 组件里还有很多纯 CSS 的实现,比如 Apple TV/tvOS 的[视差 Hover 效果]( https://picturepan2.github.io/spectre/experimentals.html#parallax) 。
kalasoo
2017-03-07 18:31:58 +08:00
@picturepan2 👍哦
dimlau
2017-03-07 21:45:42 +08:00
@picturepan2 想了半天这个名字怎么这么熟悉在哪见过……终于想起来是 Livesino 😂
arrome
2017-03-08 00:21:03 +08:00
大哥我看着好难受
Elizen
2017-03-08 13:45:53 +08:00
新弄的一个小玩意儿,欢迎光临:

http://t.elizen.me
kalasoo
2017-03-08 17:34:39 +08:00
@Elizen 挺干净的,不错
Khlieb
2017-03-08 22:54:53 +08:00
@arrome 好多人都有些看不惯了,最近就有篇文章专门写这问题
http://www.typeisbeautiful.com/2017/02/11456/
Cabana
2017-03-09 13:04:48 +08:00
标题在右边,却是从左往右,从右往左看了半天才发现读反了
kalasoo
2017-03-09 14:44:31 +08:00
@Cabana 小写的尴尬
lengxx
2017-03-09 15:05:19 +08:00
鼠标滚轮不能用好难受
kalasoo
2017-03-09 23:22:34 +08:00
@lengxx 😄,触摸板党飞过
loveyu459279
2017-03-12 14:15:34 +08:00
老乡啊
kalasoo
2017-03-13 16:46:24 +08:00
@loveyu459279 ❤️,泪汪汪
designer
2017-03-14 00:29:30 +08:00
很有古文风
kalasoo
2017-03-16 11:35:28 +08:00
@designer 做的还不是特别好呢,😭

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/345498

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX