DemoHouse

時間 2019-11-08

標籤 demohouse 简体版

原文原文鏈接

這篇文章不是純介紹技術的文章，但其實裏面的內容是有關於前端技術的。前端

DemoHouse是什麼

或許會問DemoHouse是什麼?其實它就是一個我的開源的項目，而這個項目裏面的內容又不是本身寫的，是收集過來的。在Github上，我用本身蹩腳的英文對DemoHouse是這樣描述的：git

DemoHouse is a collection of JavaScript, CSS3, Canvas, SVG and Web Animation demos.github

簡單點說：DemoHouse就是收集了不少前端案例。好比JavaScript、CSS三、SVG、Canvas和Web動畫等。瀏覽器

那麼爲何要整DemoHouse呢？學習

這主要多是出於本身對前端的興趣愛好吧。我是屬於喜歡收集各類有意思的、有吸引的Demo。收集它們主要出於：動畫

其實除了這些，還能夠把它給有須要的同窗。好比有同窗找我要一種動效的效果，我能告訴他在哪能夠找到；好比有同窗找我要學習案例，我能告訴他在哪能夠有案例參考，等等。

出於這些，花了兩年多時間收集了各式各樣的前端案例，有純UI的，有Web皮膚的，有動效的。爲了這些資源能更好的給有須要的同窗，我在Github上建立了一個倉庫DemoHouse。

若是你看到了這裏，或許你更想知道的，我怎麼使用DemoHouse。

其實很簡單，如今訪問DemoHouse有三種方式，最簡單的方式，就是在瀏覽器地址中直接輸入DemoHouse的首頁地址：https://airen.github.io/DemoHouse/。除此以外，還有另外兩種方式。

喜歡W3cplus的同窗，或許發現了，主導導航上新增長了一個案例菜單項，那麼點擊這個菜單項，也能夠直接進入DemoHouse首頁：

還有一種方式，那就是打開DemoHouse在Github上對應的倉庫地址：https://github.com/airen/DemoHouse，而後點擊首頁地址，也能夠訪問。

若是你但願看到對應的Demo效果，那麼按照前面的方式，進入到DemoHouse首面，能夠看到Demo的清單，點擊清單，能夠看到對應的Demo效果：

看到好的效果，想到示例的源碼，也能夠輕鬆獲得，你能夠直接經過GitHub的Fork功能，把項目Fork到你的名下，你也能夠直接經過:

git clone git@github.com:airen/DemoHouse.git

或者

git clone https://github.com/airen/DemoHouse.git

把整個項目克隆到你的本地。固然除了使用git命令克隆項目以外，還能夠直接點擊下載整個項目：

若是你對DemoHouse也很是感興趣，以爲對你有所幫助，你能夠在首頁給DemoHouse點個贊：

若是你發現DemoHouse中有錯誤，能夠點擊這裏給咱們提ISSUE。固然也能夠在像下圖同樣在GitHub上操做:

固然，若是你手上有優秀的Demo，更但願你能DemoHouse提PR，讓其餘同窗分享你的成果，固然，你也能夠直接把你的Demo發到個人郵箱:w3cplus@hotmail.com

DemoHouse如今訪問起來很是的不方便，只因本身目前技術有限，不能給你們帶來更好的訪問體驗。但我或未來的小夥伴努力之下，會有所改變：

DemoHouse上面的案例效果，大部分都不是我本身動手寫的，我只是互聯網上的一名搬運工，將一些本身以爲有意思的Demo搬到了這裏。在此要很是感謝他們，才讓我能收集這些Demo，也才能讓你們看到這麼多優秀的Demo:

還有不少沒有提到的我的或組織。

DemoHouse是一個開源的項目，期盼更多愛分享的同窗一塊兒加入共建，分享你的Demo、分享你的技術等等。若是你以爲DemoHouse對你的工做或學習有所幫助，請將他推薦給你身邊的朋友，讓給我點贊:

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。