Du coup, je me fait aborder sur pidgin par des gentils petits bots (ça fait déjà le 3em là, qui leur a donné mon adresse ?!), bots pas doués, repérables à 15km et de sexe « soit disant » féminin qui plus est. Robert, on sait que c’est toi derrière la demoiselle blonde, pas la peine de faire l’innocent lâche la souris !

De toute façon on ne les répètera jamais assez, toute fille sur internet est un homme (ou un agent du FBI). Rule 16 quand tu nous tiens.

Petit extrait de la conversation pour le fun (enfin monologue) :

(14:39:23) Saiko-sama: hello :)

(14:39:27) caro.4587@hotmail.com: hey!

(14:39:31) caro.4587@hotmail.com: C’est encore moi lol

(14:39:45) caro.4587@hotmail.com: c’est quoi ton pseudo de [site censuré je vais pas leur faire pub !]

(14:39:46) Saiko-sama: combien font 5+10 ?

(14:40:03) caro.4587@hotmail.com: invites moi a devenir ton amie, tu verras mes plus belle photos ;)

(14:40:11) caro.4587@hotmail.com: mon pseudo est 69jessy69

(14:40:17) caro.4587@hotmail.com: j’en sait rien

(14:40:43) Saiko-sama: tu as des photos de ton chat ? parce que sinon ça m’intéresse pas, hein, enfin, sauf si tu as des photos de toi en costume viking, là peut être on peut commencer à négocier, et encore

(14:40:46) caro.4587@hotmail.com: baaaah

(14:41:23) Saiko-sama: es-tu en gentil petit bot qui essaie de me prendre pour une conne sur des réponses automatiques complètement débiles ?

(14:41:26) caro.4587@hotmail.com: ok

(14:41:31) Saiko-sama: bon, tout est dit

Ouai, faut avouer, il est pas génial leur programme, peut mieux faire.

Notez la cohérence de Caro qui s’appelle Jessy, logique, hein (sans oublier le double 69 histoire de…), la proposition presque indescente de voir des photos et le coté mielleux « tu veux être mon amiiiii???!!! » Je note aussi que le bot est capable d’imiter la chèvre quand il comprend pas la question, ils ont du cocher l’option « pintade blonde ».

Dans la série dating, quelques chiffre intéressants (ou pas) d’un sondage sur un site linké au fin fond d’un de mes flux rss. Ou comment passer de theoatmeal à un site de rencontre façon ni vue ni connue je t’embrouille, je suis sûre qu’il y a une théorie du complot là dessous.

D’après ces chiffres, résultats d’un sondage sur le site, les utilisateurs de mac ont couché avec une personne de plus que les utilisateurs de pc. Oui l’information est essentielle ! Dans la catégorie gamer, vs non gamer, gamer loose !! Zut ! Et pour geek vs non geek, le non geek gagne. De quoi continuer à alimenter quelques préjugers. Et très étonnamment, quand on compare ce sont ceux qui boivent le plus qui finissent premiers aussi. En résumé, d’après ce sondage, si le weekend prochain tu veux avoir le plus de chances de serrer en boite, il faut boire, jouer au golf, fumer, avoir un mac et des tatoos et t’être arrêté à l’école primaire : gloups !
On aura également appris une infos capitale : myspace, c’est mieux que facebook pour chopper. Oui mon interprétation des sondages est totalement hasardeuse et voir incorrecte, mais bon, faut avouer que quelques chiffre sont funs quand même.

Je vais donc officiellement devenir schyzo, me dédoubler complètement, et essayer d’alimenter les deux.  Pourquoi cette décision ? Peut – être par soucis de séparer vie professionnelle et vie privée. Je continuerai à raconter mes histoires de pc cassé (à ce propos j’ai ENCORE tué une carte graphique, 1an et demi elle a tenu celle là), mes histoires de pex, de jeux vidéos et autres geekeries d’étudiante / ancienne étudiante, pour pouvoir parler de trucs plus sérieux (qui vous amuserons surement beaucoup moins là bas), mettre des bouts de codes pratiques ou sympas, etc. Le blog est en anglais, pour avoir plus de feedback et avoir une portée plus grand, je vais peut-être traduire certaines choses, ou pas, en fonction du temps, à voir.

