HTML5详细学习资料

这两天一直在和h5打交道,以下总结一些关于HTML5的资料及如何方便使用

(一)HTML5的原型设计模板平台

    1.http://sc.chinaz.com/tag_moban/Html.html

    2.http://www.zzfriend.com/xiazai/moban/

    3.http://www.smallseashell.com/t/431-48-23/1.html

    4.http://www.17sucai.com/pins/27473.html

    5.http://www.ke01.com/html5cmsmuban/

    6.http://www.ui92.com/down/26.html

    7.http://www.jqueryfuns.com/moban-27-0-2

    8.http://www.mobanwang.com/mb/201709/15307.html

    9.http://www.apppark.cn/apppark/theme/themeStep.jsp?themeId=21&themeVip=0

(二)HTML5的原型设计工具

    1.https://modao.cc/

    2.https://www.xiaopiu.com/

    3.http://doc.mockplus.cn/

   目前这三个原型设计工具比较好用一些,并且都可以适用于三端

(三)HTML5的特效聚集网站

   chromeexperiments.com 

   Mr.doob

   litewerx.showcase

   Form FollowsFunction

   AlteredQualia

   html5rocks.com 的页面

   html5tricks 的页面

()视觉特效与交互式视频
  http://www.thewildernessdowntown.com/

  Interactive Film"itsumo kawaii"

  http://www.beonlineb.com/

  Arcade Fire /Just a Reflektor

  Aaronetrope 3D科幻视频投影对话

  Aleksandar Rodic 3D立体博客

  Beanstalk

  http://www.ro.me/

  three.js webgl 动态地图

  Ô Green bySPECIAL.T 水中植物广告

  Kimatica -Creative Connections 树脉

  Earth to Echo 电影科幻宣传网站

  http://middle-earth.thehobbit.com/map 霍比特人

  HelloRun 线稿房间,第一人称动

  LETTERS, INC. 集成电路

  Dataveyes |Human Data Interactions 视觉粒子

  Blob 大水球

  Andrew Hoyer -骨架

  HTML5 Fish Bowl IE-鱼缸

  googlecode.com 的页面 chrome-水族馆

  three.js webgl 动物

  Liquid Particles3D 3D粒子流

()HTML5的网站

  1.HTML5动感的火焰燃烧动画特效DEMO演示

  2.CSS3图片立体倾斜效果DEMO演示

  3.HTML5实现中国象棋游戏在线演

  4.浪漫程序员 HTML5爱心表白动画

  5.HTML5 3D爱心动画DEMO演示

  6.HTML5 给元素添加梦幻效果

  7.HTML5 Canvas发光Loading动画DEMO演示

  8.Andrew McCarthy 滚动动物奔跑

以上是我最近学习HTML5用到的资料以及看到的网站,希望我们一起学习,一起探讨,一起走进先进的时代。

猜你喜欢

转载自blog.csdn.net/jianshou6442/article/details/79395955