Archive pour la catégorie ‘Webmaster Tools’

Il y a quelques mois, j’ai du cleaner une veille CSS, juste après un redesign. On laissait la vieille liée parce que elle contenait toujours des styles pour quelques pages, mais bon, elle était illisible, donc comment faire pour la nettoyer? C’est là qu’une extension Firefox super bien foutue vient à point: Dust-Me Selectors.

Oui mais bon, ceux qui existent te font page par page, un poil casse-c******

Mais pas celui ci, on peut faire page par page mais également pour un site complet, via une sitemap.xml. Bon, ok, ça prends une plombe mais ça marche…

Ok, ca a l’air bien. Mais quid des hacks utilisés pour IE et consorts?

Ah, ah, elle le gère et elle va même voir dans les css avec commentaires conditionnels…

Et pan, c’est de la bombe et je vous la recommande vivement…

Tout designer qui se respecte passe son temps à compliquer la vie des intégrateurs Web (si, si) en sortant des standards et en utilisant une bête police qui ne se trouve pas sur tous les ordis…

Vient LA solution: @font-face (le sujet d’un prochain article) mais avec cette solution arrive un autre problème: le EULA de la fonte. Toute fonte ne peut pas être redistribuée légalement et même si la légalité et moi on est pas potes, je tiens pas à ce que mes clients se mangent des proçès, au final c’est ma gueule qui prendra…

Donc voila le problème, je me retrouve avec un design utilisant du Myriad Pro dans un titre potentiellement modifiable (donc pas d’image). Problème la license de Myriad Pro ne permet pas la redistribution de la fonte. Dans ton cul, lulu! (je m’excuse déjà aupres de tou(te)s les lulus).

Mais oh joie, oh miracle, un petit malin a créé la fonte « Vegur » qui ressemble étrangement à Myriad:

Source: http://www.wilki.me/2009/10/myriad-pro-goes-open-source/

Un petit tour sur FontSquirrel pour générer le pack font-face et hop, in ze pocket, ni vu ni connu, le designer n’y voit que du feu… Cool non?

Après pas mal d’essais et de dépatouillage, j’ai enfin compris comment faire. Yeah!

Voila quelques mois que je voulais tester LESS, un système (en Ruby) qui permet d’utiliser des variables et l’héritage en CSS. On a notre belle css clean pleine de variables, on la compile et paf! Voila notre css générée utilisable par tous les browsers. Cool, non?

Sur papier, oui, par contre en pratique… Je me suis pris la tête sur l’install, pas moyen d’accéder au repository avec les gems pour prendre toutes les dépendances… Après quelques heures de recherche, j’ai laissé tomber.

Mais aujourd’hui, voila qu’on me cause de SASS, une technique similaire mais beaucoup plus complète, que je pourrais utiliser sur le nouveau projet Belgacom. Rebelotte, on file sur le site de Ruby, on installe avec le one-click installer, on teste, pas moyen d’installer une gem ^^Après quelques recherches, je tombe sur le repository principal rubygems.org où ils proposent un installeur différent – et plus récent – RubyInstaller, j’installe et ça marcheeeeeeuuuuuuuh! Prise de tête finie.

Alors, pour installer SASS:

1. Installer Ruby via le RubyInstaller (j’ai installé la version 1.9.1) rc1
2. Lancer une ligne de commande avec ruby (disponible depuis le menu démarrer)
3. updater l’utilitaire, pas obligatoire mais plus propre…
   [codesyntax lang="bash"]

   gem update --system

   [/codesyntax]

4. installer la gem haml (aussi un projet intéressant que je vais m’empresser de tester), qui contient SASS
   [codesyntax lang="bash"]

   gem install haml

   [/codesyntax]

5. C’tout c’est fini.

Dans un prochain article, comment utiliser SASS avec Eclipse/Aptana. Je m’empresse de convertir OOCSS en SASS pour voir comment ça marche.

Oui, j’utilise souvent le terme « empresser » mais on s’en fout…

Mais pourquoi j’ai acheté cette bouse de WinMob moi??

Un autre site utile est Exactfactor qui vous donne le positionnement de votre site dans plusieurs moteurs de recherche selon les mots clefs spécifiés…

J’ai trouvé un site relativement intéressant: Ding It’s Up. Il vous envoie une alerte quand le site visé change de statut: en ligne/hors ligne…

Les moyens proposés sont par mail, via SMS ou encore Twitter…