DemoHouse

这篇文章不是纯引见手艺的文章,但实在内里的内容是有关于前端手艺的。

DemoHouse是什么

也许会问DemoHouse是什么?实在它就是一个个人开源的项目,而这个项目内里的内容又不是本身写的,是网络过来的。在Github上,我用本身糟糕的英文对DemoHouse是如许形貌的:

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

简朴点说:DemoHouse就是网络了许多前端案例。比方JavaScript、CSS3、SVG、Canvas和Web动画等。

《DemoHouse》

DemoHouse能够做什么

那末为何要整DemoHouse呢?

这重要多是出于本身对前端的兴趣爱好吧。我是属于喜好网络种种有意思的、有吸收的Demo。网络它们重要出于:

  • 给本身增涨见地

  • 给本身做演习

  • 给创意供应贮备

实在除了这些,还能够把它给有须要的同砚。比方有同砚找我要一种动效的结果,我能通知他在哪能够找到;比方有同砚找我要进修案例,我能通知他在哪能够有案例参考,等等。

出于这些,花了两年多时候网络了形形色色的前端案例,有纯UI的,有Web皮肤的,有动效的。为了这些资本能更好的给有须要的同砚,我在Github上创建了一个堆栈DemoHouse

怎样运用DemoHouse

假如你看到了这里,也许你更想晓得的,我怎样运用DemoHouse。

实在很简朴,如今接见DemoHouse有三种体式格局,最简朴的体式格局,就是在浏览器地点中直接输入DemoHouse的首页地点:https://airen.github.io/DemoHouse/。除此以外,另有别的两种体式格局。

喜好W3cplus的同砚,也许发明了,主导导航上新增添了一个案例菜单项,那末点击这个菜单项,也能够直接进入DemoHouse首页:

《DemoHouse》

另有一种体式格局,那就是翻开DemoHouse在Github上对应的堆栈地点:https://github.com/airen/DemoHouse,然后点击首页地点,也能够接见。

《DemoHouse》

假如你愿望看到对应的Demo结果,那末根据前面的体式格局,进入到DemoHouse首面,能够看到Demo的清单,点击清单,能够看到对应的Demo结果:

《DemoHouse》

看到好的结果,想到示例的源码,也能够轻松获得,你能够直接经由过程GitHub的Fork功用,把项目Fork到你的名下,你也能够直接经由过程:

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

或许

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

把全部项目克隆到你的当地。固然除了运用git敕令克隆项目以外,还能够直接点击下载全部项目:

《DemoHouse》

假如你对DemoHouse也异常感兴趣,以为对你有所协助,你能够在首页给DemoHouse点个赞:

《DemoHouse》

假如你发明DemoHouse中有毛病,能够点击这里给我们提ISSUE。固然也能够在像下图一样在GitHub上操纵:

《DemoHouse》

固然,假如你手上有优异的Demo,更愿望你能DemoHouse提PR,让其他同砚分享你的效果,固然,你也能够直接把你的Demo发到我的邮箱:w3cplus@hotmail.com

DemoHouse未来会做什么

DemoHouse如今接见起来异常的不方便,只因本身现在手艺有限,不能给人人带来更好的接见体验。但我或未来的小伙伴勤奋之下,会有所转变:

  • 增添分类

  • 增添过滤

  • 增添分页

  • 增添信息

  • 增添DEMO

最应谢谢的人

DemoHouse上面的案例结果,大部分都不是我本身动手写的,我只是互联网上的一位搬运工,将一些本身以为有意思的Demo搬到了这里。在此要异常谢谢他们,才让我能网络这些Demo,也才能让人人看到这么多优异的Demo:

另有许多没有提到的个人或构造。

欢迎您的到场

DemoHouse是一个开源的项目,期盼更多爱分享的同砚一同到场共建,分享你的Demo、分享你的手艺等等。假如你以为DemoHouse对你的事情或进修有所协助,请将他引荐给你身旁的朋侪,让给我点赞:

    原文作者:大漠
    原文地址: https://segmentfault.com/a/1190000007207453
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