Cookie

TheJoe.it Dans le (ouvrir) Source

25Mar/114

Boutons du menu de navigation avec Sprites CSS

dito_cattelan2

Dans le tutoriel d'aujourd'hui nous reparle HTML graphiques et Intégration CSS. Dans mon article Il ya quelques mois, j'ai parlé de la technique (également largement utilisé par les Google) de Sprites CSS. Dans la pratique, consiste à insérer la majorité des images répétées plusieurs fois à l'intérieur de la page en une seule grande image, qui sera appelée plusieurs fois avec notre CSS.

Comme une question de préférence personnelle, j'ai tendance à éviter d'utiliser Gimp chaque fois que je dois créer un menu différent navigation de l'article, Je préfère créer que les origines de boutons, puis réfléchir sur les styles en utilisant CSS. De cette façon, le premier menu est mieux indexé par les moteurs de recherche, d'autre part, j'évite "déchets" le temps de me créer à chaque bouton une nouvelle image.

24Dec/102

Sprites CSS: le roulement avec une seule image en utilisant le CSS

contattaci_shoot

Parlons CSS. Aujourd'hui, nous voyons une technique a toujours été recommandée pour alléger pages et des temps de chargement plus rapides (pas pour rien a pendant des années été utilisé sur la page d'accueil Google).

En bref, il consiste à inclure la plupart des éléments de la navigation de la page à l'intérieur un fichier image unique, puis rappeler plusieurs fois combien cela va inciter la page évitant ainsi télécharger des images multiples différent.