Archives de
Étiquette : Design

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

Un design 3D dans Jeedom

Un design 3D dans Jeedom

Je souhaite aujourd’hui vous parler d’un outils open source, Sweet Home 3D, qui permet de réaliser son habitation en 3D. et si je vous parle de ce logiciel, vous vous imaginez bien qu’il y a un lien avec Jeedom. Il permet d’avoir une représentation 3D de chez vous, intégrable dans votre design Jeedom, pour y apposer vos équipements, informations, … On parle ici de Design 3D dans Jeedom. Construire son plan Voici en quelques captures d’écran comment créer son plan,…

Lire la suite Lire la suite

3 cadres pour votre design Jeedom

3 cadres pour votre design Jeedom

Vous vous souvenez du menu « bubble » ? Il se trouve qu’il a connu un certain succès. Du coup, je vous propose aujourd’hui des cadres pour votre design Jeedom. L’idée est de compléter votre design en conservant ce même style dark avec des boxes qui pourront accueillir vos affichages d’équipements. (J’appelle box ce que d’autres appèleraient cadre, conteneur, ou frame, à vous de choisir :)) Petite démo des 3 cadres pour design Jeedom Vous trouverez plus les sources de 3 styles…

Lire la suite Lire la suite

Améliorer son design Jeedom avec un menu bubble

Améliorer son design Jeedom avec un menu bubble

Je vous propose aujourd’hui les sources d’un menu qui a un style arrondi, animé et sobre pour compléter avec simplicité votre design jeedom. Toujours dans l’idée de maximiser l’espace de l’écran pour l’affichage des équipements, ce menu se dépliera au click et permettra d’avoir un accès très rapide à n’importe quelle page de votre design. Un menu arrondi et animé Comme vous l’avez peut être vu en preview sur ma page facebook, voici rapidement le rendu en vidéo. Comme dans…

Lire la suite Lire la suite

Améliorer son design Jeedom avec un menu full screen

Améliorer son design Jeedom avec un menu full screen

Aujourd’hui, je vous propose en téléchargement un menu full screen pour votre design Jeedom. Je voulais trouver un moyen de conserver un maximum d’espace de l’écran dédié à l’affichage du design, des informations et des équipements. Un menu plein écran L’idée est donc d’avoir un menu totalement caché et seulement quand on clique sur l’icône, il apparait et prend tout l’écran pour une navigation facilitée. J’ai fait, pour l’exemple, 6 liens avec un icône associé à chaque fois mais on…

Lire la suite Lire la suite

2 options pour la navigation dans votre design Jeedom

2 options pour la navigation dans votre design Jeedom

Suite à plusieurs de vos messages ou commentaires ici et là, je vais vous présenter 2 options que j’ai expérimenté pour gérer menus et navigations dans votre design Jeedom : Soit vous copiez / coller chacun de vos menus sur vos pages Soit vous faites une page avec votre menu et une iframe qui affichera vos autres pages. Copier/Coller de votre menu sur chacune de vos pages C’est en effet l’option la plus simple mais la plus fastidieuse. Dans le…

Lire la suite Lire la suite

Améliorer son design Jeedom avec un style light

Améliorer son design Jeedom avec un style light

J’espère que votre confinement se passe bien, de mon côté, j’en profite pour repenser et refaire mon design Jeedom (ou en tout cas réaliser des alternatives et vous les partager par la même occasion :)). L’idée est de partir sur un style assez light dans les tons gris pour coller avec un potentiel affichage sur Google Nest Hub Max. Je vais essayer de vous partager étape par étape mes avancées. Un menu dans les tons « Light » Ce menu vertical a…

Lire la suite Lire la suite

Des icônes pour votre design Jeedom

Des icônes pour votre design Jeedom

Vous aussi vous profiter de ce confinement pour refaire, revoir ou améliorer votre design pour votre tablette murale ? Si c’est aussi votre cas, trouver des icônes pour un design Jeedom gratuits et sympas risque d’être un challenge. Dans un précédent article article, je vous parlais d’un menu au style industriel mais sans vous avoir présenter comment l’enrichir de nouveaux icônes. Ici, je vais vous partager une galerie d’icônes semi-gratuite. En gros, des icônes basiques sont gratuits, d’autres payants, mais…

Lire la suite Lire la suite

Améliorer son design Jeedom avec un menu style indus

Améliorer son design Jeedom avec un menu style indus

Jeedom est une solution domotique très puissante qui laisse la place à chacun de créer son propre design. Et autant vous dire que c’est pour moi un vrai plaisir que de revenir à mes premiers amour de développeur web. Le dashboard standard Jeedom n’est que très peu approprié quand il est casté sur votre Google nest hub ou affiché sur un écran mural. On recherchera dans ces cas là une interface plus travaillée et intuitive. Un menu simple mais efficace…

Lire la suite Lire la suite