網(wǎng)友解答: H5案例網(wǎng)站其實有非常多，我們只要找到幾個更新速度快內(nèi)容全的網(wǎng)站作為主要查看案例的網(wǎng)站就可以了，否則看多多了反而會浪費時間，其它網(wǎng)站沒收錄的好的那幾個網(wǎng)站一般都收錄有，在這里

H5案例網(wǎng)站其實有非常多，我們只要找到幾個更新速度快內(nèi)容全的網(wǎng)站作為主要查看案例的網(wǎng)站就可以了，否則看多多了反而會浪費時間，其它網(wǎng)站沒收錄的好的那幾個網(wǎng)站一般都收錄有，在這里我將從更新速度和完整指數(shù)出發(fā)，分析網(wǎng)站的推薦指數(shù)。

數(shù)英網(wǎng)

更新速度：★★★★

完整指數(shù)：★★★★

推薦指數(shù)：★★★★★

數(shù)英網(wǎng)是一個匯聚能量和發(fā)散能量的互動媒體平臺，除可以搜到新鮮的H5案例外，網(wǎng)站還涵蓋了創(chuàng)意、設(shè)計、文案、營銷、技術(shù)、互聯(lián)網(wǎng)等多方面的內(nèi)容，為營銷人補充行業(yè)知識，激發(fā)觀點交流。

這里聚集了營銷、新媒體、電商、互聯(lián)網(wǎng)及無線互聯(lián)網(wǎng)等數(shù)字領(lǐng)域人才，用戶注冊并經(jīng)過認(rèn)證后可以在網(wǎng)站上發(fā)布文章和項目，因此網(wǎng)站內(nèi)容在更新速度上比較快，一般比較優(yōu)質(zhì)H5會及時更新。

亮點：案例很多，可以查看不同行業(yè)不同領(lǐng)域的優(yōu)秀案例。每篇文章都有該案例的介紹文案及H5截圖，圖文最后可以對案例評分，在搜索卡片可以看到案例的出品方和制作方。

H5案例分享

更新速度：★★★★

完整指數(shù)：★★★★

推薦指數(shù)：★★★★★

H5案例分享是北京簡豆科技有限公司做的網(wǎng)站，該網(wǎng)站旨在讓產(chǎn)品經(jīng)理,宣傳策劃,設(shè)計師,技術(shù)開發(fā)工程師,新媒體,愛好創(chuàng)意的小伙伴快速了解H5案例,并從創(chuàng)意角度和技術(shù)角度討論H5案例。

亮點：可以直接在頁面上方搜索案例名稱或關(guān)鍵詞，快速找到相關(guān)案例。點擊進案例頁面后，每一篇都會從策劃、設(shè)計和體驗上分析該案例的亮點，并給出案例所使用的技術(shù)，案例最后有本案例的標(biāo)簽，點擊任一標(biāo)簽就可以搜索出跟標(biāo)簽相關(guān)的其它H5。

此外，登錄該網(wǎng)站后還可以直接發(fā)布案例，集眾人之力，所以網(wǎng)站在更新速度和內(nèi)容完整性上也是杠杠的。需要分析或深入了解案例的小伙伴們，小守在這里強烈推薦這個網(wǎng)站。

THEWAP哇呸網(wǎng)

更新速度：★★★★

完整指數(shù):★★★★

推薦指數(shù)：★★★★

亮點：THEWAP哇呸網(wǎng)是一個以收集優(yōu)秀創(chuàng)意H5分享平臺，該網(wǎng)站最大的亮點是可以按照案例發(fā)布的時間、閱讀數(shù)和推薦指數(shù)排序，還可以按照案例的類別、行業(yè)和色彩進行搜索，需要參照H5的主色調(diào)或行業(yè)的小伙伴們，哇呸網(wǎng)是個不錯的選擇。

同樣，哇呸網(wǎng)也可以由用戶自主提交案例鏈接，不足之處是案例詳情僅有二維碼和截圖，沒有相關(guān)分析，也看不到案例上傳的日期。

H5DOO

更新速度：★★★★

完整指數(shù)：★★★★

推薦指數(shù)：★★★★

亮點：H5DOO號稱搜索全網(wǎng)實時H5精選作品,內(nèi)容較為完整。亮點在于可以分行業(yè)、功能、風(fēng)格和特效搜索案例，詳情頁最后還可以看到相關(guān)作品，不足之處是頁面布局相較其它網(wǎng)站有點丑。

未來應(yīng)用

更新速度：★★★★

完整指數(shù)：★★★★

推薦指數(shù)：★★★

亮點：未來應(yīng)用是H5定制開發(fā)與H5頁面案例共享平臺，該平臺最大的亮點是每個案例詳情頁內(nèi)都會有該案例的估價，網(wǎng)站可以由用戶自主提交案例，因此更新速度較快。

愛果果

更新速度：★★★★

完整指數(shù)：★★★★

推薦指數(shù)：★★★

