Archives du mot-clef XHTML

Nouveau thème pour le blog O2Sources

Laisser une réponse

C'est avec très grand plaisir que je vous annonce que le blog d'O2Sources, l'Agence Web Lyonnaise qui va bien, a une nouvelle robe.

 

 

C'est un thème inspiré du site Internet de la société et qui utilise Sandbox comme support de développement. Alors bien sûr, pour l'instant le thème n'est pas disponible pour le public mais il le sera certainement un jour.

En attendant, et pour les utilisateurs heureux de WordPress, voici Cyclo, le premier thème griffé O2Sources:

 

 

Enjoy!

Pendant ce temps, toute la team O2Sources part en formation!

Le métier d’intégrateur est-il condamné?

10 réponses

C'est la question que se pose Vinch, notre ami belge. Il porte à nous des arguments qui interpellent effectivement. Pour résumer, IE8 arrive et semble standard compliant, pour de vrai. Comprenez : XHTML/CSS, c'est les doigts dans le nez, il y aura moins de taf pour les intégrateurs. Bon, ne soyons pas si alarmistes. Amis intégrateur, amies intégratrices, je m'adresse à vous :

Le marché de l'emploi

Il y a beaucoup de personnes en recherche d'emploi dans les différents métiers du web, mais surtout chez les développeurs et/ou intégrateur. Mais le travail ne manque pas non plus. Il suffit de checker vos boites emails, votre répondeur pour voir qu'on a de cesse de vouloir vous débaucher (si c'est pas le cas, travaillez votre visibilité).

Des contraintes, il y en a eu, il y en a, il y en aura

Vous savez certainement, ou pas, que les projets pour lequels vous êtes amenés à travailler ne s'adressent pas au même public. Selon le contexte, la cible des utilisateurs, la qualité d'ouverture de votre interlocuteur, vous êtes amenés à déterminer jusqu'où vous pouvez aller dans l'application des bonnes pratiques et déterminer le niveau de qualité que vous pouvez atteindre. Et bien rien que ça, ce n'est pas à la portée du premier webeux venu. Ceux qui pensent encore qu'il faut valider pour valider, peuvent s'acheter un rasoir.

Puis, bien sûr, il existe ce que l'on appelle des contraintes liées à la machine à café. Comprenez : l'appareil squatté par le DSI de certaines entreprises qui, en mars 2008 n'ont pas jugé bon d'updater la version d'IE du parc machine. Alors, pour tous les utilisateurs qui, n'ont même pas les droits d'installer Opera ou Firefox, vous avez dû vous adapter et faire preuve d'imagination, pour rendre vos interfaces ergonomiques et compatibles. Rassurez-vous, le DSI n'est pas prêt de lâcher sa machine à café. Vous allez encore hacker pas mal.

Vous n'êtes pas des intégrateurs!

Je suis incapable de dire quel est mon poste chez O2Sources. Je fais du développement, je connais un peu Photoshop, je fais de l'intégration, du conseil, de la vente, de la hot line… Qu'est-ce que je mets sur ma carte de visite? Et vous?

L'intégrateur, doit avoir une culture relative à son environnement, tant sur le plan tactique sur le plan technique, que les contraintes ergonomiques et les enjeux économiques. Tous les acteurs d'un projet, doivent assimiler les besoins, les priorités de tout un chacun pour pouvoir travailler en symbiose. Un intégrateur qui s'arrête à HTML/CSS n'est pas un profil idéal.

Le futur promet!

Je ne sais pas vous mais je suis excité à l'idée de pouvoir mettre en oeuvre les capacités des prochaines versions de navigateurs. Une fois les possibilités de CSS2 totalement exploitées, vous pourrez proposer des interfaces plus évoluées, plus originales, plus performantes avec CSS3 (et HTML 5?) … et faire évoluer l'existant. Et puis il y a bien d'autres standards, ou de standards en devenir qu'il faudra prendre en compte.

Encore du taf en somme.

Alors moi je dirais, Vinch, ne t'en fais pas, l'intégrateur n'est pas une espèce menacée. Le mauvais intégrateur, c'est moins sûr.


Et pendant ce temps, certains mettent à jour leur webmail.

PS: on peut changer intégrateur par un autre poste, ça peut aussi marcher.

Train

Paris « Pekin » Web 2007

3 réponses

Cette année, la grève aura véritablement pertubé l'organisation de l'évènement, tout du moins en ce qui me concerne. Car l'équipe de Paris Web s'est montrée redoutablement efficace malgré la logistique rendue difficile. Un grand bravo à eux.

Mon résumé ne sera pas aussi long que celui de l'année dernière, je me contenterais de vous dire qu'une fois encore c'était bien, et qu'on espère un Paris Web 2008 (pas en Novembre!).

En attendant les vidéos voici déjà les photos et quelques slides.

Splash 1.9

2 réponses

Le script d'affichage d'image alternatif à Lightbox sort en version 1.9 avec pleins de nouveautés que je copy/paste ici :

  • pour les paresseux, il suffit désormais d'ajouter "splash" au lieu de "splash.image" à l'attribut "rel" (mais vous pouvez toujours conserver "splash.image" cela fonctionne encore).
  • Splash prend désormais aussi en charge les "rels" de valeur "lightbox" ou "lightbox[groupe]". Il est donc inutile de faire un massive update pour utiliser Splash (remarque private inside ^^ ).
  • Paramètrage du z-index du splash et de ses éléments pour éviter les problèmes de niveau des layers.
  • Cache et affiche les éléments de type embed ou object
    (flash entre autres) afin d'éviter que ceux ci passent par dessus le splash.
  • Une demande spéciale d'un visiteur qui voulait afficher une image en fond à la place du fond noir. Pour cela il suffit dans le fichier splash.image.js de mettre le flag "set_bg" à "true" et de mettre dans le repertoire du script l'image désirée en fond et de la renommer en "bg.gif".

Pour télécharger Splash,
c'est par ici.

Voilà, à vous de jouer, moi je vais déjà l'utiliser pour mon Anti Blog/Non Blog.

PS: Xuxu, pour la version 2.0, je te fais un logo et un design :)

