css

Acronyme pour « Cascading Style Sheets » (feuilles de style en cascade), un langage informatique utilisé la mise en page les documents HTML et XML.

Bibliothèque de hack CSS IE, Opera, Safari, Chrome et Firefox

Publié le 28 février 2013 - Developpement Web, Outils Webmasters.

Même si l’utilisation de Hack CSS n’est pas toujours la solution idéale, cela peut souvent s’avérer utile pour corriger un problème d’affichage spécifique à un navigateur. Si les problèmes du genre ont heureusement largement diminué ces dernières années avec l’arrivée de nouveaux navigateurs, Chrome en tête, les problèmes n’ont pour autant pas tous disparus. En effet, pour une raison ou pour une autre, vous serez peut-être amené à devoir corriger des bugs d’affichage d’un site, afin par exemple d’assurer une compatibilité avec d’anciens navigateurs tels que IE7. Heureusement vous nous, Hugo Giraudel et Tim Pietrusky ont eu la bonne idée […]

Templates HTML5 et menus CSS3 gratuits

Publié le 21 février 2013 - Developpement Web, Webdesign.

A la recherche de templates HTML5 pour un futur projet ? HTML5xCSS3 devrait faire l’affaire ! Vous y trouverez une liste de près de 100 templates gratuits dont la liste est fréquemment mise à jour. Dans le même style, si vous recherchez plus particulièrement des menus CSS3, le site vous propose une 50aine de menus de bonne qualité. Quelques tutoriaux vous permettent également d’apprendre comment créer divers effets et éléments CSS3, tels que infobulles, boutons, formulaires, etc. Un démo est à chaque fois disponible en plus des fichiers à télécharger. En bonus, une collection d’outils tiers est disponibles.

Framework CSS : Bootstrap

Publié le 29 juin 2012 - Webdesign.

Les frameworls CSS ont le vent en poupe, et le moins que l’on puisse dire, c’est que le gain de temps lié à leur utilisation est absolument démentiel ! Bref, aujourd’hui je vous présente rapidement  Bootstrap, le framework CSS développé par twitter pour ses besoins internes. Grâce à un tel système, finit les pertes de temps liés aux créations toujours similaires des structures CSS de vos sites web : l’outil vous propose des définitions de styles clé en main ainsi que des layouts prêts à l’emploi. Il vous suffit d’utiliser les classes prédéfinies (basées sur la fameuse grille de 12 […]

Générateur de dégradés CSS3

Publié le 3 août 2011 - Outils Webmasters.

Petit billet rapide pour vous présenter un petit outil sympathique consacré à la création de de dégradés via les propritétés CSS3 : Ultimage CSS gradient Generator. Proposé par les créateurs de l’Addon Firefox Colorzilla,  cet outil vous permet de créer des styles dégradés CSS3 en toute simplicité : Entrez vos couleurs, Définissez un sens pour le dégradé, Choisissez les arrêts , Ajustez la teinte/saturation, Validez, Cet outil fonctionne comme celui disponible sous Photoshop, à la différence que le résultat est une feuille de style prête à l’emploi. Notons également qu’une prévisualisation est disponible vous permettant d’afficher le résultat de votre […]

Comment créer rapidement la feuille de style CSS d’une Sprite ?

Publié le 17 février 2011 - Outils Webmasters, Webdesign.

Le réponse : SpriteBox, un outil pouvant s’avérer bien pratique pour créer rapidement des CSS Sprites. L’idée : vous fabriquez votre Sprite sous Photoshop ou autre logiciel de retouche d’image, et cet outil vous permet de créer la CSS qui va avec en ligne. En clair : Chargez votre image sur SpriteBox via votre ordinateur ou une URL afin de la rendre disponible à l’édition, Créez une zone selon vos besoins (vous pouvez zoomer pour plus de précision), donnez-y un nom, définissez des propriétés annexes, puis créez la class ou l’ID CSS, Répétez l’opération autant de fois que nécessaire, puis […]

Comment utiliser de nouvelles polices de caractère sur votre site ?

Publié le 20 novembre 2010 - Webdesign.

S’il est bien un thème qui revenait sans cesse concernant les polices de caractères et la création de site, c’est la difficulté de présenter son contenu texte en se passant des polices standards, reconnues par tous les navigateurs. Jusqu’à il n’y a pas si longtemps, la technique courante consistait à utiliser des images pour afficher une police différente compatible pour tous les visiteurs. Outre le fait que cela alourdissait le temps de chargement des pages, c’était aussi un frein conséquent au référencement : à part utiliser la balise alt, on ne pouvait grosso-modo pas faire grand chose de plus. Aujourd’hui […]

HTML/CSS : Rendre facilement son site compatible sous IE5.5,IE6,IE7

Publié le 28 juin 2010 - Webdesign.

Dans la série des outils destinés à rendre votre site compatible sous IE6 (et accessoirement 5.5), voici l’excellente librairie Javascript IE7. Cette dernière permet à Microsoft Internet Explorer de se comporter comme un navigateur respectant les standards. IE7 corrige de nombreux problèmes HTML CSS et rend le travail PNG transparent correctement sous IE5 et IE6. Cerise sur le gâteau : l’implémentation est très facile. Par exemple, pour que votre site se comporte sous IE5.5 et IE6 comme sous IE7, ajoutez simplement cette ligne dans votre <head> : &lt;!–[if lt IE 7]&gt; &lt;script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"&gt;&lt;/script&gt; &lt;![endif]–&gt; Il est possible d’ainsi upgrader le […]

Bugs CSS IE6 : rendre compabible sa feuille de style à l’aide d’IE6 Fixer

Publié le 22 janvier 2010 - Outils Webmasters, Webdesign.

Dans la série « j’ai besoin de débugger mon site sous IE6″, voici une ressource très intéressante destinée à réduire le temps passé à la création d’une feuille de Style CSS spécifiquement destinée à IE6 : IE6 Fixer. Cet outil gratuit applique une série de corrections basiques sur les propriétés connues pour engendrer des problèmes de compatibilité avec IE6. Avec près de 60% des erreurs traditionnelles débuggées en un clic, il s’agit sans aucun doute d’un très bon point de départ pour commencer un travail de débuggage de site sous d’IE6. L’utilisation d’IE6 Fixer est très simple : Paramétrez 2/3 options […]

Générateur de Menus CSS

Publié le 3 novembre 2009 - Webdesign.

Dans la lignée du célèbre CCS Play ou de Free CSS, voici CSS Menu Maker, un site complémentaire vous permettant d’obtenir clé en main des menus CSS plutôt sympas. Le choix est nettement moins important que sur CSS Play, mais les exemples peuvent donner des idées intéressantes.

Comment réduire le temps de chargement des images : utilisez les CSS Stripes

Publié le 9 octobre 2009 - Developpement Web, Webdesign.

Toujours dans une optique d’optimisation du code CSS, les CSS Sprites sont une méthode très efficace pour réduire le nombre de requêtes effectuées par le serveur, permettant une réduction du temps de chargement des pages, donc un affichage plus rapide. (cf. comment Yahoo! et Aol on amélioré leurs performances – anglais) Cette technique originaire de l’univers des jeux vidéos consiste à grosso-modo à limiter le nombre d’images à charger à partir de notre feuille de style, partant du principe qu’une image commune pour différentes icones est largement plus optimal que plusieurs fichiers séparés de petites icônes. L’exemple donné sur CSS […]

Page 1 sur 212