Babozor’s Blog

Une des principales caractéristiques du CSS qui malheureusement est trop peu méconnue et trop peu utilisée est l’héritage.
Pour résumer, les déclarations des fils héritent des propriétés du père.
Ce n’est malheureusement pas aussi simple que ça, mais ça résume bien l’intention.
Par nature, le langage HTML est un langage arborescent… en voici un petit exemple:

Si par exemple j’écris la délcaration suivante:

body {color:#B6B6B6;}

Tous les éléments fils du tag Body reprendront la même propriété, c’est à dire un texte en gris.
De même si je veux que mes éléments de ma deuxième liste soit en rouge, je peux écrire ceci:

ol {color:#FF0000;}

Pas besoin de préciser la couleur pour les éléments LI qui sont les fils de OL puisque ceux ci ont hérité de ses propriétés.

C’est extrèmement pratique.
Par exemple, vous voulez que tous les textes de votre page soit en Arial 12 pixels noir ?
Pas de problème, vous avez juste à spécifier la déclaration suivante:

body {font-family: Arial, sans-serif; font-size: 12px; color: #000000;}

Bien sûr, il y a quelques exceptions et ennuis, sinon ce serait beaucoup trop simple (et aussi vachement moins rigolo).
Toutes les propriétés ne sont pas hérités pour des raisons évidentes. Ces propriétés sont: les bordures (border), les marges (margin), les espacements (padding), les arrières plans (background).
La raison est évidente, si vous spécifiez un padding de 30 pour votre tag body (pour le contenu de la page soit espacé de 30 pixels par rapports à la taille réel du navigateur), si cette propriété est héritée, tous les autres éléments seront espacés de 30 pixels, pas très pratique…
Un autre problème peut venir de la non propagation des styles hérités dans les tableaux. IE4 & 5 et Navigator 4 ne propagent pas les styles dans les tableaux, certains navigateurs propagent une partie des styles (par exemple la famille de police et la couleur, mais pas la taille)… une manière de contourner ça est d’inclure les tableaux dans une déclaration globale de ce type:
body, table, th, td {font-size: 12px;}
Il est à noté aussi que si vous effectuez cette déclaration en utilisant des valeurs proportionnelles, certains problèmes peuvent apparaître. En effet, pour les navigateurs de nouvelle génération (IE6+, N6+, Ff1+), les propriétés sont bien propagés dans les tableaux, mais par défaut une cellule de table correspond à 41% de la taille de la police par défaut fixée par l’utilisateur. Il y a donc un risque que si vous effectuez la délcaration suivante:
body, table, th, td {font-size: 0.8em;}
que le résultat ne soit pas vraiment à la hauteur de vos espérances.
Beware, donc…

Bon c’est promis, bientôt je ne parle plus d’Apple (deux articles sérieux sont en préparation, sur l’héritage en CSS et sur les opérations bit à bit en PHP, donc hein déjà là ça rigole moins je vois) mais quelque chose me choque profondément.
Nous sommes au 21ème siècle, ère de l’information et des technologies et personne n’a remarqué un fait qui pourtant saute aux yeux: Apple ne sait pas calculer.
Je prends deux exemples et je m’explique.
Premier exemple: le nouveau MacBook est disponible au prix de 1099 dollars US sur le Apple Store aux Etats Unis, et à … 1099 Euros sur le Apple Store français. Donc 1099 $ = 1099 €… mouais
Deuxième exemple: vous voulez acheter une chanson sur le iTune Music Store, aux Etats-Unis le prix est de 0,99$ et en Europe il est de … 0,99€… bon
Je ne suis pas un super génie en calcul, mais un dollar ne vaut pas un euro… il y a même une sacrée différence.
Si le taux de conversion normal était appliqué, le MacBook serait à 870 euros et non plus 1099, ce qui fait tout de même une différence de 230 euros (c’est non négligeable vous l’avouerez sur 1099), ce qui fait un peu plus de 20% de différence.
Pourquoi ces 20% de différence me direz-vous?
Aucune idée… mais alors aucune idée…
Peut être est ce à cause de clavier, avec notre clavier AZERTY pourri et nos accents on fait chier tout le monde, donc BAM on nous met 20% dans la tronche juste pour tout enmerder en retour… mouais moyen comme explication.
Steve est persuadé que nous n’avons pas l’eau courante, et que nous ne savons pas nous servir d’une calculatrice… pourquoi pas mais un peu tiré par les cheveux.
L’Etat se sucre au passage une bonne vieille taxe… je veux bien, mais 20% ça me parait abusif…
Pour l’instant aucune explication logique, à part que soit on nous prend pour des couillons… soit certains se font plein de thunes sur notre dos.
Tiens et ben pour la peine je vais continuer à poster ici même sur mon vieux PC pourri pas portable, avec son vieux écran 17 pouces CRT, et son alim qui fait du bruit (bouhouhou!!!…)

Bon ça vaut ce que ça vaut, mais cette pub est pour nous, utilisateurs de PC, assez agaçante (même si elle est vrai par certains côtés… c’est ça le plus énervant). Personne ne les avait venus venir, mais Apple est bien en train de chasser sur les terres du PC, petit historique.
Il y a de cela quelques mois, Apple annonçait qu’il changeait l’architecture historique de son système pour passer des processeurs Motorola à Intel. Quoi? Apple passe à l’ennemi, tous les macophiles crient au scandale, hurlent et jettent des figues sur Steve Jobs qui sort tout penaud en marmonnant dans sa barbe (quelque chose du genre “Même pas mal d’abord…”).
Quelques semaine splus tard, de sombres vilains hackers annoncent qu’ils sont sur le point de faire booter WindowsXP sur les nouveaux Mac avec les nouveaux processeurs Intel. A tiens rigolos, on pourra donc mettre Windows sur un Mac juste pour faire chier Stevoo, bien fait pour lui (et pusi ça lui apprendra d’abord à mettre des proc Intel dans ses Macs).
Encore quelques semaines plus tard, confirmation, c’est effectivement possible de faire booter WinXP sur un Mac Intel… et puis comme sortit d’un chapeau magique, juste quelques jours plus tard, Apple sort BootCamp, un soft qui permet de booter sur MacOsX ou sur un autre OS (Windows, Linux, etc…).
Toutes ces annonces s’enchainent trop bien.
C’est trop bien fait… ça sent le markettage jobien à plein nez!
Ah les perfides chacals, c’était prévu depuis le début… diantre, les Macs chassent maintenant sur les terres de mon PC. Bon en même temps l’idée à fait son chemin et je dois dire que l’idée de me choper un MacBook (surtout le noir) commence à faire son idée… pouvoir avoir le design Apple (bon même si j’ai jamais été Apple, avouons que ça tue) et continuer à utiliser WinXP, c’est plus que séduisant, et puis les prix sont pas supra abusés (à part le taux de convertion dollar -> euro mais ça on en reparlera plus tard).
Ah mais qu’est ce que je dis, moi acheter un Mac??? Ah il est vraiment fort ce Steve, me transformer moi (un pur MacOphobe)… en même temps y’a que les cons qui changent pas d’avis.

dans le bon sens,mais lentement…
Le nouvel opérateur Ten (disponible sur le réseau Orange) lance une offre assez sympathique: l’accès à l’email ou au messenger illimité pour seulement 6 euros par mois (pour l’email ou le messenger,comptez 8 euros pour les deux) en plus du forfait voix. Seuls trois téléphones sont proposés et les SMS sont comptabilisés hors forfait, mais au moins l’opérateur à le mérite de fair ebouger un peu le marché.
En effet, l’accès aux applications mobiles est toujours restreint par le coût prohibitif des abonnements mobiles/web. L’accès est toujours facturé au Ko consommé (avec pour certains opérateurs des forfaits plus ou moins aventageux), mais pour les mobiles on en est toujours à l’époque du modem 56k, où on facture au temps de connection et au traffic consommé.
Il serait temps que les opérateurs historiques (Orange, SFR et Bouygues Telecom) nous proposent enfin des forfaits illimités Mobiles/Web. Espérons que Ten puisse ouvrir un peu cette brèche.

Cette photo prise aujourd’hui dans la cour de mon immeuble (oups ou immeble plutôt), illustre parfaitement mon propos.
Comment pourait-on qualifier les rapports plus que difficile entre blogging et orthographe (je zap logiquement les questions de grammaire, néologisme et autres horreurs pour nos anciens profs de français qui nous maudissent en ce moment même).
Je dirais donc en substance, que effectivement l’othographe n’est pas notre (ou ma en tout cas) première préoccupation, j’essaye de relire systématiquement tous mes posts, mais certaines fautes passent ce filet pour le moins poreux. C’est quand même un comble pour un enfant d’instint (ma mère est la psychopathe des dictées bizaroïdes avec des mots jamais prononcés en France depuis 1628) que de faire autant de fautes (en même temps j’ai toujours eut 0 aux dictées, donc)… je suis malade, mais j’essaye de me soigner.
En même temps, le but n’est pas d’écrire des romans super léchés, au style impressionnant, mais de partager avec le plus grand nombre tout en restant compréhensible par la majorité. Et puis les blogs c’est aussi la spontanéité, d’où de temps en temps des emportements et quelques erreurs, fautes syntaxiques voir quelques néologisme, anglissisme et j’en passe.
Pour les puristes de la langue française et autres académiciens, toutes mes excuses, j’essayerais de faire plus attention…

Note: toutes les images sont clickables, pour une version taille réelle de l’image - désolé pour la qualité c’est pris avec mon vieux 6630 (à quand mon N93???)

Pour clore ma semaine de prise de contacts, j’ai participé pour la première fois à un expérience assez originale.
Micropole Univers organisait une soirée recrutement à la gallerie La Bank, rue Volta près du métro Arts et Métiers, avec comme thème la peinture (enfin en tout cas c’est ce que j’ai compris).
Une soirée recrutement et tout de suite je vous vois froncer les sourcils (surtout toi avec tes gros sourcils tout noir, si si je t’ai vu pas la peine de te cacher), hausser les épaules et dire “Encore un de ces concepts de marketteux… bah”.
Je dois avouer que ma première réaction a été un peu la même ou presque, et puis je me suis dit au moins ça changera du discours pré-maché que je recrache à quasiment tout le monde… J’ai essayé d’y aller sans a priori et je vous rapport ici les évènements.

Cette soirée se passais donc dans une galerie d’art, avec des recruteurs, des drh, des collaborateurs de MU et des candidats aux dents longues, aux costumes affutés… nan je déconne.
Ma première surprise, ambiance plutôt sympa, décontracté (ah c’est un piège pour m’avoir j’en suis sûr, je serais pas sur mes gardes, je dirais des bêtises et puis…), on rencontre la DRH au détour d’un verre, le responsable technique autour d’un crevette avec un jus bizarre dans une pipette (désolé j’ai pas de photos faudra me croire sur parole).

Bon c’est décontracté mais quand même studieux. On n’est pas là complètement que pour rigoler… la preuve

Et puis concept original, tout le monde est convié à aller apporter sa touche à l’oeuvre collective…
Pour ma part c’est les deux espèce de bidules noirs bizarres quon voit sur la photo (je voulais pas uiliser leur pochoirs déjà tout fait, je trouvais ça trop ‘déjà vu’ - avec l’accent américain s’il vous plait).

Bilan donc de la soirée: c’était sympa, mais pas sûr que le message soit vraiment passé, à confirmer, si mon profil à plu de toute façon il donnera sans doute droit à des rendez-vous plus formels. En tout cas ça a le mérite de débrider un peu le genre et de donner une image plus dynamique et sympathique à l’entreprise auprès des candidats.
Juste petit bémol, j’ai dû me sauver avant la fin de la soirée et j’aurais aimé voir le tableau finalisé… si quelqu’un de MU a pris un photo

Trouvé via La Fraise, qui lui même l’a trouvé via TechCrunch (et ouais c’est ça le web…), un nouveau navigateur basé sur Firefox, avec quelques fonctionnalités bien sympathiques. Flock (c’est son nom) permet de façon simple d’effectuer des tâches jusqu’ici détachées du navigateur.

il intègre un RSS Reader, permet d’uploader et mettre à jour vos photos sur flickr ou photobucket, intègre une système d’édition de blog, et une barre en bas apellée Web Snippets qui vous permet de drag & droper toute sorte de contenu (images, textes, etc…) pour la blogger ou la sauvegarder.

Personnellement je trouve le principe très sympa, le RSS Reader est super pratique et d’un siplicité angélique.

Idem le principe du Web Snippet est tout simplement génial, cela vous permet de stocker du contenu, pour le sauvegarder, le bogger ou faire tout ce que vous vous voulez avec.

L’upload et mise à jour des photo est assez pratique, mais n’intègre pour l’instant que Flickr et PhotoBucket, on attend vivement la prise en compte d’autres services, tel que Rya.

Seul petit bémol, la gestion des bookmarks qui est assez lamentable, n’ayons pas peu des mots, mais qui devrait apparement s’améliorer… tout ceci reste encore en version Béta.
En tout cas il a été adopté comme nouveau navigateur par défaut et il le mérite amplement.

Petit aparté - allez jeter un oeil à ce site: Google Catalogs… un scan de catalogues tous plus kitchs les uns que les autres, c’est un must see…

Aujourd’hui je me suis heurté à un problème de monsieur tout le monde: trouver quelque chose dans un catalogue en ligne. Pour devancer votre question, non je ne cherchais pas le refroidisseur de canette sur port USB ou la clef USB en forme de sushi… mais des fringues d’été pour ma petite fille d’un an.
Je cherchais quelque chose de précis, en l’occurrence un body avec des jambes, taille 18 mois - 2 ans.
J’ai cherché dans deux catalogue en ligne: Verbaudet et La Redoute, et je dois dire que j’ai eut beaucoup beaucoup de mal à trouver.
Le pourquoi du comment est assez simple (enfin c’est mon interprétation…).
Ces boutiques en ligne, sont le plus souvent le pendant Web de leur catalogue papier. Les catégories, sous-catégories dépendent donc le plus souvent de leur position dans le catalogue. Or la navigation sur le web n’a rien a voir avec un catalogue.
La deuxième chose est que cette classification en catégorie/sous-catégorie est désuette et vraiment trop restrictive.
Par exemple, pour un des catalogue, les bodys n’étaient pas dans la catégorie sous-vêtements, mais plage (bon admettons), même quand on utilise leur moteur de recherche avec des mots simples (body comme mot clef on peut guère faire plus simple), la recherche continue d’être aproximative et laborieuse.

Comment faire?
Ah la la, mes amis, j’ai la solution à vos problèmes Ah ahah… (là je rigole dans ma barbe, mais ça se voit pas…)
Le plus simple est de mettre en place un système de Tag.
Je m’explique.
Quand par exemple vous avez un body, vous le tagez avec les mots suivants: Body, sous-vêtements,bébé, plage, vert (si il est vert, sinon ça fout tout en l’air), chaleur, aéré, etc… et vous affectez éventuellement un poids aux différents tags (de 1 à 5, 5 le plus fort et 1 le plus faible).
Donc pour mon exemple de body vert on aurait: Body (5), sous-vêtements (3), bébé(4), plage (2), vert (3), chaleur (1), aéré (1).
Techniquement c’est mis en place en quelques jours, au niveau du contenu c’est un peu plus long, mais c’est jouable (mais ça reste long…).

Qu’est ce que ça apporte?
Ca casse un peu le système trop rigide des catégories/sous-catégories… ça vous libère votre arborescence. Vous pouvez toujours créer vos têtes de gondoles, mais celles ci correspondent à des tags et non plus à des articles fermés.
De plus cela vous permet de créer des associations… ainsi si le client sélectionne le body vert, vous pourrez lui proposer le short vert ou jaune qui va avec… puisque les tags bébé, plage et verts lui sont aussi associés pour les deux articles.
Bref, vous pouvez mettre en place de vrais règles simples, souples et efficaces.

Surtout cela permettrait aux clients de trouver plus facilement les objets qu’ils cherchent, quelle débilité de devoir regarder dans le catalogue papier pour commander sur le web, alors que ce média est censé nous libérer (en partie en tout cas) du papier.
Il reste donc aux VPCistes et Catalogues en ligne en tous genre, de faire quelques efforts d’ergonomie et surtout de réfléchir à comment ses clients naviguent sur leur site. Un client qui ne trouve pas ou difficilement ce qu’il cherche ne revient pas ou alors en trainant les pieds, un client qui trouve son bonheur facilement et rapidement, reviendra, rachètera et vous recommandera…
Mais qu’attendez-vous alors???

Après moult rendez-vous (et plus qu’un seul programmé pour jeudi, Youpi!!!), il est temps de faire un petit bilan…
Tout d’abord une première surprise, mon profil semble plaire et correspondre à un certain besoin sur le marché, à l’heure actuelle, c’est plutôt une bonne nouvelle.
Deuxième chose, la méthode utilisée (en passant par Viaduc) semble elle aussi porter ses fruits. Beaucoup de contacts intéressants, et peu de déchets (du genre commercial d’une SSII qui vous contacte pour un poste de Développeur en J2E alors que nul part je n’est marqué cette technologie que je n’ai jamais pratiquée…).
J’ai donc eut des contacts sérieux avec:
- 3 SSII
- 3 WebAgency
- 2 PME
- 1 projet atypique (pour l’instant je ne vois pas comment le nommer autrement)
Les pistes les plus chaudes et les plus intéressantes sont pour une SSII, une WebAgnecy et une PME (c’était pas vraiment voulu, mais apparement c’est le destin qui en a voulu ainsi).
Le bilan est donc plutôt positif après une semaine, de coups de téléphones, rendez-vous, etc…
On va donc laisser passer quelques jours afin de décanter la situation et voir venir les propositions sérieuses et prendre une décision d’ici à quelques semaines.

Ca y est c’est parti pour plusieurs semaines de frénésie footbalistique. En l’espace de quelques jours, la moitié de la planète est devenue une spécialiste en amortis, ailes de pigeon et je sais pas trop quels termes techniques, s’abreuvant de bière et de monceaux de pizzas et de chips (pour le plus grand bohneur des industriels).
Non ce n’est pas un cliché, baladez vous dans les rues et vous verrez les troupeaux de pauvres hères qui se regroupent pour boire moult bière, faire sonner leurs cornes de brumes (au son si doux à mes oreilles) et entonner leur magnifique chants guerrier tellement mélodieux.
Donc voilà, j’aime pas le foot j’y peux rien, bon je l’admets de temps en temps je me suis laissé prendre au jeu et perverti par un match ou deux, mais on ne m’y reprendra plus c’est juré.
Voir la tête de ces footballeurs me rend malade (Zizou est sur un encard publicitaire sur deux, le reste étant occupé par Ronaldino pour la moitié des 50% et les autres se partagent les restes…) et surtout ce pseudo patriotisme/chauvinisme débile. Non le moral de la France ne se résume pas à 90 minutes de jeu de babale, et non l’intégration (on pourra discuter de ce mot pendant des siècles, mais bref passons) des minorités ne passe pas par la réussite sportive d’une poignée, mais par le boulot et les études pour tous.
Aaah et voilà je m’énerve, je vais aller me regarder un Naruto ou un bon film Gore ça me calmera.