Changer la taille du texte: (Par défaut)

Colonne de droite: Cacher

Actions

Tutoriel: Apprendre les feuilles de style XSL(T)

Publié par Gui, le 2 février 2010
Dans: Développement, Tutoriels, XML

Le XML est un format très répandu, utilisable dans de nombreuses applications:

  • Site Internet
  • Application Mobile
  • Progiciel
  • Application Flash

Il est donc très intéressant de penser à stocker ses données ou les exporter si celles-ci sont préalablement stockées dans une base de données, dans ce format là.

Mais les données sont alors brutes, sans mise en page particulière. C’est ici qu’intervient XSL(T).

DEMO DOWNLOAD

Continuer la lecture de « Tutoriel: Apprendre les feuilles de style XSL(T) »

, , ,

Tutoriel: Réaliser un diaporama simple avec JQuery

Publié par Gui, le 29 octobre 2009
Dans: Développement, Jquery, Tutoriels

JQuery est devenu rapidement un framework de développement javascript indispensable, très pratique que ce soit pour développer de simples fonctionnalités ou des sites complets.

Souvent, lors de la création d’un site internet, on rencontre les mêmes fonctionnalités de base (des rollover sur les images, un menu déroulant, un diaporama …), et pour chacun d’entre eux, il existe quasiment un plugin JQuery qui répond à ces attentes.

Il peut être également utile de développer un plugin pour une fonctionnalité simple mais à laquelle on se trouve souvent confronté et dont on veut maîtriser le fonctionnement.

Mon premier tutoriel s’articulera donc autour de la mise en place d’un plugin JQuery simple: un diaporama Photo.

Diaporama simple avec JQuery

DEMO DOWNLOAD

Continuer la lecture de « Tutoriel: Réaliser un diaporama simple avec JQuery »

, ,

Le CSS Orienté Objet

Publié par Gui, le 24 septembre 2009
Dans: CSS, Développement, Internet

La Programmation Orientée Objet est un concept qui a fait ses preuves dans la conception de sites internet. En effet, elle permet d’avoir un code structuré, facilement réutilisable et dont la mise à jour est rapide et aisée.

Pourquoi ne pas l’adapter au CSS ?

A priori, le CSS n’a pas grand chose à voir avec de la POO. Pourtant, à y regarder de plus près, on y retrouve des concepts bien familiers:

  • Système de Classes
  • Propriétés
  • Héritage

Continuer la lecture de « Le CSS Orienté Objet »

, , , ,

Les iPhones gagnent du terrain sur le web !

Publié par Gui, le 17 septembre 2009
Dans: Général, Internet

Qui aujourd’hui ne peut pas se connecter à Internet depuis son téléphone ?! L’offre est devenue presque « basique ». Les portables sont très performants, ergonomiques et disposent de grands écrans, seul le forfait adapté peut faire plancher le consommateur.

Source: AT Internet Institute

Il n’est donc pas surprenant de voir que la fréquentation des sites internet (du moins sur la période estivale) depuis un iPhone, qui est sans doute à l’heure actuelle, le smartphone le plus abouti et le plus apprécié, représente presque 1 % des visites totales !

Il faudra donc dans un avenir proche penser à concevoir vos sites internet pour les téléphones portables aussi, en terme d’interaction et d’affichage.

Par ailleurs, si vous voulez que j’adapte mon site pour iPhone, achetez-en moi un ;)

, , , , ,

guillaumevoisin.fr se fait tout beau pour la rentrée!

Publié par Gui, le 5 septembre 2009
Dans: CSS, Général

Comme chaque année maintenant, le site fait peau neuve. La tendance actuelle: « l’élasticité » et le « fluid design« . Au menu de ce nouveau design: des couleurs sobres mais harmonieuses, pas mal d’interactivité, une amélioration générale de l’ergonomie et bien sûr, un refus catégorique de passer 36h à faire en sorte que le site sorte propre sur IE 6.

Nouveau design pour guillaumevoisin.fr : Fluide

Nouveau design pour guillaumevoisin.fr : Fluide

Eh oui c’est une première, si vous vous plaigniez du mauvais affichage sous IE6, ce n’est pas que je l’ai oublié mais au contraire bien pensé à ne pas y faire attention ;) . Pour rappel, nous sommes passés à IE 8 maintenant, alors à vos mises à jour !

, , , ,

Les bases du référencement naturel

Publié par Gui, le 21 août 2009
Dans: Internet, SEO

Voici un petit rappel des principes de base de référencement naturel à mettre en place lors de la conception d’un site internet.

Sémantique et standards

Structure

L’un des aspects les plus importants pour le référencement d’un site est la structure HTML de celui-ci. Il est primordial d’utiliser les éléments de base du langages tels que:

  • Les balises de type headers <h1>, <h2>, … pour les titres
  • Les balises <p> pour les paragraphes
  • Les balises <ul>, <li> pour les listes d’éléments
  • Les balises <strong> pour la mise en avant de texte

Non seulement l’utilisation de ces balises de base permettent aux moteurs de recherche de mieux cibler le contenu, de mieux l’interpréter mais cela permet également en cas de non affichage des feuilles de style de conserver une mise en page cohérente, puisque ces balises ont un style par défaut.

Standards W3C

Dans la mesure du possible chaque page d’un site internet devrait respecter les standards imposés par le W3C.

Cela permet non seulement d’avoir un code « propre », plus facilement interprétable par les différents navigateurs, mais également une meilleure identification du contenu par les moteurs de recherche.

