generator-falcon

A very simple web application scaffolding project generator, includes:

• index.html
• styles
  • normalize.css
  • base.css
  • main.css
• scripts
  • helpers.js
  • main.js

web 界面设计模式示例代码项目

生成一个最简化的用于演示设计的代码结构,

• 一个 html 文件: index.html
• styles/normalize.css: nz 的 normalize.css 文件
• styles/base.css - 自定义的核心默认设置.
  • 所有元素及所有元素的 before 和 after 伪元素的box-sizing 默认为 border-box
  • html 和 body 元素的宽高都设为 100%
  • 在 body 上设置默认的字体, 字体大小, 行高, 字体颜色, 背景色
  • 设置各种 block 元素的内边距和外边距为 0
• styles/main.css - 自定义样式
• scripts/main.js - 业务逻辑代码
• 一个事件监听/委托和 DOM查询帮助文件: scripts/helpers.js

NOTE: 面向 PC , 非 mobile