Page 1 sur 2
Mon design façon Material
Publié : 06 juil. 2018, 13:48
par jared
Bonjour,
je suis nouveau dans jeedom j'ai découvert il y a quelques semaines.
Comme beaucoup je pense j'étais un peu déçu par l'app mobile et j'ai essayé de faire un design pour mon smartphone.
Je n'ai pas encore fini et c'est encore un peu brouillon mais si ça peut donner des idées je partage une petite vidéo:
https://youtu.be/2HFF4hP_Zq0
Ce n'est qu'un début mais pour l'instant ça fonctionne plutot très bien (j'utilise une unique design).
Re: Mon design façon Material
Publié : 06 juil. 2018, 13:59
par coke
salut, ça a l'ai sympa, je sais pas si c'est la video mais ça a l'air rapide et réactif
j'aimerai bien tester surtout pour remplacer mes imperihome
si tu a un truc qui ce test je veut bien essayer
Re: Mon design façon Material
Publié : 06 juil. 2018, 14:40
par Ikari
Bravo, très sobre comme interface, j'aime beaucoup.
Effectivement si tu trouves le temps pour un petit tuto ou les ressources utilisées, je suis preneur.
Re: Mon design façon Material
Publié : 06 juil. 2018, 16:21
par Nibb31
Joli ! J'ai fait un truc assez similaire, mais là c'est très classe.
(Par contre, ça s'écrit "Accueil", sinon ça pique les yeux !)
Re: Mon design façon Material
Publié : 06 juil. 2018, 17:27
par extrapitou
Je croyais qu'on ne pouvait pas demarrer l'app directement sur un plan ou un design, la ca m'intéresse !
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Re: Mon design façon Material
Publié : 07 juil. 2018, 07:48
par Nibb31
extrapitou a écrit : ↑06 juil. 2018, 17:27
Je croyais qu'on ne pouvait pas demarrer l'app directement sur un plan ou un design, la ca m'intéresse !
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Pas l'appli. C'est Chrome. Si tu crées une raccourci sur la page d'accueil, ça démarre une page web en mode plein écran (sur Android).
Re: Mon design façon Material
Publié : 07 juil. 2018, 08:53
par extrapitou
Ah ok comme il a pris l'icone jeedom pour son raccourci j'ai cru que c'était l'app mobile
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Re: Mon design façon Material
Publié : 07 juil. 2018, 10:19
par fwehrle
Salut,
Très chouette.
Comme le changement de design met une plombe sur ma vieille tablette murale, j'ai fait un design tout en largeur, et sur lequel je Scroll de droite à gauche.
Tu as fais pareil pour que ce soit aussi réactif? Si oui, je veux bien l'astuce pour le déplacement via des boutons.
Envoyé de mon Nexus 6P en utilisant Tapatalk
Re: Mon design façon Material
Publié : 07 juil. 2018, 10:39
par extrapitou
Et surtout l'animation de "rebond" on veux tout savoir
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Re: Mon design façon Material
Publié : 08 juil. 2018, 08:38
par jared
Merci pour vos remarques !
Je vais essayer de partager mes fichiers, mais il vous faudra un minimum de connaissance en HTML-CSS-JS...
Je déménage dans une semaine donc je sais pas trop quand je pourrais faire ça!
Merci Nibb31 pour la faute
Pour la navigation de gauche à droite j'utilise le framework Flickity :
https://flickity.metafizzy.co/
Si vous avez d'autres remarques n'hésitez pas je suis preneur !
Re: Mon design façon Material
Publié : 08 juil. 2018, 09:07
par extrapitou
Ah bon ben c'est mort pour moi
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Re: Mon design façon Material
Publié : 14 juil. 2018, 15:22
par sjauquet
WAW, ça en jette !!!
très intéressé de tester ça !!
Re: Mon design façon Material
Publié : 17 juil. 2018, 14:36
par stban1983
top!
où est ce que tu as trouvé le slider pour les couleurs de tes ampoules ? Il a l'air pas mal!
Re: Mon design façon Material
Publié : 17 juil. 2018, 15:06
par DuplO
Super boulot !
Je suis intéressé aussi
Re: Mon design façon Material
Publié : 31 juil. 2018, 20:21
par geo___
+1
surtout la façon d'intégrer un équipement en html/css/js
Re: Mon design façon Material
Publié : 01 août 2018, 11:33
par cedriclocqueneux
Très joli, intéressé aussi par les ressources et savoir un peu comment tu as fait
Re: Mon design façon Material
Publié : 15 août 2018, 09:37
par fwehrle
En voyant ton boulot et les gens intéressés, il me vient une idée : il serait pratique de pouvoir exporter et partager un design comme on le fait avec les widgets... Loïc, si tu nous lit.
Re: Mon design façon Material
Publié : 01 oct. 2018, 04:31
par Kpris
Super propre ton design
J'ai regardé pour implémenter le framework Flickity (très simple d’ailleurs) mais je galère avec mes équipements...
comment tu fait pour rattaché un équipement à une div du carousel? j'ai bien le mouvement de mes différentes div mais l'équipement reste
statique. Si tu as 5 minutes pour nous filer l'astuce
N'hésite pas à poster une nouvelle vide si tu a pu avancer sur ton design !
Merci par avance
Re: Mon design façon Material
Publié : 09 oct. 2018, 12:01
par jared
Encore merci pour vos commentaires et désolé pour le manque de réactivité, j'ai donc déménagé et n'ai pas eu trop le temps de me pancher la dessus.
Je n'utilise pas les widget tout fait mais avec cette méthode je les refais un par un, ce qui demande un peu de travail...
Re: Mon design façon Material
Publié : 09 oct. 2018, 12:39
par jared
Voici mes fichiers, à adapter bien sur en fonction de vos besoin.
Mon code est fait un peu à l'arrache et il y a surement des erreurs, bout de code superflus...
Si vous testez, n'hésitez à me faire des commentaires ou poser des questions.
PS : le principal fichier à éditer est js/smartphone.js