Des templates de pages web html5-css3

Rédigé par Fred - - Aucun commentaire

À chaque fois que je vois passer ce genre de lien avec des bons commentaires, je le note dans un coin. Ça me fait toujours penser à http://www.csszengarden.com/ — une même page html, juste le css qui change. Comme je suis arrivé à 10, je partage. Si vous connaissez d’autres liens, n’hésitez pas.

Lire la suite de Des templates de pages web html5-css3

Lorem Ipsum pour les images

Rédigé par Fred - - 1 commentaire

Quand on développe un site, pour travailler la mise en page, on utilise un faux-texte, le fameux Lorem Ipsum. Mais pour les images ?

J’étais en train de jouer un peu avec les transitions en css, quand je me suis dit que ce serait bien d’avoir des images. Un coup de duckduckgo plus tard, et me voilà avec deux sites plutôt sympa pour générer des images :

  • http://lorempixel.com/ propose plusieurs catégories d’images — issues de flickr en CC BY-SA — que l’on peut paramétrer selon la taille, la catégorie, couleur ou N&B, et l’ajout de texte :
<img src="http://lorempixel.com/g/400/200/nature/3/Mon texte" />

affichera la 3e image de la catégorie nature en 400×200 noir et blanc (le g) avec le texte « Mon texte » :

<img src="http://lorempixel.com/400/200/" />

affichera une image de 400×200 en couleur de n’importe quelle catégorie :

  • le second, http://dummyimage.com/, propose des images plus simples, et qui correspondent mieux à des besoins de tests d’agencement : du texte sur un fond uni. On peut là aussi régler plusieurs choses : la taille, la couleur du texte et du fond, le format de l’image… Certaines tailles sont prédéfinies : fullbanner, button1, svga, ntsc, etc.
<img src="http://dummyimage.com/300" />

affichera l’image :

Le texte par défaut, c’est la taille de l’image.

<img src="http://dummyimage.com/rectangle/bd954f/ffffff.png&text=Mon+texte" />

affichera l’image au format png de 180×150 :

Il y en a bien entendu plein d’autres, mais ceux-ci me conviennent parfaitement.

HTML6

Rédigé par Fred - - Aucun commentaire

Voilà une info qui m’avait jusqu’à présent échappé : HTML6 (et CSS4) sont en route ! (Heureusement que d’autres personnes font de la meilleure veille que moi…). Quelques liens pour commencer :

(Merci P.B.)
Fil RSS des articles de ce mot clé