Pour le moment le design ressemble à s’y méprendre à celui de ce site qui lui même ressemble à mon premier cv en ligne qui date d’il y a plus d’un an (efficace j’ai décroché un stage avec !) , mais cela va bientôt changer, dès que j’aurais l’idée de génie, un peu de temps et de motivation. Autant dire pas dans les trois prochaines semaines vu qu’il y a le rapport de stage à rédiger : ARRGHHH

Coté « technique », de base j’avais fait un simple copier/coller de ce blog, avec quelques arrangements de design mais certains plugins ne fonctionnaient plus et des pages non valides, à ne rien y comprendre. Du coup ce soir j’ai réinstallé un wordpress 3.0 (à la place du 2.9 sous lequel est ce blog), j’avoue, j’ai été agréablement surprise. J’ai vraiment l’impression qu’ils ont poussé wordpress pour le rendre plus orienté site, avec la possibilité en natif d’une navigation horizontale déroulante dans le thème de base, pas mal de widgets à glisser déposer, enfin bref, j’ai hâte d’avoir du temps pour voir tout cela d’un peu plus près. J’ai un joli doctype html5, la classe héhé, même si le thème n’utilise pour le moment pas les balises html5 à proprement parler, c’est un premier pas, et surtout le blog est valide !!

J’en ai profite également pour alléger le code, fini les deux div non sémantiques pour mettre des coins arrondis, bonjour le css3 et css3PIE pour dompter le petit IE. A noter qu’il m’a tout de même fallu bidouiller le css pour faire fonctionner et coller une position:relative au parent de ma sidebar pour que cela ne me fasse pas un fond transparent. Si un jour vous voulez vous servir de CSS3PIE, je vous conseille vivement de lire les bug connus dans la documentation avant de vous y lancer.

Il reste quelques détails à régler pour le design « provisoire », il faut que je trouve où mettre les flux rss, et que je trouve le moyen de faire des résumés d’articles (excerpt) qui prennent les images, ça doit exister quelque part et enfin coller un petit javascript pour IE6 et ça devrait le faire pour le peu de temps où je vais garder ce design.

En faisant des recherches pour voir ce dont était capable le googlewebtoolkit, je suis tombée sur un site, qui me conseille tout simplement d’installer IE (argghh) ou firefox (ouf) parce que leur site n’est pas encore officiellement supporté par chrome (et safari aussi tiens) :

Your current web browser (Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4) is not officially supported by Blueprint. If you experience any problems using this site please install either Microsoft Internet Explorer 6+ or Mozilla Firefox 3.5+ before contacting Blueprint Support

C’est le monde à l’envers !

Du même genre, pour faire journée à thème, trouvé par une compatriote de master il y a quelques mois, un site optimisé pour IE , si si ça existe, avec une petite popup assez persistante pour bien nous le rappeler.

Je note, je note. Et après ?

Après avoir lu la news de pcinpact sur le sujet dans mes rss ce matin, je me suis dit « bon, allons voir ce fameux site ». Surprise, le site est déjà mort (mis en ligne le 14 juillet on le rappelle !!). Un projet dont le budget serait, toujours selon pcinpact, supérieur à 1.6millions d’euros, down après 5 jours (2 si on lit les commentaires), ça me fait doucement sourire.

Pour nous faire patienter ? Une super page « multilingue » avec des excuses dans chaque langue. A 1.6millions d’euros on aurait pu attendre un truc un peu plus élaboré avec détection de la langue du navigateur et affichage d’un seul texte en fonction de la langue ? Ou alors est-ce pour montrer que même quand ça marche pas, on est vachement forts en langue nous ?

Et puis pour 1.6millions d’euros, ils auraient pu nous mettre un petit favicon bleu blanc rouge non ?

Cerise sur le gâteau, quand on passe au validateur w3C, 12 erreurs. Pas énorme en soit, mais bon, 12 erreurs pour 13 lignes de texte, ça fait un peu gros non ? Bref, ça sent la page faite à l’arrache en 3 minutes.