PPS: Méfiez vous des imitations.

Mettez en exergue des erreurs HTML grâce à CSS

7 réponses

Eric Meyer parle, dans un de ses derniers billets, d'une solution pour réaliser un diagnostic rapide de son code HTML afin de trouver des erreurs éventuels. La technique n'est certe pas au point et demande à être complétée mais elle semble prometteuse. Pensez à vous munir d’un navigateur « standards friendly » car les sélecteurs seront mis à dure épreuve.

Exemple 1

a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}

Dans cet exemple, les liens ancres seront surlignés en jaune et les liens vide en fuchsia.

Exemple 2

img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}

Cette définition de styles traite le cas des attributs alt et title des images :

  1. Met une bordure rouge de 5px à toutes les images
  2. Enlève la bordure lorsque l'image a les attributs alt et title bien renseignés.
  3. Met une bordure de 5px fuchsia lorsque l'image possède juste l'attribut alt. Une image qui n'aurait pas cet attribut restera rouge.
  4. Double la bordure lorsqu'il manque soit l'un ou l'autre des attributs (alt, title)
  5. Si seulement un des attributs est renseigné, la bordure sera de 3px
  6. Si les attributs sont vides en même temps, alors la bordure sera en pointillés.

C'est une technique qui peut se révéler utile, il faudra voir avec l'usage. En attendant de voir une feuille de styles plus complète, vous pouvez déjà voir les contributions en commentaire du billet chez Eric Meyer.

Ah j'oubliais, voici la page de démonstration.

Dans Refresh il y a Fresh

24 réponses

J'ai l'immense plaisir de vous annoncer la sortie du site de la société O2Sources. Je parle de V2 mais en fait nous n'avions à l'heure actuelle qu'une page qui était :

Screenshot d'O2Sources.com V1

Nous travaillons depuis le début de l'été sur un site, enfin deux mais on va y revenir, afin de présenter un peu notre société et notre philosophie. J'ai eu l'occasion de faire un peu de teasing via la chaine Kawa Yaka mais nous avons tenu à le sortir à temps pour le concours CSSR 2007. Voici donc O2Sources V2 :

Screenshot du site O2Sources.com V2

Vous pouvez découvrir l'ensemble du site à cette adresse : http://www.o2sources.com. Il y a une petite surprise pour les non utilisateurs d'Internet Explorer. Vous pourrez en effet vous apercevoir qu'un des papillons semble vouloir ne pas tenir en place, vous saurez j'en suis sûr l'aider à battre un peu des ailes :)

<edit>

Voici quelques explications concernant le choix du layout pour le site O2Sources :

Le choix du header assez haut est justifié par notre décision de
vouloir représenter de manière significative le ciel et de donner une
impression d'air, de liberté. Le footer est composé de trois couleurs
qui mettent en avant l'eau, la terre et la nature qui pousse grâce aux
éléments précités et au rayons du soleil qu'on imagine percer via ce
beau ciel bleu.

