Antichesse (o ^ω^ o)
Pour toi Lenny !
Super belle exemple du composant <table> qui utilise les CSS3 + un zeste de JS afin d'être responsive avec une présentation parfaite sur mobile et qui respecte les liseuses pour handicapés. Very very nice :D
Un article expliquant une méthode de mise en oeuvre du responsive design avec les CSS Grid. Il est clair que le couple :
- layout avec des CSS Grid.
- contenu avec des FlexBox.
va de loin simplifier la vie des designers web !
Rendre son site web accessible. Bon article
Lenny, nous parlions des FlexBox et des CSS Grid qui les complètent. Voici une page qui résume parfaitement les FlexBox.
Un tuto FlexBox / CSS Grid expliquant dans quels cas l'un où l'autre devient intéressant. On y voit clairement la différence entre un positionnement à une dimension (flexbox) et à deux dimensions (grid).
Un exemple de menu déroulant
Je recherche des thèmes pour tableaux en HTML / CSS pour le WikiLeet
L'image étant un chouilla différente du codepen, voici le lien codepen : http://codepen.io/jordyvanraaij/full/jlAqp/
Chlouchloutte, spourtoi là !
Tout un tas d'animations customisables pour ton site pro. FONCE FONCE FONCE !!! :D
Pour ceux comme Lenny qui font pas mal de GUI web en ce moment.
Tout plein d'effets en CSS pour se passer de JavaScript (inutile pour la chose depuis un moment, c'est vrai)
Faire des flèches e CSS avec des bordures
Faire des flèches avec vos div en CSS3
Tout est dans le titre
Vous avez bien lu. Je suis toujours à la recherche d'une framework CSS permettant de faire des grilles responsives facilement. J'espère que Fukol sera le bon. A tester.
Framework CSS faciles à apprendre.
Tout un tas de templates en CSS
Imaginez un framework CSS, en français et en anglais, modulaire, disposant d'un builder vous permettant de sélectionner les modules que vous souhaitez ainsi que le thème de couleurs par défaut de votre site (histoire que celui-ci soit intégré au framework et non surchargé a la mano). Imaginez le tout libre, inter-opérable et responsive. Vous avez ROCSSTI
Un tuto très sympa pour comprendre ce que fait et comment marche Modernizr. En résumé c'est une bibliothèque JavaScript qui permet de détecter si un navigateur supporte une fonctionnalité HTML5 / CSS3 ou pas.
Dans le cas de figure où la fonctionnalité n'est pas supporté, alors Modernizr crééera automatiquement une classe CSS avec le préfix "no-" pour que vous n'ayez plus qu'à la définir dans vos CSS.
Par exemple :
.no-boxshadow .box {
border: solid 2px #cc0000;
}
.boxshadow .box {
border-shadow: 3px 3px 7px #aaa;
}
Un librairie avec plein d'effet de survol (hover) en CSS