PUBLIC MARKS with tags css & firefox

This is the article that accompanies the demo below, showing the use of CSS3 selectors implemented in Firefox 3.5 for easy and stylish tables.

How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

Firediff is a Firebug extension that tracks changes to a pages DOM and CSS.

Outil pour tester l'affichage d'un site web sur les navigateurs web de référence

Inspect the current element with the DOM Inspector.

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Pour ceux qui avaient suivi l'actualité, j'avais informé la communauté des joueurs de Halo que j'étais actuellement en train de réaliser un second thème en vue de personnaliser le moteur de recherche Google pour les utilisateurs du navigateur Mozilla Firefox. Pour cette nouvelle version, j'ai pris comme modèle le site de Bungie et j'y ai ajouté un soupçon de transparence, ce qui au final apporte un rendu fort sympa...

Finds unused CSS selectors.

In Firefox 3.1 it has become possible to do even more amazing things with CSS. Anything can be rotated, skewed, and translated with just a single line of CSS code. With Ubiquity we can use that power for good, evil, and other.

Si vous êtes développeur ou intégrateur web, il vous arrive certainement souvent de vouloir regarder le code css d’un élément précis sur une page trouvée au hasard du web. Désormais, un simple clic sur le bouton xray et vous pourrez voir la totalité des détails liés à l’élément, tel que les propriétés css et l’héritage de l’élément. Cliquez sur le bouton: Une fenêtre grise apparait et vous propose de cliquer sur un élément du document html. Au clic, xray affichera de nombreuses informations sur l’élément: hauteur/largeur, héritage html, nom d’id où de classe, ainsi que ces propriétés css.

Tumblrのdashboardの背景色を変えるユーザーCSS

Facebook has been developed from the ground up using open source software, and we are proud to give back to the open source community through various open source projects.

Comme vous le savez, il est n'est pas simple de maintenir correctement des feuilles de styles. Au fur et à mesure que les pages Web évoluent, il est impossible de distinguer dans une feuille de styles les styles qui sont utilisés de ceux qui ne le sont plus. Après quelques recherche sur Google, je suis tombé sur un plugin Firefox très intéressant qui permet de générer un rapport sur les styles inutilisés dans les CSS après une analyse complète d'un site. Ce plugin s'appelle Dust-Me Selectors et est téléchargeable à cette URL : http://www.sitepoint.com/dustmeselectors/ Après l'analyse réalisée, il suffit ensuite de supprimer manuellement les styles inutilisés dans les vos CSS. Encore un plugin ultra pratique qui vient s'ajouter à mes plugins favoris : Firebug et Web Developper.

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

Stylish n'a pas fini de vous surprendre ! Après mon dernier thème pour relooker Google aux couleurs de Halo je vous propose de découvrir un script permettant de modifier votre curseur au survol de tel ou tel lien présent sur le web