Je suis critique, peut-être. Mais ça me tue un peu des projets avec de budget là qui finissent comme ça. Oui, certes, mon blog n’est pas valide non plus (2 erreurs sur la page d’accueil de mémoire),  faudra que je m’y mette, mais bon, on n’a pas le même budget (et le plugin pour les tags qui rajoute une belle pagaille).

Bref, si vous avez un projet à 1.6 millions d’euros à me confier, je vous promets de vous mettre un favicon et vous faire un truc valide ;)

Parce qu’on est tous étourdis à un moment ou à un autre, et pour ne pas rester dans la critique gratuite et facile, deux petits liens utiles avant de lancer un site web : launchlist.net, qui vous permet de vous faire votre checklist de vous l’envoyer, et un article de smashingmagazine sur le même sujet. Notez que le favicon et la validation figurent dans les premiers. Na !

Pour éviter de vous poser trop de questions sur quel format pour quel navigateur, Font Squirrel vous propose un petit kit en ligne. Il vous suffit d’y ajouter votre police, et l’utilitaire va vous générer un kit de fonts multinavigateur d’une efficacité redoutable.

Au passage, Font Squirell c’est également une riche collection de polices sous licences libres utilisables pour certaines à des fins commerciales.

Et en bonus, dans la série « je suis fan de typographie » en ce moment, j’aime beaucoup le « faux texte » de la police Merge, c’est vrai que ça change pas mal du lorem ipsum, ça m’a fait bien sourire hier au boulot.

Pour ceux qui ne voient rien (les yeux sont censés bouger), qui vont dire que les yeux sont décalés, il va vous falloir passer sous chrome ou safari. En effet, j’utilise les transitions mais surtout les animations css3 pour le réaliser. Pour les plus curieux, vous pouvez jeter un petit coup d’oeil au css. Le plus long a été de créer les images clés. Je trouve qu’une fois qu’on a compris le concept d’image clés et d’interpolations dans flash, les animations css3 sont construites un peu sur le même principe. Le plus dur dans mon cas, a été de faire en sorte que les yeux ne bougent pas d’une façon fluide, mais par accoues. J’ai un peu triché pour ça en définissant 2 images clés par position au lieu d’une.

Pour le moment les animations ne sont supportées que par deux navigateurs, mais firefox 3.7 devrait s’y mettre dans pas très longtemps. Certes je suis encore loin du spiderman en pure css3 html5 et jquery, mais bon, c’était pour tester un peu les nouvelles possibilités et j’avoue que j’en suis plutôt enchantée.

J’ai lu pas mal de blogs et d’articles ces derniers temps sur faut-il ou non utiliser le css3 et toutes ces nouvelles techniques même si elles ne sont pas compatibles avec certains vieux navigateurs (suivez mon regard vers IE …). Je suis tombée sur un concept que je trouve pas mal, qui est le concept de « progressiv enhancement ». Le principe est de créer un site « basique », qui tient la route, donc le design est stable sans trop de tra la la qui passe sur tous les navigateurs. Ceci fait, on peut, comme pour un tableau à l’aquarelle, rajouter des petites surcouches de ci de là pour rendre le site plus agréable pour les nouveaux navigateurs. On peut rajouter du fade sur les images, des transitions sur les couleurs de liens, des rotations sur les images, au survol, des bords arrondis, etc etc. Je suis partisane du fait qu’il faut aujourd’hui oublier l’idée d’avoir un site pareil au pixel près sur tous les navigateurs. Pour moi il faut un site, dont on puisse lire le contenu sur tous, dont le design ne parte pas en sucette dans tous les coins, un site « classique » pour nos vieux amis IE6 e IE7, qui sera plus esthétique, plus fluide et plus « design » sur les navigateurs modernes.

