JF – Page 2 – Test dev

Publié le 19 octobre 202219 octobre 2022 par JF — Laisser un commentaire

Naviguons contre le diabète participe à la Route du Rhum

e-loou naviguonscontrelediabete routedurhum

E-loou partenaire du voilier Naviguons contre le diabète est heureux de vous informer qu’Anatole Facon sera au départ de la Route du Rhum 2022, destination Guadeloupe.

Publié le 19 octobre 202219 octobre 2022 par JF — Laisser un commentaire

Paris Photo – Foire internationale de photographie contemporaine

Paris Photo, première foire internationale dédiée au médium photographique, se tient chaque année au coeur de Paris. Depuis 1997, la foire œuvre au développement et au soutien de la création photographique en promouvant le travail des galeristes, des éditeurs et des artistes.

Paris Photo rassemble près de 200 exposants venus du monde entier, offrant ainsi aux collectionneurs et amateurs d’art un panorama complet de la photographie. Galeries émergentes et confirmées exposent des œuvres historiques et contemporaines, allant des chefs d’œuvres modernes aux jeunes talents. Éditeurs spécialisés ainsi que marchands de livres d’art présentent des éditions rares et limitées, des lancements de livres ainsi que de nombreuses signatures avec les plus grands artistes contemporains.

Ne manquez pas l’édition 2022 de la foire internationale de photographie contemporaine à Paris !

E-loou, prestataire du salon Paris Photo.

Publié le 18 octobre 202219 octobre 2022 par JF — Laisser un commentaire

Autodesk Leica

Regarder le Replay de la table ronde sur le BIM organisé par AUTODESK et Leica
«Etat des lieux, enjeux et défis de la maquette numérique»

Le 13 octobre à 14h00.

AU PROGRAMME DE CETTE TABLE RONDE

Retours d’expériences avec différents acteurs équipés de scanners laser 3D Leica Geosystems et utilisateurs de la suite logicielle Autodesk.

Pourquoi adopter un processus BIM aujourd’hui ?
Quels sont les bénéfices attendus ?
Comment se doter d’un nouveau workflow et travail collaboratif ?
Quels sont les défis de demain à relever ?

Publié le 8 septembre 20229 septembre 2022 par JF — Laisser un commentaire

Batimat Idéobain Interclima

Batimat est le salon multi-spécialiste et international de l’industrie et des métiers du bâtiment. Tous les décideurs et les professionnels de la mise en œuvre s’y rencontrent pour choisir les solutions innovantes qui construisent les bâtiments d’aujourd’hui et de demain.

Retrouvez en un même lieu les salons Batimat le salon international de la constrution; Interclima le salon pour les professionnels du génie climatique et Idéobain le salon de la salle de bains et de l’intérieur à vivre : une opportunité unique pour découvrir les innovations du bâtiment, du second-œuvre technique et de la salle de bains, rencontrer ses fournisseurs actuels ou futurs, participer à des démonstrations et s’informer/ se former aux nouvelles techniques, les évolutions technologiques et réglementaires du marché.

Ne manquez pas l’édition 2022 des salons BATIMAT IDEOBAIN et INTERCLIMA !

E-loou, partenaire depuis 20 ans du Mondial du Bâtiment, vous invite à cette nouvelle édition.
Si vous souhaitez nous y rencontrer, envoyer-nous une demande via notre formulaire de contact.

Publié le 19 juillet 202219 juillet 2022 par JF — Laisser un commentaire

SISP-GEARBOXES

SISP-GEARBOXES est une entreprise familiale fondée en 1964. Spécialiste de la transmission mécanique, l’entreprise conçoit et fabrique des boîtiers pour divers secteurs d’activités tels que l’agricole, l’industrie, l’agroalimentaire, le ferroviaire, le TP, …

La totalité de ses produits est réalisé sur son site en Eure-et-Loir. Avec une politique d’investissement active et constante, SISP-GEARBOXES possède des moyens de production à la pointe de la technologie. Son unité de production de 4500 m² emploie 35 personnes et dispose aujourd’hui de plus de 30 machines à commande numérique.

Lancement de la version allemande du site sisp-gearboxes.eu

Publié le 1 juillet 20221 juillet 2022 par JF — Laisser un commentaire

Agécic

L’AGECIC est un organisme de formation professionnelle continue créé en 2005, agréé QUALIOPI.

L’AGÉCIC est spécialisé dans la formation des salariés et gérants du secteur du bâtiment et des énergies.

L’association intervient dans le domaine des EnR (énergies renouvelables), des installations de combustion et de l’efficacité énergétique.

Lancement du nouveau site agecic.fr, refonte du site sous Prestashop et développement de modules spécifiques.

Publié le 21 juin 202221 juin 2022 par JF — Laisser un commentaire

Heating & Power

Heanting&Power propose un ensemble complet de solutions « clé en main d’échappement et traitement de fumées » qui répondent parfaitement aux besoins de votre projet.

Grâce à leur savoir-faire et leur expérience, Heanting&Power sont à votre disposition pour vous conseiller pour la construction de votre projet ainsi que son évolution dans le temps.

Lancement du nouveau site Heating&Power, refonte du site sous wordpress et mise en ligne de la version anglaise.

Publié le 1 avril 20221 juillet 2022 par JF — Laisser un commentaire