</edit>

Puis un bonheur ne venant jamais seul, je vais vous parler du second site. Si le précédent est surtout destiné à présenter la société, le second est une présentation de notre activité, sous la marque netOpresto. Je vous épargne (pour l'instant) les raisons qui conduisent à ce choix. Je vous laisse voir ce qu'il en est :

Screenshot du site netOpresto

netOpresto, Solutions Web : http://www.netopresto.com

Bonne visite à vous :)

Kawa-Yaka : Vlà mon accroche estivale

4 réponses

Voici ma contribution à la gentille chaine qu'a lancé notre ami br1o et qui a pour nom : Kawa-Yaka. Le principe? S'auto motiver à aller au bout d'un/des projet(s) qui traine dans les tiroirs en affichant publiquement une grosse accroche, histoire de pas pouvoir faire marche arrière.

Teasing de www.o2sources.com V2

J'invite toutes les personnes qui ont des idées à concrétiser (un refresh?) à prendre leur courage à deux mains et à participer à cette chaine, qui soyons honnête n'est pas à cataloguer parmi les chaines à la con.

Premier concours Pimp My hCard

8 réponses

Alexandre Balmes, le blogueur qui monte qui monte, est à l’origine de ce concours
dans lequel il invite les concurrents à mettre en forme une hCard. Pour
cela, il vous fournit le code XHTML que vous ne pouvez modifier.
Ensuite cela se passe au niveau des feuilles de styles.

Les gagnants se verront remettre des lots intéressants, mais sachez que le plus important c’est qu’à travers cette opération on fait la promotion des microformats.

Allez donc voir la page dédiée au concours. Date limite de participation : le lundi 18 Juin 2007.

Non, rassurez-vous, Sutekidane n'est pas encore devenu un site de Sérial Buzzer.

via Super Chinois.

CSSR strikes back (Cascading Style Summer Refresh 2007)

16 réponses

Tu es jeune, ou pas, tu n'a pas trouvé de job d'été, tu veux épater les filles(ou mecs) à la plages/au boulot et tu veux relooker ton blog qui n'est pas/plus un skyblog : Alors participes au CSSR 2007.

Le concours se résume en 4 points :

  • A l'occasion de l'été, présenter une refonte de son site web (graphisme, conformité aux normes)
  • Proposer sa refonte estivale aux votes des membres AlsacréationS
  • A l'issue des votes, accepter le verdict final, bon ou mauvais.
  • Le vainqueur gagnera divers ouvrages (dédicacés) sur la conception web et autres gadgets.

Et comme je suis prudent je copie/colle aussi le règlement pour ne pas me tromper :

Modalités du concours :

  • Le concours est ouvert à tous les membres du Forum.
  • Première étape, les Inscriptions : Vous pouvez vous inscrire (si votre site est finalisé) jusqu'au 10 août 2007. Un formulaire d'inscription vous est proposé. En attendant de vous inscrire définitivement, il est possible de vous pré-inscrire (sans engagement).
  • Deuxième étape, les Validations : Entre la fin des inscriptions (10 août 2007) et le début de l'ouverture des votes (15 août 2007), les modérateurs choisiront de valider ou non les différentes propositions. Rares seront les sites refusés (sites très peu respectueux des standards, sites objectivement laids, …). Note : soyez joignables pendant cette période pour d'éventuelles mises au point. Une capture d'écran sera faite pour présenter votre œuvre sur la page des votes.
  • Troisième étape, les Votes : Chacun des membres inscrit sur le forum avant le 15 août 2007 pourra voter à partir de cette date pour chacun des sites présentés ; Vous pourrez voter pour l'un d'entre eux ou plusieurs comme bon vous semble, mais vous n'aurez le droit de voter qu'une seule fois pour chacune des créations. Il s'agira de noter le travail effectué sur 10 points, de 1 à 10, votez pour ce que vous aimez avant tout, mais soyez un minimum objectifs tout de même : on ne vote pas que pour son site ou son copain, mais également pour toutes les autres réalisations qui le méritent. Soyez beau joueur !
  • La fin du concours, les gagnants : Les votes se termineront le 30 août 2007 au soir (minuit) à partir de là, le site gagnant sera proclamé et son auteur se verra offrir des présents inestimables.

Moi cette année je louperais pas le concours, et vous?

via AlsacreationsS