Quel intégrateur CSS n’a jamais rêvé d’intégrer son design en retouchant au minimum le code HTML de ses templates Joomla, WordPress ou encore bien d’autres, et en intégrant un minimum d’images ? C’est déjà possible avec les principaux et nouveaux navigateurs. Seulement les anciennes versions de Internet Explorer ne prennent pas en compte la fameuse règle « border-radius ». Et comme tout professionnel du web, votre site doit s’afficher avec les navigateurs qui sont actuellement utilisés ! Alors comment fait-on ? Si vous êtes en train de lire ce billet c’est que vous vous posez cette question !
J’ai découverts CSS3Pie il y a quelques temps et j’ai eu l’occasion de l’utiliser pour 3 sites. C’est en fait un script écrit en Javascript qui permet de gérer uniquement avec quelques lignes de CSS les bords et arrondis d’un bloc, d’une DIV ou de quelconque autre balise HTML. CSS3Pie permet également de gérer des dégradés à l’intérieur des blocs et des ombres tout autour de celui-ci. Il y a avantage à utiliser CSS3Pie : tout est géré par CSS et Javascript . On limite alors le téléchargement d’images et on allège le poids général de la page (de pas beaucoup certe, mais en combinant plusieurs de ces astuces, ca fera boule de neige) . L’intégrateur gagne également du temps en cas de mise à jour de design et il n’a plus besoin de redécouper la maquette Photoshop, envoyer l’image sur le FTP et mettre à jour sa règle CSS. Une simple mise à jour de la règle CSS suffira ! L’autre avantage c’est que CSS3Pie est compatible avec la plupart des navigateurs tels que Internet Explorer 6,7, 8, 9, Firefox, Google Chrome, Opera, et Safari : ce sont les principaux navigateurs que je teste lorsque j’intègre un design et il se peut que d’autres navigateur le gèrent. Voici donc comment utiliser CSS3Pie …






















Commentaires récents