es6-html5-css3-guide

To learn new Features about es6/html5/css3 and so on.

hover.html

hover.html aim to learn the usage of hover, to instead of javascript codes in some way.

flex-layout-demo.html

主要内容包括：

This page will show :

1. basic and usual Flexbox Layout demo;

2. adapt to different Screen-width;

3. two different ways of Center-Layout(上下左右居中),

   • traditional box Style;(also see algin-center-BoxCss-demo.html file)

   • flexbox Style;

4. 自适应的列表项；

5. 自适应的网站导航，包括针对不同大小屏幕的不容展示；

6. 圣杯布局：更灵活性的伸缩项目， 关于移动先行，3列布局与页眉页脚全屏,和独立的文档顺序。

7. 骰子的诸多布局方式；

——jiangxtx 2017-2-24

row-col-partLine.html

用 CSS 给 row-col 栏目加分割线。

点击查看 ！

FactoryPattern-demo.js

JavaScript 语言之“模式--工厂模式”的学习示例。

——jiangxtx 2017-5-7

page-loading-animate.html

页面加载初始化时的动画展示，

示例图如下所示：

——jiangxtx 2017-6-17

single-data-bind-DOM.html

数据视图单向绑定的demo 示例。

-- jiangxtx 2017-6-18

css3.0-studyNote.html

《css 高效开发与实践》一书的学习笔记与编程实践；

页面展示示例：

--jiangxtx 2017-7-22

postMessage 用法示例

详见目录：html5-postMessage-guide。

示例图：

--jiangxtx 2017-7-23

css3.0-transform-cubeInformation.html

运用 transform 实现盒子翻转效果，如下图所示，很炫酷的动画：

refer Address: http://www.w3cplus.com/css3/css3-3d-transform.html

-- 2017-8-4 14:35

cube-rotate-demo.html

通过 css3.0 实现 一个立方体的旋转展现等动画特效。

--2017-8-11 09:01

modal-test.html

运用纯 JS + css 搭建一个 Modal 模态框。

--2017-8-21 19:12

base-alogrithm-for-five-quesitons.js 文件

旨在解决一篇帖子中“每个程序员1小时内必须解决的5个编程问题”提出的 5 个问题呢。

--2017-9-11 00:06

triangle-point-css-demo.html 文件

纯 css 打造三角形家箭头标识，免去了用图片、icon等图形化的操作。

示意图如下所示：

--2017-9-13 00:05