Lo sviluppo web è cresciuto rapidamente; ogni giorno vengono rilasciate nuove tecnologie dedicate a questo ramo della programmazione. Solitamente utilizziamo framework o modelli di altri sviluppatori ( anche se trovo più divertente crearli da zero ), oppure, in mancanza di questi, ci ispiriamo alle demo di altri siti web.
Durante la mia navigazione, mi sono imbattuto in una splendida raccolta di demo web chiamata DemoHouse , che riunisce una serie di modelli e demo che possiamo utilizzare a nostro piacimento.
demoCasa
Cos'è DemoHouse?
Si tratta di un repository GitHub, rilasciato sotto licenza MIT , che contiene una raccolta di modelli e demo web, sviluppati utilizzando JavaScript, CSS3, Canvas, SVG e animazioni web.
Trattandosi di una collezione aperta, chiunque può contribuire con le proprie demo o modelli, che verranno esaminati, valutati e pubblicati nel repository. La maggior parte delle demo proviene da GitHub , Codrops , CodyHouse e CodePen.
Possiamo vedere ciascuna delle demo nella raccolta
senza bisogno di scaricarli da qui.
Che tipo di demo otteniamo su DemoHouse?
DemoHouse è una collezione piuttosto ampia, che attualmente comprende oltre 273 demo , con temi, caratteristiche e funzionalità differenti, tra cui possiamo evidenziare le seguenti tipologie:
- Mockup animato e non animato.
- Mockup 2D e 3D.
- Portfolio in 2D e 3D.
- Menu di navigazione 2D e 3D.
- Modelli 2D e 3D.
- Schizzo in 3D.
- Pannelli in 2D e 3D.
- Visualizzatori 3D.
- Demo del sito in 2D e 3D completo.
- Demo delle app.
- Demo del gioco.
- Demo interattive.
- Lettori di libri.
- Calendari
- Testimonianze
- Forme.
- Presentazioni.
- Tabelle dei prezzi.
- Gallerie
- Animazioni
- Pagine di destinazione e pagine complete.
- Layout, Slider, plugin, Oggetti, Effetti, Rotatori, tra gli altri.
Come ottenere la collezione DemoHouse?
Per iniziare a godere di questa raccolta dobbiamo semplicemente clonare il repository ufficiale.
git clone https://github.com/airen/DemoHouse.gitVerrà creata automaticamente una directory chiamata DemoHouse, dove potrai trovare ciascuna delle demo, accedere e aprire l'indice corrispondente con i tuoi browser preferiti.
E per te qual è la demo che ti è piaciuta di più?