Je vais vous illustrer le fond de ma pensée. Le projet sur lequel je travaille actuellement comporte une ombre autour du container blanc de la page principale. Franchement, qu’elle soit là, ou pas, je pense que le lecteur n’en a strictement rien à faire. Cette ombre donne du relief au site, de la profondeur, certes. Du coup j’ai utilisé les box-shadow pour qu’elle soit présente sur chrome safari et firefox, mais les utilisateurs d’IE n’y auront pas droit. Un gain énorme pour moi, tout d’abord en terme de temps. Si j’avais du créer des images pour refaire artificiellement cette ombre, j’aurai perdu un temps fou. Un gain pour la rapidité du site aussi, imaginez le temps de chargement des mes images ! A l’heure où de plus en plus de sites sont visités depuis des applications mobiles, je pense que le gain de temps de chargement d’une page n’est pas négligeable par rapport aux détails esthétiques que cette ombre peut ou non apporter. Un gain sémantique également, j’ aurai du recourir à des div vides juste pour placer mes ombres.

Au passage,  nous avons reçu un Ipad aujourd’hui au boulot, et le site est niquel. Encore mieux, mon chef de projet le trouve « plus beau sur ipad que sur pc, les couleurs du site sont magnifiques ». Le site se charge vite, les transitions sont fluides, bref un plaisir. Par contre je ne pourrais jamais m’habituer à naviguer avec les doigts, après 3 minutes j’en avais déjà marre.

Comme je l’avais dit dans les commentaires et l’article précédent, je suis vraiment très enthousiaste quant aux évolutions actuelles dans le domaine du web, et, j’ai presque honte de le dire, j’ai hâte que IE9 sortes pour voir si ils vont vraiment réussir à implémenter toutes les spécifications du CSS3.

hors sujet : si quelqu’un connait un plugin pour insérer directement du css dans l’éditeur wordpress dans des balises conditionnelles, l’éditeur s’amuse à me mettre des < p >autour de mon css ce qui le rend inutilisable. Ça m’ennuie un peu d’avoir une css pour l’extraterrestre qui ne servira que pour cette page, je pense qu’il doit exister un plug-in, mais j’ai rien trouvé.

On commence par une séance de procrastination, j’adore cette vidéo tellement vrai, et on continue en alimentant le débat flash android vs mac iphone.  De quoi continuer votre procrastination au boulot : passez la souris sur les cotés du blog, c’est trois fois rien, mais ça m’a fait 10min !! J’adore, les possibilités du html5 et du css3 deviennent de plus en plus sympas et excitantes, ne marche pas sous IE, comme d’hab.

Parlant de web, Techi nous fait une rétrospective avec humour sur le web des années 90. Comme je l’ai dit en commentaire, j’ai hâte d’être en 2020, de regarder ce que l’on considère comme nos super designs de 2010 en rigolant. Les modes changent, et sur le web c’est pareil. Allez j’attends en commentaires vos vieux sites pourris des années 90, assumons mes amis assumons ^^ (et j’avais une super page en construction sur mon ancien blog, et toc !)

Enfin, le meilleur pour la fin : vous en avez marre que vos amis vous posent des questions stupides dont vous trouvez la réponse en 3 mots clé sur google ? Let me google that  for you est votre nouvel ami. La démo avec mon blog. Le must ? Ils ont même une extension pour chrome, si ça c’est pas la classe ?

Déjà toute jeune, la petite Saiko n’aimait pas faire comme tout le monde. Alors que ses petites camarades jouaient à la poupée, la petite Saiko avait demandé à son papa de l’aider à construire une cabane. Elle y servait un délicieux thé à base de camomilles macérées toute la nuit dans un petit saut à une amie. Toutes deux allaient alors chasser les poulets à coup d’arcs et de flèches, ce qui, en passant, rendait sa grand-mère complètement folle. Elle aimait particulièrement démonter et remonter toutes sortes de choses : stylos, baladeur, tout y passait.

A l’âge de 8 ans, la petite Saiko reçut de son parrain un microscope. Ce jour la commença sa passion pour l’examen des goutes de sang, des poils de chiens et des brins d’herbe. Un jour, elle serait une grande chercheuse se disait-elle.

La petite Saiko grandit, et avec elle, ses gouts plus que douteux et son coté première de la classe.

A l’âge de 7 ans, elle dû porter sa première paire de lunettes. Lunettes très jolies, carrées transparentes avec des petits morceaux de couleur comme du chewing-gum qui seraient venus se coller à l’intérieur de la monture. Ces lunettes ne manquèrent pas de lui valoir un non succès notable auprès des garçons jusqu’à l’adolescence, où, embarrassée, elle décida de porter des lentilles.

