Astuce css: avoir une DIV qui occupe 100% du viewport

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 */
}

C'est juste... Beau.

Lire la suite de Astuce css: avoir une DIV qui occupe 100% du viewport

J'adore les selecteurs css

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+"']" 
pour récupérer toutes les images qui correspondent (celles qui contiennent le filtre).

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");
        }       
    })

Lire la suite de J'adore les selecteurs css

Patrick Balkany condamné à quatre ans de prison, avec incarcération immédiate

Il a quitté la salle d'audience escorté par les forces de l'ordre et dormira ce soir en détention. Patrick Balkany a été reconnu coupable de fraude fiscale, ce vendredi, par le tribunal correctionnel de Paris, et condamné à quatre ans de prison avec incarcération immédiate. Son épouse écope de trois ans de prison, sans mandat de dépôt. Tous les deux voient leurs peines assorties de 10 années d'inéligibilité.

Allez hop, au suivant !

Comment passer d'une idée à la réalisation finale ? - YouTube

J'aime beaucoup le Labo d'Heliox: elle bosse bien, explique très clairement, propose de bonnes idées et aborde aussi les problèmes qu'elle a rencontrés. Dans cette vidéo, elle explique comment elle réfléchit lors de la conception d'un projet (ici un slider pour faire des travellings)

C'est rassurant de voir les autres galérer comme nous

Surtout que les soucis qu'elle rencontre ne peuvent être détectés qu'avec un prototype (placement des éléments par exemple.)



La bonté filmée...

A arpenter les colonnes des imgur, 9gag et autres réseaux sociaux, on tombe fatalement à un moment ou un autre sur une vidéo d'un gars qui fait preuve de générosité envers une personne défavorisée; souvent, un type donne des fringues à un SDF par exemple. Il y a peu, on avait vu un internaute utiliser les services de livraison d'amazon pour faire apporter des couvertures et des chaussettes à un homme devant un magasin.

Comme pas mal de gens et après un moment de foi restaurée, je me suis dit:

image image

La question est donc la suivante:

image

Non, parce que....

Les gens qui se filment ont clairement l'intention de se faire mousser en montrant comment qu'ils sont de bon samaritains et ça semble méprisable.

Toutefois...

image image image image image

Conclusion

image
Fil RSS des articles de ce mot clé
  • @cochise t'es con ^^ J'ai failli marcher en fait ^^