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…

It’s so easy to destroy
and condemn
The ones you do not understand
do you ever wonder if it’s justified

Je pense que la personne visée se reconnaitra…

Oui, Oui, je viens de regarder les stats de mon site et vous êtes plus de 50% à utiliser Firefox!

Safari suit avec 16% (c’pas mal mais bon, c’t'un bon browser quand même)

IE vient en 3ème position avec seulement 15% (si seulement ça pouvait être partout comme ça ^^)

Yeah, c’est la teuf! Enfin, quelles en sont les conclusions? Nous intégateurs et/ou web supporters aurions nous enfin étés entendu? Ou c’est juste que je cause de CSS donc la plupart de mes lecteurs sont des gens avertis?

Enfin soit, 18% des mes lecteurs utilisent un navigateur outdaté, mettez à jour! Et pour ces 15% sous IE, passez sous Firefox, Safari, Chrome ou Opera vous verrez, la vie devient rose avec un browser qui écoute ce qu’on lui dit…

Voila, c’tout…

PS: je sais, je devrais créer une catégorie délires nocturnes…

Yop, yop.

Aujourd’hui j’ai eu besoin d’exporter un fichier SQLite vers une db MySQL, pour un de mes projets privés. Pour ce faire, facile, sous Mac OSX:

Code block

sqlite3 MyDB .dump .quit >> mon_export.sql

Ensuite, le moins facile si on a une grosse DB comme moi (103 Mo) remplacer les:

• Les quelques single quotes (‘) qui sont entre double quotes (« ) par « \’ » (pour le \ appuyer sur Alt-Maj-/)
• Double quotes (« ) par des single quotes (‘)
• « AUTOINCREMENT » par « auto_increment »
• Effacer les lignes « BEGIN TRANSACTION », « COMMIT », « sqlite_sequence »
• « VARCHAR », etc par leur identique mais déclaré: VARCHAR(255)
• Supprimer les single quotes autour des noms de tables

Ensuite importer dans la db MySQL via Querious, Sequel, PHPMyAdmin ou tout autre client…

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?

Salut, ca faisait longtemps

Alors, pour faire court – je rentrerai dans les détails plus tard -, ces 8 derniers mois il s’est passé:

• Recréation des sites Belgacom/Proximus
• Changement d’appart et emménagement avec Madame.
• Changement de job.
• Changement d’ordi…

BGC/Proximus

J’avais pour mission de redécouper les sites belgacom.be, proximus.be et la gestion des e-Services belgacom en élaborant des règles de découpes pour permettre le reskinning sans changer le html (ou en tout cas, le moins possible). J’ai également du créer un Framework qui devra/doit être utilisé par tout le monde (et qui pourra être releasé en open-source). Seul pour le coté HTML/CSS/Javascript, le boulot était super lourd et flippant: bosse 6 mois seul sans trop être sûr que ce que tu fais sera accepté et tu verra ton stress monter en flèche. Ce qui explique mon silence et le fait que je sois dans un autre monde depuis…

Job

LBi, c’était cool, pour un premier boulot. Mais bon, des responsabilités sans les avantages qui vont avec. Ahem. En plus l’ambiance partait en sucette depuis l’année passée (voir plus, mais bon). Je suis passé chez Emakina, l’autre pointure du web belge. L’ambiance est chouette, les gens sont cool et je ne me retrouve plus avec la pression de Lead d’une équipe ou la pluspart sont plus vieux que moi ^^. J’ai un job de Senior, avec les avantages et le salaire d’un Senior. Que demander de plus?

Ca fait un mois tout pile aujourd’hui que je suis là et franchement, y’a pas photo, je me sens vachement mieux et beaucoup plus détendu. Par contre, vu que je fonctionnais à l’adrenaline, maintenant qu’elle est plus là, je suis un peu mort…

Ordi

Ca a déja fait du bruit: oui, je suis passé sous Mac. Pourquoi? pour ça: (copié-collé de facebook)

1. Mac OS, je connais, j’ai fais toutes mes formations dessus. C’est une base UNIX donc il y a virtuellement la possibilité de tout faire (oui, oui, tout).
2. Clic droit, fausse excuse, on peut l’activer dans les propriétés.
3. Le mac book pro que j’ai acheté est construit sur un Intel Core i7 cadencé a 2.66 Ghz. Le i7 a comme nouveauté la capacité d’éteindre 3 de ses 4 cœurs pour overclocker le dernier jusqu’à une limite indéfinie, qui dépends de la dissipation de la chaleur. Les Macs dissipent mieux la chaleur que ma vieille bécane qui a grillé…
4. La batterie, 7 heures, avec Bluetooth activé et musique, wifi éteint. Le mieux que j’ai vu sous Windows 4 heures, sans bluetooth, sans wifi, sans son.
5. Revenons au CPU, il possède le HyperThreading, et tout ce qui faut pour faire de la paravirtualisation et de la virtualisation complete: Hypervisor Type 1 and 2. Quand tu te retrouve a devoir tester pléthore de browsers sur différents OS, ça aide pas mal…
6. Je suis Web Developer, je vous met au défit de me trouver des tools aussi puissants que TextMate, Coda ou Espresso sur Windows. Le premier qui me cause de Dreamweaver, je le démonte.
7. Intégration Ruby et Python natives. Vous avez déjà essayé d’installer Ruby sous windows? Ok, maintenant il y a le RubyInstaller, qui a deux mois. Mais avant? Et ca sans compter le nombre de gems qui sont basées sur des librairies UNIX.
8. Photoshop tourne dessus. Si je ne prenais pas un Mac, j’aurais viré Windows pour mettre OpenSuse, mais là pas de Photoshop. Dur pour un webdesigner…

Comme quelqu’un l’a déjà dit, il est facile de critiquer sans connaitre. Il y a 3 mois, je n’aurais pas acheté de Mac, c’est le passage au Core i7 qui m’a convaincu. En informatique, il ne faut pas critiquer une machine pour son OS mais pour son architecture. On peut virer Mac OS pour mettre Windows, perso je vois pas trop l’intérêt mais bon… J’ai critiqué ma soeur sur son choix dans la gamme mac book, pas pour son passage sous Mac. D’ailleurs, la preuve, elle veut repasser sur PC. Remarquez quand même qu’elle n’a pas dit Windows, elle a dit PC… C’est beau l’inconscient…

Et pour les crétins qui disent qu’on ne peut pas jouer sous Mac, codeweaver est pas mal, wine aussi mais bon, Steam qui regroupe pas moins de 1800 jeux vient d’être porté sous Mac et déja une centaine de jeux viennent d’être rendu compatibles. Pas mal en un mois.

Alors, toujours la critique facile? On ne juge pas sans savoir. Avant de critiquer ou d’écrire des articles contre Mac, Linux et consorts, ouvrez vous et quittez Windows, ca sera déjà plus objectif, vachement plus mature et surtout moins con.

Et pour un test: http://www.macgeneration.com/labo/voir/127231/test-du-macbook-pro-15-core-i7-2-66-ghz

Et j’ai oublié un point important: il ne faut pas choisir une machine pour suivre une mode, il faut choisir une machine pour ses besoins. Pour moi Aurore a fait le bon choix en passant chez Mac parce que la batterie est vachement plus efficace et qu’en auditoire on a pas toujours la possibilité de se connecter.

Moi, je veux faire du développement cross-platform mobile: iPhone, iPad et Android. On ne peut pas faire d’application iPhone/iPad correcte sous Windows sans compter le fait que cette application ne pourra pas passer sur le Apple Store. Rares sont les clients qui sont heureux de se retrouver avec une appli qu’ils ne peuvent pas vendre…

En plus, c’est vachement plus facile et ergonomique que Windows, j’adore le clavier (ergonomiquement parlant) qui a moins de touches mais qui avec deux ou trois touches permet de faire bien plus…

Le futur

Bah, le futur, pas grand chose…

Ce blog va devenir plutôt un showcase et une plaine de jeux, bourée de tutos, de démos et de plein d’autres choses… Plus d’articles persos et autres délires.

Personnellement et professionnellement parlant, vu que ce post vient après quelques gros bouleversement de mon train-train, y’a pas grand chose qui va changer… Juste quelques gros projets dans le pipe mais motus, de toute façon ils évoluent encore…

Tchuss

Domenico Curcio, est un jeune pianiste belge, au talent phénoménal, qui met à la portée de tous de superbes morceau, chez vous, en direct. Son concept, Piano Solo, vous lui payez le déplacement et le logement, vous lui fournissez piano (accordé) et connexion internet et il jouera pour vous, chez vous, en retransmettant son concert en direct sur internet.

Il sort un album le 10 janvier, en licence Creative Commons, ce qui signifie que sa musique est en téléchargement libre. Superbe non? Il offre également la possibilité d’acheter une version matérielle de l’album pour la modique somme de 15€ + frais de ports. Sur ces 15€, 2 sont reversés à l’unicef. Alors n’est ce pas une bonne manière de se faire plaisir, aider un jeune artiste et l’unicef en s’offrant un bon CD?

Bon, assez parlé, je vous laisse découvrir un aperçu de son CD (article original)
Aube – Domenico Curcio – Piano Solo Album by domenicocurcio

Si vous voulez voir un enregistrement de ses concerts, je vous renvoie vers sa page ustream. Pour plus d’infos concernant le concert à domicile, c’est par ici.

Regardez ces vidéos et admirez, laissez vous envahir par la musique, vibrez. Vivez.

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…
   

   Code block

   gem update --system

4. installer la gem haml (aussi un projet intéressant que je vais m’empresser de tester), qui contient SASS
   

   Code block

   gem install haml

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…

Je bosse de plus en plus avec un framework CSS appelé OOCSS, cet article est, je pense, le premier d’une longue série sur ce framework.

J’ai rencontré un problème sous Opera 10 avec la classe lastUnit: le bloc se mettait en dessus plutôt qu’en fin de ligne, comme prévu. La solution est toute simple, il faut rajouter un « overflow: hidden » dans le sélecteur .lastUnit:after dans le fichier grids.css (à la ligne 3, dans la version que j’ai). Normalement ce bug est résolu à partir de la version 085dfa8