C’est au CM1 CM2 que la petite Saiko découvrit réellement l’informatique. Elle avait un instituteur passionné, qui leur faisait tourner des logiciels d’orthographe sur des vieux pc reliés en réseau. Logiciel stockés sur d’énormes disquettes auxquels on accédait par des commandes dos. Un stylet remplaçant la souris, et le clavier était tout mou. C’est à cette époque qu’elle se découvrit un talent tout particulier pour les mathématiques et les équations à plusieurs inconnues (qu’on ne devait voir qu’au programme de 6em).

Tout au long de sa période de collégienne, son non succès auprès des garçons et sa timidité lui permirent de se concentrer sur ses études. Elle était du coup dans les premiers de la classe, ce qui renforça sa non popularité et la faisait passer pour l’intello de service. Elle avait donc tout le temps de s’intéresser à la lecture de livres consacrés à différentes mythologies, et à ses premiers livres de SF. Ses matières préférées étaient les maths et la physique (forcément), et elle était une quiche en sport (forcément²). Le seul sport dans lequel elle excellait, au point d’être meilleure que beaucoup de garçons était la course d’orientation. Vous pouviez lui donner une carte, une boussole et l’envoyer chercher des objets à travers champ tel un petit personnage qui accomplissait sa quête.

A l’âge de 14 ans, elle fut particulièrement marquée par 1984 d’Orwell. C’est aussi durant sa période lycéenne qu’elle découvrit les consoles de jeux vidéo. Que d’après midis passées avec ses deux amies dans la cave dans le noir à jouer à TombRaider (à l’époque de seins carrés de laracroft), GTA, et autres jeux pas très conseillés à une jeune fille de 13 ans. C’est également au collège qu’elle jouait à GTA dans la salle informatique au lieu de faire les mises en page de word pour lesquelles ses petits camarades avaient le plus grand mal.

C’est au collège qu’elle reçoit son premier pc : un vieux windows 3.1 qui sera très vite remplacé par un windows 98 car le lecteur cd offert par son parrain pour noël ne pouvait être installé sur le trop vieux pc. Rahh, windows 98, 8GO de ram disque dur^^, une impression de puissance à l’époque. C’est avec cette bête là qu’elle fit ses premiers photomontages, un remix entre la Vénuse de Milo a qui on aurait mis des bras avec la tête de Bill Clinton. Bah oui, elle n’avait pas le net à l’époque, donc elle récupérait les images qu’elle pouvait sur encarta.

Puis vient l’époque du lycée. Toujours douée en maths et en physique, paradoxalement elle s’orienta vers un bac ES (elle voulait être prof d’anglais). Mais les maths lui permirent d’avoir une super moyenne. Le lycée, c’est l’époque du glandage en cours de maths, des heures de perm à expliquer à ses potes le cours parce que la prof est une incapable. C’est aussi l’époque des jeux de rôle entre les cours, pendant les cours de math avec la calculatrice en mode « nombre aléatoire de 1 à 6 » pour faire le dé. C’est aussi l’époque de ses premières programmations pour sa Ti83, un petit programme pour calculer tout seul les polynômes du second degré. Non mais ce n’était pas pour tricher mais pour vérifier mes réponses, non mais vous allez imaginer quoi, de toute façon ils nous demandaient le détail au bac !!

Au lycée, premier « vrai » ordinateur, entendez par là par un truc dont les bouts ont été récupérés à gauche et à droite. C’est l’époque des jeux : Diablo, Age of Empire, Hereos of Might and Magic, Tomb Raider, Need for Speed etc. Jeux qui prennent le pas sur les révisions de géo pour le bac, mais bon, les doigts dans le nez comme ils dissent.

Puis vient la fac, licence LEA.  Et un intérêt tout naturel pour le web premier skyblog (j’arrive pas à le retrouver), pas assez de personnalisations possibles. Elle se tourne vers d’autres plateformes avec des petits bouts de code. Son premier site blog, un truc immonde, atroce, et premiers bouillages de css chez overblog. Je vous laisse le lien, car elle assume sa jeunesse . Notez le dégradé de couleur du texte, la police « comic sans ms ». Oui, personne n’est parfait, vous avez le droit de vous moquer (mais pas trop). Et encore là css a du être retirée depuis. Bref, moi ça me fait sourire de relire ce qui a été écrit à cette époque.

