前端 - 这些动态页面是怎么做出来的？

Question

现在这些高大上的WEB页面都是如何做出来的？
http://meizu.com/products/pro6/summary.html
http://moofun.allyes.com/
我知道大概是H5，我也会一些JS,但是好像都做不出这种效果，我上W3Cschool找HTML5的教程http://www.w3school.com.cn/html5/，里面也看不出这种效果啊。
请高手指教到底是怎么做的？哪有详细教程？就是我照着做就能做出差不多效果的教程？

问题比较菜鸟水平，本人是通过自学会一些前端的HTML CSS JS，但做出来的都是上个年代的页面的样子，这种还不会做，自学过程中又找不到这种页面制作的详细教程，求大神帮忙，万分感谢。

Answer 1

用chrome的控制台工具，檢查一下這些元素的標籤、樣式什麼的，看看它們具體使用什麼實現的，再對應的學習。

Answer 2

都是css3+js做的

Answer 3

HTML+CSS3+JS

Answer 4

應該是Bootstrap等前端框架的二次開發

Answer 5

一般採用html5+css3+js來實作