Il faut donc proscrire certaines balises comme:

  • <b> pour le gras, préferer la balise <strong>
  • <u> pour souligner, préférer le faire en css avec la propriété text-decoration:underline

De même, veillez à ne pas insérer de balises au mauvais endroit, par exemple:

  • des balises <h1> à l’intérieur de <p> …

Continuer la lecture de « Les bases du référencement naturel »

, , , , ,

Firefox 3.5 est sorti !

Publié par Gui, le 30 juin 2009
Dans: Internet

Mozilla Firefox

Enfin! 1 an après la sortie de Firefox 3, voici la dernière version du légendaire renard de feu. Plus puissant, plus rapide, il reste le meilleur navigateur sur la toile !

Vous pouvez le télécharger dès maintenant sur le site de la fondation Mozilla.

Vous pourrez ainsi tester les nouvelles performances du navigateur, son mode de navigation privée ainsi que sa gestion native des balises <video> HTML 5.

Alors à vos téléchargements !

, , ,

World Wide Developer Conference 2009 à San Francisco

Publié par Gui, le 8 juin 2009
Dans: Développement, Internet

World Wide Conference 2009 à San Francisco
A 19h, heure française, débutera la conférence mondiale des développeurs (WWDC) à San Francisco aux Etats Unis.

C’est l’occasion pour Apple, de présenter pendant toute une semaine, toutes ses nouveautés, aussi bien dans les appareils mobiles (iPhone) que les ordinateurs portables (MacBook) et bien sûr le nouveau système d’exploitation Mac OSX Snow Leopard.

Beaucoup d’attente pour cet évènement qui rassemble des développeurs du monde entier.

Depuis pas mal de semaines les rumeurs s’enchaînent, et on espère bien découvrir de belles surprises!

Les nouveautés très attendues cette année sont:

Rendez vous tout de suite sur Mac Génération pour suivre en direct le déroulement de la conférence.

, , , , ,

Ajax et référencement

Publié par Gui, le 29 avril 2009
Dans: Développement, Internet, Jquery, SEO

La technologie Ajax, qui a vu le jour il y a déjà quelques années maintenant, permet de développer des sites très ergonomiques, pratiques et intuitifs. C’est l’effet Web 2.0.

Référencement et Ajax

Explication

Le principe de base est de récupérer la plupart des contenus du site en interrogeant des scripts serveurs externes via des appels en Javascript.

Mais au delà de l’interactivité du site, il existe aussi un réel enjeu: le référencement (SEO).

Si tous les contenus sont créés dynamiquement à partir de Javascript, il n’existe donc pas réellement de contenu « physique » dans la page. Il n’y a donc aucune donnée à indexer par les moteurs de recherche.

Hors nous avons vu l’importance de la sémantique dans le référencement naturel d’un site.

Continuer la lecture de « Ajax et référencement »

, , , , , , , , ,

M6 se paye notre tête!

Publié par Gui, le 20 avril 2009
Dans: Internet, Medias

Surprise ce matin, des amis m’apprennent que Sébastien Angot et moi-même sommes passés à la TV. Ca s’est passé le vendredi 17 avril sur M6 dans l’émission 100% Mag. Jusque là rien d’étonnant…

Le petit détail, c’est que nous n’étions pas au courant!

Explications

Nous apparaissons effectivement dans une photo illustrant un reportage vidéo sur Céline Dion au Québec où nous sommes en tenue de Hockey sur Glace dans un vestiaire à Montréal.

Cela se passe à la 38ème minute. Vous pouvez voir la vidéo dans les archives de M6.

Sébastien et Guillaume dans l'émission 100% Mag de M6

Commentaire audio du reportage, parlant du fils de Céline Dion:

… et s’il est trop mauvais comme joueur de hockey, il pourra toujours nettoyer les vestiaires …

Que faut-il comprendre ? … Que nous sommes des joueurs de hockey exceptionnels ou que nous sommes bons pour faire le ménage? A vous de décider ;)

Comment notre photo a-t-elle atterri ici?

Cette photo a été prise par Réjane lors de notre année universitaire à Montréal, au Canada. Sébastien et moi tenions alors un blog où nous postions régulièrement des news et des photos.

Google faisant bien son travail, de nombreuses photos ont été référencées par le géant américain et M6 n’a eu donc qu’à piocher dans la grande bibliothèque d’images de Google sans se préoccuper des potentiels droits d’auteurs de celles-ci.

On peut en effet trouver cette photo sur le blog de Sébastien mais également sur google images en combinant les mots clés: vestiaire montréal hockey

Qu’avons nous fait?

Sébastien est entré en contact avec M6 pour leur demander des explications, notamment par rapport à deux points particuliers:

  1. La photo n’est pas libre de droit et ne peut être exploitée sans l’autorisation de son auteur
  2. Le droit à l’image. Nous sommes tous deux bien identifiables sur la photo.

Voici ce que dit la loi:

Le droit à l’image permet à toute personne de s’opposer – quelle que soit la nature du support utilisé – à la reproduction et à la diffusion, sans son autorisation expresse, de son image.

source: CNIL

Qu’a répondu M6

L’interlocuteur chez M6 a reconnu que l’utilisation de l’image n’était pas conforme à la loi et nous a donc proposé un dédommagement, ce que nous avons accepté.

Morale de l’histoire

Ne jamais renoncer à ses droits!

, , , , , , , , , ,