lespetitspois.fr > Informatique > Codage/programmation > CSS > Page 3

CSS

Arts littéraires, Codage/programmation, CSS, Histoires de traduction, Informatique, Logiciels et applications, OVH manager

La minification des assets

3 octobre 2016 sonsrouges Laisser un commentaire

Ah ! Le jargon informatique, c’est un bonheur !!

Aujourd’hui, sur la console ovh manger pour ne pas la nommer: un petit bouton à l’air totalement insignifiant et pourtant super important sur lequel il est indiqué, après une icône totalement inappropriée: “re-minifier les assets”:

Et évidemment, si tu cherches sur Internet (je vous ai pris Google pour éviter les polémiques), tu ne trouves rien :

A croire que c’est tellement évident comme texte, que personne ne s’est encore jamais demandé ou ce que cela veux dire, ou ce à quoi ça sert ! …continuer la lecture de La minification des assets →

Codage/programmation, CSS, Informatique

Les sélecteurs d’attribut en css

25 septembre 2016 sonsrouges Laisser un commentaire

[title~="enfant"] 
/*toutes les images dont les titres contiennent le mot "enfant" auront des bordures rouges*/{
 border: 5px solid red;
 padding:10px;
 margin:10px;
 }

[title~="vichy"] 
/*toutes les images dont les titres contiennent le mot "vichy" auront des bordures vertes*/{
 border: 5px solid green;
 padding:10px;
 margin:10px;
 }

[title$="02"]
/*toutes les images dont les titres finissent par "02" auront des coins arrondis*/{
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 padding: 5px;
 background: -moz-linear-gradient(center top, #999999 0%,#ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, #ffffff));
 }

[alt^="p"]
/*toutes les images dont les textes alternatifs commencent par la lettre "p" auront auront un ombré*/{
 box-shadow: 8px 8px 0px #aaa;
 }
 [alt*="ro"]
/*toutes les images dont les textes alternatifs contiennent les lettres "ro" auront auront une opacité moindre*/{
 opacity: 0.5;
 }

alt:pois marrons fond rose title: Motif enfant 01

alt: pois multicolore fond blanc / title: Motif enfant 02

pois jaunes, bleus, rouges fond beige — alt: pois multicolore fond beige /title: Motif enfant 03

alt: pois bleus fond blanc
title: Motif enfant 04

alt: Carreaux roses
title: Motif vichy 01

alt: Carreaux jaunes
title: Motif vichy 02

carreaux bleus — alt: Carreaux bleus
title: Motif vichy 03

alt: Carreaux rouges
title:Motif vichy 04

Codage/programmation, CSS, Informatique

La balise input type=”file”

31 août 2016 sonsrouges Laisser un commentaire

Il est inutile de passer du temps à essayer de relooker en css les boutons d’upload des formulaires html, de même qu’il est inutile de chercher comment modifier les textes qui les accompagnent: le look et les textes dépendent entièrement du navigateur à partir duquel ils son lus.

Firefox en Français
Firefox en Anglais
Chrome
IE

…continuer la lecture de La balise input type=”file” →

Codage/programmation, CSS, Informatique

La transparence en css

12 juillet 2016 sonsrouges Laisser un commentaire

A savoir:

La transparence avec "opacity"

Si on applique la propriété css "opacity" pour jouer sur la transparence d'un élément, les éléments enfants de ce dernier seront également touchés par la transparence:

background-color: #F77600;
opacity: 1
l'opacité est nulle, le texte est bien visible

background-color: #F77600;
opacity: 0.6
le texte paraît gris, en réalité il est toujours noir mais avec de la transparence

background-color: #F77600;
opacity: 0.3
et ainsi de suite

background-color: #F77600;
opacity: 0.1
jusqu'à ne plus rien y voir

...continuer la lecture de La transparence en css →