目录中的项目都可以在我的 Github
中找到,下面给出各个项目的地址。
-
Canvas 滤镜: 在本项目的 CanvasClip 目录下
-
HTML5音乐播放器: https://github.com/hwaphon/HTML5MusicPlayer
-
HTML5便签小应用: https://github.com/hwaphon/Html5LocalStorage
3.1 HTML5便签小应用升级版: https://github.com/hwaphon/Html5LocalStorage
-
Canvas 绘制图案: https://github.com/hwaphon/Html5Canvas
-
3D旋转演示:在本项目的 3dRotateDemo 目录下
-
3D翻页效果: 在本项目的 3dPaging 目录下
-
hover 效果:在本项目的 TransitionDemo 目录下
-
照片折叠效果: 在本项目的 TransitionDemo 目录下
-
曲线阴影和翘边阴影:在本项目的 PhotoShadow 目录下(不过需要注意的是,父级设置了relative,子元素设置了absolute,且均设置了z-index属性值的时候,父级对子元素的层级有限制(即不论子元素z-index值大小,层级不“正常”显示)。如果将父级的层级设置为:z-index:auto,或者父级不设置z-index属性,则子元素的z-index不受父级限制,即正常显示。)
-
贝塞尔曲线实现弹性效果: 在本项目的 TransitionDemo 目录下
-
3D 旋转球形: 在本项目的 3dRotateDemo 目录下
-
3D 旋转立方体: 在本项目的 3dRotateDemo 目录下
-
自定义日历控件: 在本项目的 Calendar 目录下
-
Browse Happy: 在本项目的 browseHappy 目录下
-
拼图游戏: 在本项目的 pintu 目录下
-
垂直时间轴(响应式): 在本项目的 VerticalTimeline 目录下,详情可查看博客 Building a Vertical Timeline With CSS and a Touch of JavaScript
-
水平时间轴(响应式+支持左滑右滑+支持左右方向键): 在本项目的 HorizontalTimeline 目录下。
-
使用
Vue
+Vuex
实现的 Notes App. 参考地址:Learn Vuex by Building a Notes App -
使用
Vue
+Vuex
+axios
实现的一个简单的Github
搜索引擎,用于搜索项目。源码地址 -
简悦天气小程序,源码地址
-
mpvue 开发的 ZAKER 小程序,源码地址
-
CSS 揭秘一书中各种例子的在线展示,源码地址
-
Wepy
开发的知乎日报小程序,源码地址 -
合租
TouchWeb
, 源码地址