Eden librairy PHP
Rédigé par François Thareau - 06 janvier 2013
La librairie Eden PHP est apparue dans une de mes news et ce fut une bonne surprise.
Classé dans : Accueil, Informatique - Mots clés : aucun -
Parole en l'air
Rédigé par François Thareau - 19 décembre 2012
Parole en l'air est une compagnie de théâtre Nantaise. Cette compagnie met en scène des spectacles pour les plus jeunes et pour adultes.
Je me suis investi dans cette compagnie en leurs proposant de les aidez à mettre à jour leur site internet. Cela me permet aussi de tester différents plugins, frameworks ou cms afin de leur fournir un outil simple et complet. Ce travail bénévole sur mon temps libre me permet aussi de trouver des outils réduisant mon temps dans ce projet, par exemple trouver un cms qui soit simple à utiliser par la compagnie et simple à mettre en place, configurer.
Classé dans : Accueil - Mots clés : aucun -
Essai Kawasaki Z1000 SX
Rédigé par François Thareau - 16 septembre 2012
Avantages :
Inconvénients :
|
Classé dans : Accueil, Moto - Mots clés : moto, kawasaki -
Balade Wind and Fire du 09/09/2012
Rédigé par François Thareau - 10 septembre 2012
Nous y étions, pour nous trouver il faut chercher la seule er6f noire et grise dans le premier groupe. Nous n'avons fait que la balade du matin car pornichet c'est déjà de la route... Sympa pour les yeux cette balade et pour la bonne cause. Par contre pensez à prendre vos précautions avant de venir, les harley sont légèrement bruillantes.
Photos de Nadine :
![]() |
| WindAndFirte |
Classé dans : Accueil, Moto - Mots clés : aucun -
Accordéon CSS+HTML uniquement
Rédigé par François Thareau - 29 août 2012
Lors d'un parcourt des dernière création CSS3 je suis tombé sur un accordéon CSS3. J'ai essayé de le refaire simplement à ma sauce. Il sera facilement personnalisable si vous avez des notions CSS. Fonctionne sur chrome, il faut rajouter des -moz- pour firefox ...
ul,li{
list-style: none;
margin-left : 0;
padding-left: 0;
}
a:hover, a:active,
a:focus {
transition-property : background ;
transition-duration : 2s;
-webkit-transition-property : background ;
-webkit-transition-duration : 2s;
background: #36565e;
}
ul li a {
display: block;
font-size: 14px;
font-weight: normal;
color:#FFF;
text-decoration:none;
margin:0;
padding: 5px ;
background:#9abac2;
}
a>h2{
margin: 0;
padding: 0;
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
div {
display : none;
}
a:focus + div{
-webkit-animation: fadeIn 1s;
display : block;
}
<ul> <li> <a name="img1" href="#img1" tabindex="1"><h2> Titre img 1</h2></a> <div> <img src="GSX750.jpg" height="130" /> <p> bla bla </p> </div> </li> <li> <a name="img2" href="#img2" tabindex="2"><h2> Titre img 2</h2></a> <div> <img src="GSX750.jpg" height="130" /> <p>bla bla</p> </div> </li> <li> <a name="img3" href="#img3" tabindex="3"><h2> Titre img 3</h2></a> <div> <img src="GSX750.jpg" height="130" /> <p>bla bla</p> </div> </li> </ul>
Classé dans : Accueil, Informatique - Mots clés : CSS3, HTML -




