Adieu Maman ! - Shaarli de Sam Ganegie
mardi 17 septembre 2019 17:09
Je me joins aux condoléances de la river.
Bon courage pour traverser ce moment que nous redoutons tous.
On pense à toi.
► Commentaires
► Commentaires
► Commentaires
Site original : Warrior du Dimanche
Je me joins aux condoléances de la river.
Bon courage pour traverser ce moment que nous redoutons tous.
On pense à toi.
Rien à ajouter à ce que HowTommy a écrit: c'est de la propagande pure et simple.
<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
82 effets de texte (la plupart en pur css 
)
Ya des trucs de fou...
<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
Grâce à CSS3, c'est super simple, il suffit d'utiliser l'unité vh: 100vh = la hauteur du viewport (la zone visible de l'écran)
Du coup, on peut même avoir une barre de menu et d'icônes puis en-dessous une div qui occupe tout le reste du viewport en recourant à calc():
#mon_wrapper{
height: calc(100vh - 64px); /* 64px = la hauteur du menu+ celle de la barre d'icônes */
}
Sur une page HTML, j'avais besoin de filtrer en temps réel un grand nombre de photos... ben c'est vraiment simple.
Tu mets un input texte avec un onkeyup qui récupère sa valeur et tu utilises le sélecteur
"img[src*='"+filter+"']"
c'est tout.
En gros et avec mon VanillaJS:
on("keyup","#filter",function(){
filter=this.value;
if (filter){
hide("#images img");
show("#images img[src*='"+filter+"']")
}else{
show("#images img");
}
})