Contenu

Vitam - Blog.

Chez Vitam nous pensons qu’il est primordial de tenir nos clients informés de ce qui se passe dans notre agence ainsi que dans notre secteur d’activité.

C’est pourquoi nous nous efforçons de maintenir notre blog à jour en y intégrant des informations sur le webdesign, l’e-marketing, la communication interactive, les nouvelles technologies ou encore sur la vie au sein de Vitam.

Archive for the ‘Vitam’ Category

Objectif Com

Wednesday, January 20th, 2010

Oui, n’oubliez pas que demain se tient au Chateau du Lac de Genval la première édition du salon Objectif Com duquel nous sommes partenaires.

objectifcom

Le but du salon, organisé par Innovatech et l’UCM, est d’apporter des réponses simples, formulées par des professionnels, en matière de communication d’entreprise.

N’hésitez pas, l’entrée est gratuite et ouverte à tous.

En espérant vous y voir,

Opera Live

Tuesday, January 19th, 2010

Coup de projecteur aujourd’hui sur le dernier site que nous venons de mettre en ligne.

Commandé par l’Opéra Royal de Wallonie, le site Opera Live va permettre aux amateurs de suivre un opéra depuis leur salon, avec le son et l’image.

opera_live_home

Le principe est très simple. Vous repérez un opéra qui vous plait, vous achetez un ticket, vous vous installez confortablement devant votre écran et le spectacle commence.

opera_live_interne

L’achat des tickets se fait bien entendu depuis le site lui-même et le visionnement de l’opéra peut se faire à votre meilleure convenance. Plus besoin de se presser ni de braver ce froid hivernal.

opera_live_getaticket1

Au site a été intégré un blog afin de permettre au public de suivre les nouveautés de l’Opéra Royal de Wallonie.

opera_live_blog

Dernière chose. Pour ceux qui, comme moi, n’ont jamais vu d’opéra de leur vie, ce site est peut-être le meilleur moyen de s’y essayer de manière douce et sans complèxer d’être un profane.

En espérant que l’expérience sera enrichissante, Vitam et l’Opéra Royal de Wallonie vous souhaitent un excellent spectacle.

Contrex rajeunit

Wednesday, January 13th, 2010

Le site Contrex.be est repassé sous les tablettes graphiques de nos designers afin de bien affronter 2010. Petit lifting donc que nous vous présentons, ici la home:

new_contrex_home

Ou encore une page interne:

new_contrex

Pour ceux qui connaissaient le site avant cette mise à jour, vous constaterez quelques éléments nouveaux visant à rendre les pages plus vivantes.

En résumé, des retouches tout en finesse pour un résultat discret et élégant.

Welcome Jérôme et Jonas

Friday, January 8th, 2010

Quelques nouvelles de chez nous aujourd’hui.

Nous souhaitons la bienvenue à Jérôme, un grand maître en arts martiaux (il fait même des trucs qu’il est tout seul à faire…) et accessoirement, entre deux combats, c’est aussi un excellent graphiste et le nouveau meilleur ami de Thomas (bien malgré lui).
Nous vous informons aussi que Jérôme a un don vocal. Il est la voix française plus ou moins officieuse de Golum, Donald Duck et toute une série de Télétubbies et autres Pokemons.

Saluons aussi l’arrivée de Jonas, maître intégrateur et attention, scoop en avant-première mondiale, Jonas a un volant en bois. Difficile du coup de ne pas reconnaitre sa belle voiture, ça doit, minimum, être la seule en Belgique (Europe?). Nous avons aussi appris, lors de l’entretien d’embauche (oui, nos questions sont toujours pertinentes, comme vous pouvez le constater) qu’il a une certaine ressemblance avec Thomas de ce côté-là, en effet, la voiture de Jonas a été incendiée il y a quelque temps (d’ou le volant en bois? :D)

La page d’agence mise à jour avec Jérôme et Jonas arrivera vite (avec son volant en bois).

agence

Welcome Jérôme & Jonas ;)

Recherche freelance PHP/MySQL

Thursday, December 3rd, 2009

Vitam recherche un développeur PHP/MySQL senior pour une période d’un mois afin d’alléger un peu le travail de nos équipes.

Une bonne connaissance de l’intégration et du jQuery est un plus.

Si vous êtes intéressés, n’hésitez pas à nous contacter pour convenir d’un rendez-vous le cas échéant.

Google Wave

Friday, November 27th, 2009

