扩展阅读

代码风格指南

工欲善其事,必先利其器。养成一个良好的编程习惯,才能写出优雅的代码。

相关技术文章

其他指南

URL design

  • URL 设计中只能使用一些相对较小、通用的安全字母表中的字符.
  • URL 设计希望是具有可读性的.
  • URL 设计应避免使用诸如 adv 广告相关的单词,因为可能会被用户所装的广告拦截插件给拦截下来。

启动本地服务器的方法

  • Nginx
  • webpack dev server
  • Http-server

UI design 与 CSS 属性的关系

box-shadow: inset(内置方向) | offset-x(水平) | offset-y(垂直) | blur-radius(
    模糊半径
  )
  | spread-radius(扩散半径) | color(颜色);

图层样式和CSS属性对应如下:

  • 投影 ↔ box-shadow 垂直偏移不为0;
  • 描边 ↔ border(这个不是很重要,直接体现在界面标注中也可以);
  • 渐变叠加 ↔ background-image(不止线性渐变,角度渐变、径向渐变都支持,还能图案叠加,很少用,不多说);
  • 内阴影 ↔ box-shadow: inset & 垂直偏移不为0;
  • 外发光 ↔ box-shadow: 垂直水平偏移均为0;
  • 内发光 ↔ box-shadow:inset & 垂直水平偏移均为0。

参考资料: UI设计师进阶技能 —— CSS3之样式篇在新窗口打开