前段

推荐2个网友自办的网络周刊 – 科技爱好者周刊 / 潮流周刊

科技爱好者周刊 内容科技相关,作者阮一峰 (Twitter @ruanyf)。每周精选一张图片。“本周话题”应该为作者原创写作内容。比如231期,讨论了Twitter裁员,其中用了Twitter用户数和员工数随着时间变化曲线,发现2014年后用户数量基本稳定在3亿左右,而员工数确翻了一倍左右,所以把员工数减少回2014年的人数应该是可以的。 另外收集了不少科技相关的网络内容并提供链接。比如231期介绍了63岁日本退休工程师Hiroyuki Ueda自学Swift,开发了“双重计算器”(Twin Cal)App。主要解决人脑记不住计算中间结果的问题。在AppStore看了一下,Twin-Calc卖3.99,同时有个免费版的T-Calc-Lite。 更多内容请看科技爱好者周刊。 潮流周刊 作者Tw93 (Twitter @HiTw93)。页面设计非常小清新。和科技爱好者周刊类似每期内容有:封面故事,技术相关,潮流开源,随便看看。105期里介绍的HyperUI.dev就非常好用,里面有很多例子用tailwind做出好看的Web UI元素的例子。 周刊链接 科技爱好者周刊 潮流周刊 本文链接

CSS 格子layout例子

1 2 3 4 5 6 7 CSS代码 HTML代码 padding是div内部内容和div格子上下左右边界的距离 display: grid 决定了内部div (“inner” class)从左到右排练,如果不用,每个div各占一行 grid-template-columns 决定了一行放几个内部div,和每个内部div宽度,可以是%也可以绝对距离 boarder用来debug,显示格子边界大小 用鼠标选中格子里两行,cmd+c,cmd+v 复制黏贴到编辑器里,出了还是一个一行,打横显示是浏览器的特效。