亮點：愛果果iguoguo是一個專門從事酷站收藏、酷站欣賞、網(wǎng)頁設(shè)計推薦、UI推薦、優(yōu)秀UI素材下載的網(wǎng)頁設(shè)計分享網(wǎng)站。網(wǎng)站對H5的案例的分析等方面并無突出亮點，但案例的更新速度和內(nèi)容完整性整體上也不錯。

H5創(chuàng)意匯

更新速度：★★★

完整指數(shù)：★★★

推薦指數(shù)：★★★

亮點：H5創(chuàng)意匯是H5創(chuàng)意分享平臺，該網(wǎng)站的特點是可以按照行業(yè)、場景用途、品牌公司、節(jié)日祝福、炫酷玩法、風(fēng)格特點等分類，在其它方面亮點不多。

意派Epub360

更新速度：★★★

完整指數(shù)：★★

推薦指數(shù)：★★

亮點：意派Epub360是一個H5在線制作網(wǎng)站，網(wǎng)站上更新的案例該網(wǎng)站制作出來的H5作品，在更新速度上較快，但作品的質(zhì)量和完整性不好，作品較低級，初學(xué)者可以上該網(wǎng)站看看獲取靈感

iH5

更新速度：★★★

完整指數(shù)：★★★

推薦指數(shù)：★★★

亮點：iH5與意派Epub360一樣同為H5在線制作網(wǎng)站，該網(wǎng)站上作品的質(zhì)量較高，不少作品瀏覽量達到十萬量級。

無非創(chuàng)意

更新速度：★★

完整指數(shù)：★★

推薦指數(shù)：★★

亮點：無非創(chuàng)意是H5定制網(wǎng)站，案例都是該公司自主制作，因此更新速度和完整性都較差，優(yōu)點在于該公司的作品質(zhì)量都較高，可以欣賞借鑒。

總結(jié)：H5案例分享的網(wǎng)站其實非常多，我列出來這些可能也并不全面，但刷屏級的H5畢竟不可能多如牛毛，大家只要收藏幾個比較好的網(wǎng)站就好啦。

HTML 5 的誕生已經(jīng)有些時日，它向我們呈現(xiàn)了令人驚嘆的視覺效果?；诰W(wǎng)頁的交互究竟能有多優(yōu)秀？這些網(wǎng)站可以告訴你答案。

MakeMePulse 連續(xù)兩年制作了基于鼠標(biāo)的交互網(wǎng)頁——MakeMePulse 2017 在這個頁面中，你可以看到制作精美的燈泡、拍立得、機器人、紙飛機、登月飛船這五個頁面。

MakeMePulse 2017

同樣是 MakeMePulse 制作的 2016 MakeMePulse 年度關(guān)鍵字 網(wǎng)站也是類似的效果。長按頁面開始隨機選擇關(guān)鍵詞，每個關(guān)鍵詞都可以用鼠標(biāo)操作，實現(xiàn)很不錯的效果。即便是兩年前制作的動畫效果，放在今天依然毫不遜色，比國內(nèi)的一眾測試網(wǎng)站要炫酷得多。

MakeMePulse 2016

Iamthecu 給我們提供了一個在線的三階魔方，支持自動打亂、自動還原、撤銷。網(wǎng)站交互很棒，提供了各種透視視圖，來幫助你更清楚的看到還原魔方的技巧和方法。再也不用擔(dān)心擰亂魔方?jīng)]法還原了。

Iamthecu 魔方

如果你不滿足于三階魔方，另一個網(wǎng)站 Grubiks 提供了四階、五階、異形、金字塔魔方供你在線游玩。不過這里并不提供還原步驟演示。

Grubiks 異形魔方

在 初音未來 Mikutap 中隨意點擊屏幕就可以讓初音未來唱出歌曲，再加上魔性的背景音樂和豐富的動畫效果，可以組成各種各樣的節(jié)奏。

這個網(wǎng)頁畫風(fēng)清新，非常動感，「隨便按按就能出節(jié)奏」的暢快感有如第一次在 GarageBand 中打開示例項目，讓「我也有音樂天賦」的錯覺油然而生。（笑）

Mikutap

這是玩法不同，但表現(xiàn)形式類似的三個小游戲網(wǎng)站——Sinuous、Core、Coil，需要用到鼠標(biāo)操作。

Sinuous 的玩法是控制鼠標(biāo)躲避來自遠方的紅點，碰到紅點或碰壁都會 Game Over。游戲過程中還有一些道具，可以干掉這些煩人的紅點或者驅(qū)散他們，游戲難度分為 1-9 。我玩到難度 6 就玩不下去了，你能否打破這個記錄呢？

Sinuous

Core 則需要玩家控制防護罩，阻擋紅點的入侵。后期紅點太多時還可以按住空格，消耗生命達到短時間無敵的效果。是個不錯的小游戲。

Core

Coil 的玩法是三個游戲中最有創(chuàng)意的，玩家要用鼠標(biāo)劃過屏幕出現(xiàn)的藍線，不斷把藍點圈住。由于藍線的長度是由時間決定的，所以不僅需要準(zhǔn)確度，速度也不能太慢。最高分玩到了 26000 分左右，歡迎挑戰(zhàn)。