Fin de la première année de fac, le net à la maison, une révolution.

Deuxième année de fac : son premier ordinateur rien qu’à elle, un petit sony vaio, adorable. C’est là que commence le réel bidouillage, le vrai massacrage de pc. Le pauvre vécu un an, à grands coup d’Oblivion, effectivement, ça l’a achevé. Il décéda dans des circonstances tragiques à son retour d’Allemagne après son semestre Erasmus. C’est là bas qu’elle se découvrit une vrai passion pour le web, et qu’elle décida enfin qu’elle voudrait être webmaster et jouer avec des petites lignes de code pour aider l’humanité à survivre. C’est là-bas aussi, qu’elle ouvrit un nouveau blog, certains l’ont peut être connu et ont suivit en direct la mort du petit sony vaio. Après un an de bons et loyaux services, elle se lassa encore une fois de la plateforme, trop limité à son gout, et de ses pubs. Elle décida de jouer dans la cours des grands, d’avoir son hébergement à elle, avec son design.

De retour en France pour son dernier semestre, elle suit des cours d’html css et décide alors d’entrer en master.

Et deux ans de master plus tard, la voilà. Son blog a toujours pas changé de design, elle proclame haut et fort qu’elle va le faire, mais elle ne trouve pas le temps. Elle continue de jouer à des jeux vidéos, et est plus adicte que jamais à ses séries et ses mangas. Elle a 15 000 flux rss à lire tous les matins sur son htc qui parlent de design, de css3 et d’html5, d’ergonomie et de layout, d’android, d’ipad et d’hadopi etc. Elle s’éclate a débuguer des css pour les copines, et à trouver THE application qui va lui simplifier la vie.

En y réfléchissant bien, en regardant son parcours, effectivement, dans le désordre et la confusion la plus totale que fut sa vie jusque là, on peut tout de même trouver une sorte de fil conducteur et de curiosité des choses et des technologies qui l’ont poussé là où elle se trouve aujourd’hui : bientôt 23 ans, des idées pleins la tête, et pas assez d’heures dans la journée pour toutes les concrétiser. Elle aimerait apprendre le C++ pour le fun, refaire du jeu de rôle et retourner faire de la planche à voile, mais ça c’est une autre histoire.

« Et donc comment tu t’es retrouvé à faire du css et de l’html après une licence de langues, tu as toujours aimé l’informatique ? »

« Je pense que oui, c’est juste qu’avant, je ne le savait pas encore ».

Edit : article parue à la une chez les Ladies, allez leur faire un coucou au passage ça leur fera plaisir (même si elles ont mis en mac en photo… MAAAL ^^ )

Xenu, mon sauveur. Il suffit de donner l’url de votre site à ce petit logiciel, pour qu’il vous trouve non seulement les liens morts internes de type a href, mais il vérifiée également les url des images, des pdf joints, et les liens externes. J’ai mis 7min15 pour environ 2500 liens sur le site du client. Je trouve le temps plutôt raisonnable.  Le logiciel est en anglais, mais très simple d’utilisation. Il existe une FAQ en français, mais j’ai la flemme de vous retrouver le lien là de suite (si quelqu’un veut le mettre en commentaire j’éditerai).

L’auteur du petit logiciel miracle, un certain Tilman Hausherr est connu pour être un farouche critique de la scientologie et, vu son site perso et ce qu’il écrit un geek de première héhé.

A la recherche d’un moyen de le contacter pour le remercier (oui j’aime bien remercier les gens sur le web en ce moment je suis dans ma période bisounours et un merci ça fait toujours plaisir), j’ai trouvé ceci :

« Or send me a T-Shirt of your city, university, employer in XL size. Take into consideration that I’ll be wearing your T-Shirt at work. USPS « airmail letter post » is fast, reliable and unexpensive. »

J’avoue que je songe sérieusement à lui envoyer un de mes « no sexe thx I’m a geek », à voir.