• A la une
  • Catégories
  • Dossiers
  • +

Inspiration pour les intégrateurs #82 : Des feuilles de style aléatoires

par Benjamin SANCHEZle 22/12/2016

Aujourd'hui les inspirations pour intégrateurs vous proposent un focus sur un point vraiment très peu connu et utilisé : l'aléatoire dans le CSS.

La phrase précédente a peut-être fait bondir certains d'entre vous. En effet, le CSS est un simple langage descriptif et ne possède pas d'aléatoire. C'est vrai, mais avec l'abondance de pre/post processeur, ce n'est plus vraiment un problème !
Le SCSS par exemple, possède une fonction random() qui vous permettra d'introduire une dose d'inattendu dans votre CSS final.

Le seul problème avec cette solution est que les dés sont jetés lors de la compilation de votre CSS, et ne change évidemment plus par la suite. Pour contourner cela, je vois au moins deux solutions aux résultats très différents.

Tout d'abord, il serait possible de recompiler votre CSS tous les jours avec un script serveur. De cette manière, de petites modifications pourraient apparaitre et égayer votre site. Évidemment, cette solution demande de limiter le cache navigateur à 24h si nous voulons que nos visiteurs voient les changements.

L'autre solution est de compiler le CSS à chaque appel, et de lui régler une assez longue période de cache. De cette manière, vos visiteurs auront tous une version différente de votre CSS.

Le but de tout cela ? Je ne sais pas ! Je ne vois absolument aucun intérêt à cette technique, a part sa valeur d'expérience. J'espère tout de même qu'elle vous servira à booster votre inspiration, et dans le cas contraire vous retrouverez des créations originales et diverses dans la liste.

De l'aléatoire dans votre CSS

 

 

 

 

 

 

 

 

 

 

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir