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.
Friday, August 14th, 2009
Demandez à Mojo, nouveau service “très” utile de Yahoo!
Au moins, on peut dire que le site est bien agréable et hyper ludique. (Ok, au même temps, on ne peut pas y faire grand chose)
D’ailleurs, moi, toujours selon Mojo, je suis ça:
Bon, ok…
Friday, August 14th, 2009
Pour ceux qui pensent qu’il est “facile” de bosser dans le web, voici la preuve que ce n’est pas toujours le cas.
Oui, oui, on vous assure que ce genre de demandes sont bien réelles…
Thursday, August 13th, 2009
Pour mettre en valeur des éléments d’un site, des promotions ou des news, nous utilisons les showcases. Ce sont ces encadrés avec une grande image, du texte et des onglets. Soit les images et le texte s’affichent l’un après l’autre comme un slideshow, soit vous cliquez ou survolez sur un onglet, et l’image correspondante s’affiche.
Ces showcases sont réalisés avec jquery, ce qui permet une meilleure accessibilité, que s’ils étaient développés en flash.
Pour réaliser cela, nous créons une liste, puis nous superposons les éléments de la liste. Avec la fonction javascript setTimeout(), nous alternons l’affichage des images automatiquement. Pour positionner les images, l’une au-dessus de l’autre, nous modifions le z-index des éléments avec l’utilisation du framework jquery.
Exemples :
www.cyc2.be
www.voo.be
Tuesday, August 11th, 2009
Comment se donner mal à la tête en regardant une vidéo? Et bien comme ça, voyons…
Yooouuutuuube crée une sorte de kaléidoscope totalement inutile et qui peut même vous coller une forte migraine si la vidéo est trop longue. N’est-ce pas que j’ai raison?
Wednesday, August 5th, 2009
On nous demande souvent comment fait-on pour positionner nos footer en CSS pour que :
Cela va faire plus d’un an que nous utilisons la technique suivante.
Et nous n’en sommes pas déçus !
La technique fonctionne avec trois <div>.
Le principe est de fixer la hauteur minimale du body et du div “page” à 100%.
Ensuite, on place le footer en dehors du div “page”. Cela aura pour effet que le footer se trouvera juste en dehors de l’écran (schéma 1).
On le remonte avec un margin négatif égal à sa hauteur pour qu’il remonte par dessus le div “page” (schéma 2).
Si on en reste là, le footer passera au dessus du contenu se trouvant dans le bas du div “page”.
Il faut donc placer un div (”spacer-footer”) dans le bas du div “page” qui à la même hauteur que le footer.
De cette manière, le footer se placera au dessus de ce div et non plus du contenu si le contenu dépasse la taille de l’écran.
Pour ceux qui comprennent mieux avec du code voici pour eux.
Code HTML
<html> <head> ... </heade> <body> <div id="page"> <div id="spacer-footer"> </div> </div> <div id="footer"> </footer> </body> </html>
Code CSS
/*** HTML ***/
html, body {
height: 100%;
}
/*** PAGES ***/
#page {
min-height: 100%;
}
/*** FOOTER **/
#spacer-footer {
height: 30px;
clear: both;
}
#footer {
height: 30px;
margin-top: -30px;
}
Si vous faites encore attention à IE6, vous devez spécifier dans votre feuille de style IE6 ce qui suit.
En effet, IE6 n’interprète pas les “min-height”.
#page {
height: 100%;
}
Et pour en avoir le cœur net vous pouvez tester sur nos sites suivants :
Tuesday, August 4th, 2009
Google for Advertisers est un mini-site qui reprend le B.A.-ba des offres publicitaires proposées par Google.
Google montre, surtout, quels outils utiliser en fonction des besoins de chacun.
Un petit site bien fait et très clair. Si vous cherchez des infos, c’est un très bon support. Autre solution, passez-nous un petit coup de fil. 
Monday, August 3rd, 2009
Hé oui, c’est fait, Firefox a atteint la barre du milliard (ça se dit vite) de téléchargements !
Pour la peine, ils ont créé une petite page spécialement conçue à cet effet qui vous permet de leur envoyer des photos de vous faisant la promotion du renardeau (non, je sais, c’est un panda roux…).
Copyright 2010 - Vitam - 173 chaussée de Wavre - 1050 Bruxelles - Tel. +32(0)2 - 213.74.00 - info@vitam.be - Conditions générales
