Archives de
Étiquette : Widget

Widget led pour commande binaire ou numérique

Widget led pour commande binaire ou numérique

Aujourd’hui je vais vous parler d’un widget led pour commande binaire ou numérique, extrêmement simpliste mais efficace et toujours utile dans un design. Ce widget est paramètrable (couleurs et taille) ainsi qu’applicable à la fois à une commande info binaire ou numérique. Je vous détaille ci-dessous les 2 versions disponibles. Version info binaire Voici les sources de cette version du widget : A noter : Cette version du widget s’applique au commande info binaire,. Vous pourrez changer la couleur (color-checked)…

Lire la suite Lire la suite

Widget Multi Icône pour votre design Jeedom

Widget Multi Icône pour votre design Jeedom

Je vous présente un widget Multi Icône pour votre design Jeedom. J’avais besoin pour un design d’avoir des boutons uniformes, mais avec des icônes différents, sans effet de changement de couleurs, sans toggle, juste des boutons. Du coup, voici un bouton simple mais pour lequel on peut passer plusieurs paramètres optionnels pour le personnaliser à souhait : taille du bouton, de la bordure, de l’icône, la couleur, et bien sur l’icône en lui même. Je pioche directement l’icône depuis la…

Lire la suite Lire la suite

Widget Batterie pour votre design Jeedom

Widget Batterie pour votre design Jeedom

Aujourd’hui nous sortons des boutons toggle pour voir un widget batterie pour votre design Jeedom v4 100% html / css, totalement animé et personnalisable. L’idée de ce widget est qu’en fonction du niveau de votre batterie, la jauge se remplit proportionnellement avec un code couleur associé : Entre 0 et 20%, clignote rouge Entre 21% et 59%, s’affiche en orange Entre 60% et 100%, s’affiche en vert. Vous pouvez voir la démonstration ci-dessous avec un slide pour jouer sur le…

Lire la suite Lire la suite

Widget Volet Roulant pour votre design Jeedom

Widget Volet Roulant pour votre design Jeedom

Après le widget batterie, on continue à se diversifier avec un widget volet roulant pour votre design Jeedom tout en Html et CSS, pas d’image, juste du code. L’idée de ce widget est qu’en fonction de l’état binaire du volet, le widget s’ouvre ou se ferme dynamiquement. Il est assez paramètrable, tant niveau couleur que taille et pourra donc se fondre dans vos designs. Je vous le propose en 2 versions : fenêtre et baie vitrée (Merci Anthony pour l’idée…

Lire la suite Lire la suite

Bouton Pulse pour votre design Jeedom

Bouton Pulse pour votre design Jeedom

Je continue encore aujourd’hui à travailler les boutons/widgets. Du coup, je vous propose un simple bouton Pulse pour votre design Jeedom 100% html et css, animé et facilement personnalisable. L’idée de ce widget est de pouvoir mettre en valeur un bouton type Alarme, Ouverture d’une porte connectée, … Voici les sources de ce widget : A noter : Ce widget s’applique au commande unique,. J’utilise toujours la police Montserrat pour mon design, si vous souhaitez utiliser la police Arial ou…

Lire la suite Lire la suite

Bouton style indus pour votre design Jeedom

Bouton style indus pour votre design Jeedom

Aujourd’hui, je vous propose un bouton style indus pour votre design Jeedom 100% html et css, animé et facilement intégrable. Il pourra très bien se fondre dans un thème industriel avec le menu Indus ou le menu bubble et les cadres sombres. Voici un aperçu de comment il fonctionne. Je vous partage donc ci-dessous les sources de ce bouton Style Indus pour votre design Jeedom. Pour ce widget, vous pourrez paramétrer la taille du widget ainsi que la couleur du…

Lire la suite Lire la suite

Bouton Halo pour votre design Jeedom

Bouton Halo pour votre design Jeedom

Aujourd’hui, je vous propose un bouton avec halo pour votre design Jeedom 100% html et css, animé et facilement intégrable. Vous trouverez ce bouton en 2 version, la première pour une commande unique de type toggle et la seconde pour 2 commandes : commande On et commande Off. Voici les sources de ce widget version toggle : A noter : Ce widget s’applique au commande unique, comparée à une commande On et une commande Off, je vous explique un peu…

Lire la suite Lire la suite

Bouton rocker pour votre design Jeedom

Bouton rocker pour votre design Jeedom

Aujourd’hui, je vous propose un bouton style rocker pour votre design Jeedom 100% html et css, animé et facilement intégrable. Il semblerait que le Market Widget est fermé un plus tôt que prévu alors je vous partage ce widget directement ici. Jeedom V4 permettant d’ajouter assez facilement le code, il vous sera toujours possible de compléter vos designs avec de jolis widgets. Je vous partage donc ci-dessous les sources de ce bouton rocker. A noter : J’utilise la police Montserrat…

Lire la suite Lire la suite