Archives de
Catégorie : Design

Vous retrouverez ici tous mes articles relatifs au design Jeedom, autant des thèmes complets que de simples trucs et astuces en passant par des menus, mais qui, je l’espère, vous aideront à concevoir votre propre design adapté à vos besoins et usages.

Avoir les icônes font awesome en local

Avoir les icônes font awesome en local

Cet article a pour but de faire un peu de lien avec mon précédent article sur les icônes font awesome dans jeedom en apportant une précision pour les avoir en local. Petit rappel sur les icônes font awesome Si vous avez déjà regardé mes créations / adaptations de menu, vous avez surement vu font awesome quelques part. La raison principale est que c’est une super bibliothèque d’icônes proposant 1600+ icônes gratuit plutôt design et adaptable à souhait. Je vous recommande…

Lire la suite Lire la suite

Menu Recorder pour design Jeedom

Menu Recorder pour design Jeedom

Je vous propose un menu recorder pour votre design Jeedom au style sombre mais qui s’adaptera très facile à vos thèmes et à vos différents designs. Si vous êtes intéressés par une version horizontale ou dans le style clair, n’hésitez pas à me laisser un commentaire en dessous de cet article. Menu Recorder horizontal Comme vous l’avez peut être vu en preview sur ma page facebook, voici rapidement le rendu en vidéo de ce menu. Ce menu s’adaptera automatiquement au…

Lire la suite Lire la suite

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

Un menu slider pour design Jeedom

Un menu slider pour design Jeedom

Vous trouverez aujourd’hui dans cet article un menu slider pour design Jeedom, sobre, animé et responsive. Quand il est fermé, il est discret et déplié, le bandeau apparait pour avoir une navigation facilitée. Vous trouverez ce menu en 2 versions : horizontal et vertical. Menu dans sa version horizontale Comme vous l’avez peut être vu en preview sur ma page facebook, voici rapidement le rendu en vidéo de ce menu. Je vous recommande d’afficher vos pages avec une iframe pour…

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