Bon, comme le petit monde du web n’a pas beaucoup parlé de Google Wave ces derniers temps, on se permet d’en rajouter une couche…

Nous offrons 1 invitation aux 5 premières personnes à répondre à ce post.

Wave

Ha oui, important, vous les aurez probablement lundi, pas la peine de nous harceler pendant le weekend… :D

Espace Citoyen

Tuesday, October 6th, 2009

Voici le nouveau site d’Espace Citoyen que nous avons eu le plaisir de réaliser (adaptation graphique, intégration et coding).


espace-citoyen

Espace Citoyen est une asbl qui vise à informer les jeunes ainsi qu’à leur donner quelques clés afin de mieux vivre dans l’univers qui les entoure.
C’est aussi un espace ou des enseignants et des éducateurs viennent apporter leur pierre à l’édifice de la citoyenneté. Les articles de fond, qui touchent des problèmes sensibles, sont écrits par des journalites ou des éducateurs mais sont surtout retouchés par des spécialistes respectés afin que la crédibilité dudit article ne souffre d’aucune ambiguité.
En outre, Espace Citoyen donnera à toutes les familles, des parents jusqu’aux enfants, des éléments de réponse à un maximum de questions dans un lieu d’échange et d’apprentissage.

espacecitoyen

Nous sommes ravis d’avoir pu contribuer à un projet comme celui-ci.

Changement de langue

Wednesday, September 9th, 2009

sélection de langue sur le site voo.be

Parfois les intégrateurs doivent trouver des astuces afin de respecter les layouts proposés par le graphiste tout en gardant la meilleure ergonomie possible.

Par exemple, dans le design du projet Voo, il y avait écrit dans le footer : “sélectionnez votre langue” à la place des 4 abréviations de langues que l’on voit couramment sur les sites web. Ceci implique à l’internaute de devoir passer par une page intermédiaire pour pouvoir sélectionner sa langue.

Afin de respecter le design et d’éviter ce désagrément pour choisir sa langue, Vitam a décidé de modifier le lien “sélectionnez votre langue” lors de son survol.
Avec l’aide de Jquery (framework de javascript), lors du passage de la souris, nous remplaçons le lien par une liste comprenant les liens vers chaque langue.

Cela permet aux internautes de sélectionner directement la langue souhaitée.
Pour ceux qui ont javascript désactivé sur leur machine, ils accèdent à une page intermédiaire de choix de langue.

Jeu du vendredi

Friday, August 21st, 2009

Comme on est vendredi, et suite à la clameur populaire, voici donc le fameux “Jeu du vendredi”

monchichi

Donc, comme la dernière fois, le but est de trouver l’utilité cachée de cette nouvelle mascotte (encore?) de Vitam.

Sa première utilité -et tout le monde le sait- est simplement de pouvoir se moquer de Dan un peu, beaucoup, a la folie…

Votre but est donc de trouver quelle est son autre utilité.

Allez, comme d’habitude, il n’y a rien à gagner de bien intéressant.

TinyMCE et W3C

Wednesday, August 19th, 2009

Il est toujours difficile dans la création d’un site Internet de faire un compromis entre les possibilités d’édition de texte que l’on fourni et le respect des standards du web.
De plus, les copier/coller vers ces éditeurs rajoutent souvent du code impropre qui ne respecte pas ces standards.
Vu que chez Vitam nous codons tous nos sites en XHTML 1.1 Strict, nous avons du trouver des solutions.

Nous avons opté pour TinyMCE qui respecte de manière native une bonne partie des recommandations W3C.
De plus, il offre la possibilité de définir quelles balises l’éditeur autorise ainsi que les attributs autorisés balise par balise.
Il est même possible de définir les valeurs précises acceptées pour un attribut.

Cette spécification s’utilise avec la déclaration “valid_elements”.
La syntaxe est la suivante :

balise[attr1|attr2<val1?val2|attr3],balise2[attr1| ...], ...

Voici un exemple de quelques balises que nous avons spécifiées

a[class|href|hreflang|lang|name|title]
h1[class|lang|title]
p[class<bleu?head?center|lang|title]

Il est possible d’aller encore un peu plus loin en précisant qu’une balise dépréciée doit être remplacée par une autre.
Par exemple, que la balise <i> soit remplacée par <em>.
La syntaxe devient :

balise/oldbalise[attr1| ...

Par exemple :

strong/b[class|lang|title]
em/i[class|lang|title]

Si vous voulez plus d’information et toutes les syntaxes possibles, nuos vous invitons à lire la documentation sur le site de TinyMCE