Web 3 Marketing 0

Lorsque j’étais adolescent, je me souviens de cette époque du « Black Album » de Metallica… Un son beaucoup plus rock que les précédents albums où se mêlaient la puissance de riffs bien lourds et rapides. Impossible pour un néophyte de saisir la puissance de cette musique. Et puis à cette époque on était un groupe, vêtus de vestes en jean ou en cuir, des bottes à coin carré…
Mais voilà arriva ce « Black Album », plus commercial, plus écoutable, un public plus large en vint à écouter « notre » musique et, terrible affront, ne portaient même pas des tee-shirts avec des dessins pour faire peur…

Web 2.x.x
Lorsque cette notion de web deux zéro commença à émerger, j’étais encore dans des considérations techniques – force est de constater que dans une très grande majorité les personnes prônant le Web 2.0 n’ont aucune crédibilité technique.
Le web 2.0 est un web plus accessible – « qu’avant », où chacun peut devenir acteur. Avec en première production, le fameux weblog. En ce sens, si le premier réflexe du technicien est de rejeter les divagations d’une nouvelle génération de marketing, tout n’est pas à jeter – loin de là. Mais à condition donc, de considérer le web 2.0 comme agrégat de concepts qui transcendent l’utilisateur, même non averti, en producteur de contenu. Lire la suite

Be Google

Si Google lâche quelques infos sur ses pratiques de management – qui finalement se résument à du bon sens et une affaire de gros sous, on en arrive à se demander si ce livre n’est pas un appel RH de façade pour son brain recruitment, mais je m’égare…
Si google donc, nous livre quelques astuces, le hall d’entrée du Googleplex que les Googlers nomment le « Master Plan« , a été effacé. Officiellement top délirant… mais sans doute la direction se pose des questions suite à des publications sur le web des photos et donc… des idées!
C’est tout de même une très bonne idée ce support… au moins une qui n’avait pas été achetée…

Les vrais standards CSS – Partie I : la guerre des normes

Introduction : De l’utilité du Doctype.

Choisir un bon doctype influera énormément sur votre perte de cheveux en venir, lorsque vous essaierez d’aligner une image de fond à droite sur IE5/Win alors qu’elle part de 2 pixels à gauche sur Firefox et qu’elle n’apparaît qu’à moitié dans IE/MAC…
Il y a tout un tas d’articles sur le Web traitant de la définition du doctype et de leur écriture.
Le meilleur (compromis) actuellement semble être :

DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »

Il permet assez de souplesse tout en obligeant une certaine rigueur dans la structure et il me semble que c’est celui qui donne le résultat le moins hétéroclite d’un navigateur à l’autre.

» De l’utilité du doctype
» Les différents doctypes

La problématique : les standards ne sont pas standardisés.
Sous ce titre barbare se cache une réalité : IE5, IE6 et IE7 windows (bravo), IE5 MAC, Firefox, Opera ne réagisse pas de la même façon lorsque l’on pousse dans leur derniers retranchements le XHTML et/ou CSS. Suis-je obligé d’évoquer Safari ?…

Lire la suite

XUL Partie I : Le point

Introduction
Pour rappel, XUL est une surcharge du langage XML soutenu par Mozilla qui en gros, peut s’utiliser comme du XHTML.
Un langage extrêmement digeste avec lequel on peut interfacer des composants séduisants (barre de progression, glisser-déposer…)
Pas forcément orienter Web, pour le moment…
Lire la suite

Remplacement de texte par de l’image

Voici plusieurs techniques pour insérer une typographie riche – i.e. remplacer du texte par une image, tout en respectant l’accessibilité et l’indexation par les moteurs de recherches : bluffant !

» /!\ problèmes d’accessbilité avec ces techniques et là.
» La technique ultime.

» Une technique en php… prometteur mais… je ne suis pas arrivé à faire tourner….

» Surtout pour les titres, en css brut.

» Solution simple et compatible.

» pas mal du tout.

» En javascript.
Il s’agit ici plus d’un detect pour savoir si le navigateur autorise l’affichage d’image.

Ergonomie incitative et accessible

» Support de présentation du WiF.

» Feng-shui et interfaces graphiques.

» Le Design eye.

» Communication visuelle & design Web

» L’accessibilité : « ça coûte cher et ça sert pas à grand chose »…
» L’accessibilité : halte aux mythes & préjugés.

» Design de mailing list.

» L’utilité et l’utilisation de l’effet rollover.

» Etude sur la navigation.

Hack CSS – les éviter…

Pour parer à un certain manque de compatibilité, malgré les standards, entre navigateurs (cross-browsers), on utilise des filtres (hacks) qui permettent d’utiliser un attribut selon le navigateur. Par exemple, pour qu’un attribut ‘width:2px’ soit lisible uniquement par IE, on écrira ‘_width:2px’.
» IE7 est une librairie JavaScript qui fournit une couche d’abstraction des standards W3C pour Microsoft Internet Explorer 5+. Les propriétés et sélecteurs CSS2/3 sont supportées et de nombreux bugs de rendu sont fixés.
/!\ Quelque soit le navigateur, il est certain que les versions futures n’autoriseront plus ce genre de rafistolage…
» Entre standards et hack, Microsoft trouve une parade… histoire de ne pas respecter les standards: ici …
» Une alternative aux hacks.

» À utiliser avec parcimonie…

» Les filtres CSS.

Lignes alternatives : l’opérateur modulo

Voici une technique simple qui va permettre, par exemple, de colorer une ligne sur deux.

for($i=0;$i<10;$i++) {
if($i % 2) {
//macouleur=blanc
}else{
//macouleur=gris
}

Webdesign : le guide.

Tout y est : de la typographie & layout, accessibilité, architecture…

» Web design form scracth.

Des effets CSS

» Opacity et transparence.

» Apparition de l’image en fade.

» Un faux loader… par exemple pour le chargement d’une image.

» Rendre les liens ‘visited’ plus sexy.

» Des info-bulles

» Effet sur un logo.

» De l’ombrage, aussi chez sixApart

» un rollover sur une partie d’une image.

» Généré des dégradés php et css.

» Un rating… très en vogue.