Naviguons contre le diabète

Le diabète est une maladie, oui. Certes, pour le moment, on n’en guérit pas. Mais, il existe des moyens de mieux vivre avec. L’activité physique en est un.

En participant à des régates, l’association Naviguons contre le diabète reverse à deux associations de patients, Espace diabète 28 et Drôles de Did une somme en euro par mille nautique parcouru.

Lancement du nouveau site naviguonscontrelediabete.fr.
Charte graphique et création du site sous WordPress.

Publié le 19 janvier 202230 mars 2022 par JF — Laisser un commentaire

La Maison du carnet

La Maison du Carnet rend hommage à l’exception française à travers des carnets luxueux. Inspirés des plus prestigieux monuments de la Ville Lumière, ils sont soigneusement designés. Le soin apporté à ces carnets de poche est palpable : dorure à chaud, couture singer, gaufrage, papier de création… Aucune concession sur l’élégance n’a été admise pour ces carnets de fabrication française. Imaginés et conçus par Imprimerie de Paris, ils sont le fruit du savoir-faire d’un imprimeur et façonnier spécialisé dans le haut de gamme et de la fantaisie subtile d’une équipe foisonnante d’idées.

La Maison du Carnet nous a confié la refonte de leur site internet ainsi que la prise en charge de toutes les photos du site afin de mettre en valeur les impressions réalisées sur leurs carnets.

Un énorme travail de prise de photos et de retouche d’image numérique a été effectué pour notre client.

Publié le 12 janvier 202212 janvier 2022 par JF — Laisser un commentaire

Slider uniquement en CSS

Le slider est un élément html très souvent utilisé afin de mettre en valeur des actualités ou des annonces.

Si vous utilisez un CMS il existe un bon nombre de plugin vous permettant de mettre en place un slider, mais la plupart des plugins se servent de la technologie javascript afin d’animer le slider.

Pourquoi un slider en css ?

Lorsque l’on pense à l’optimisation de son site en terme de vitesse d’affichage, il est très souvent recommandé d’éviter au maximum les scripts javascript qui prennent du temps à se charger et à s’exécuter, selon le système d’exploitation, le navigateur, l’ordinateur ou le téléphone utilisés.

C’est pourquoi, un simple slider faisant appelle à du code CSS peut être utile, deplus il est très facile à mettre en œuvre.

Slider

Tout d’abord, on créée une DIV qui contiendra notre slider.

<div class="slider">
</div>

Côté CSS, on fixe la taille de la DIV, on la centre, on lui applique une couleur de fond et on cache tout ce qui pourrait s’afficher à l’extérieur.

.slider
{ width: 1000px;  /*longueur*/
  margin: 0 auto; /*centrage*/
  background: #ccc; /*fond de couleur*/
  overflow: hidden; /*cache*/
}

Ensuite, il suffit de créer une seconde DIV avec le contenu que nous allons animer en CSS.

<div class="slider">
  <div class="slider-content">
    <img src="https://e-loou.com/blog/wp-content/uploads/2021/12/logo_e-loou.svg" class="logo">
  </div>
</div>

Un peu de CSS pour cette DIV

.slider-content
{ position:relative; /*affichage en fonction de son conteneur*/
  left:1000px;  /*position d'affichage de départ*/
  animation: 4s slidezoom infinite; /*animation*/
}
.logo {width: 100px;} /*taille pour le SVG*/

La règle animation se décompose comme suit : durée, nom de l’animation, boucle.
vous pourriez l’écrire ainsi

animation-duration: 4s;
animation-name: slidezoom;
animation-iteration-count: infinite;

Dans cet exemple, nous utiliserons 2 types d’animations possibles en CSS : slide et zoom (scale)
il en existe pleins d’autres qui vous permettront d’enrichir l’aspect visuel de vos slider.

Animation Slide

Pour appliquer un effet de slider à la DIV, il suffit de lui appliquer une position de départ et une position de fin, grâce à la règle @keyframes

@keyframes slidezoom {
  0% {left: 1000px;} /*position début*/
  100% {left: -100px;} /*position fin*/
}

Le SVG faisant 100px de largeur, il faut enlever cette taille à la position de fin afin de voir l’image disparaitre. N’hésitez pas à changer les valeurs de positions.

Animation Zoom, règle scale()

Pour faire un zoom, sur l’image, dans cet example un zoom in, vous pouvez utiliser la règle scale(longueur,hauteur)

@keyframes slidezoom {
  0% {left: 1000px; transform: scale(1, 1);}
  50% {transform: scale(0.5, 0)}
  100% {left: -100px; transform: scale(1, 1.5)}
}

Code complet

<div class="slider">
  <div class="slider-content">
    <img src="https://e-loou.com/blog/wp-content/uploads/2021/12/logo_e-loou.svg">
  </div>
</div>

*{margin: 0;}

.slider
{width: 1000px; overflow: hidden; margin:0 auto; background:#ccc;}

.slider-content
{position:relative; left:1000px; animation: 4s slidezoom infinite;}

.logo {width: 100px;}

@keyframes slidezoom {
  0% {left: 1000px; transform: scale(1, 1);}
  50% {transform: scale(0.5, 0)}
  100% {left: -100px; transform: scale(1, 1.5)}
}

Auteur/autrice : JF