抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

一个新系列,记录每天阅读到的文章。

设计与文案

设计与文案

  • 直白简练地说重点。页面中的说明,引导,提示,不使用开发化的语言。

  • 让用户知道接下来将发生什么

  • 和用户对话,而不是广播。注意不要同时出现“你”和“我”

  • 极限场景,如异常、空内容、内容超限,需要做特殊处理引导用户。

  • 个性、风趣。如微信设置状态“就这样”而不是“发布”

  • 细节:用阿拉伯数字代替中文数字,更能吸引注意力。

3种CSS实现背景图片全屏铺满自适应的方式

3种CSS实现背景图片全屏铺满自适应的方式

登录页经常用到。

注意到文中使用到了一个css属性background-attachment。css还是学的太浅辣!有空补习。


body {
/* 加载背景图 */
background-image: url(images/bg.jpg);
/* 背景图垂直、水平均居中 */
background-position: center center;
/* 背景图不平铺 */
background-repeat: no-repeat;
/* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */
background-attachment: fixed;
/* 让背景图基于容器大小伸缩 */
background-size: cover;
/* 设置背景颜色,背景图加载过程中会显示背景色 */
background-color: #464646;
}

如何在iPad上用vscode写代码

【第2479期】如何在iPad上用vscode写代码

使用了一个叫code-server的工具

10 个底部标签栏设计技巧

10 个底部标签栏设计技巧

读起来挺有意思,但不知道工作里啥时候能用得到。

精读《深入了解现代浏览器一》

精读《深入了解现代浏览器一》

精读《深入了解现代浏览器二》

评论