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

Colonne de droite: Cacher

Actions

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 ;)

, , , , ,

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!

, , , , , , , , , ,

L’architecture MVC dans le développement d’un site internet

Publié par Gui, le 17 avril 2009
Dans: Développement, Internet

L’architecture MVC (modèle, vue et contrôleur) est un concept très puissant qui intervient dans la réalisation d’une application. Son principal intérêt est la séparation des données (modèle), de l’affichage (vue) et des actions (contrôleur).

Ce concept peut très bien être appliqué à un site internet. De nombreux sites internet disposent d’une plateforme d’administration pour modifier facilement les contenus. Il est bien évident que l’utilisateur qui va utiliser ce système pour créer des pages ne doit pas modifier la structure complète du site, ni les actions ni l’affichage. Pour qu’il ne modifie que les données, celles-ci doivent alors être isolées.

C’est sur ce constat que se base le système MVC. Chaque partie est bien distincte. Les données peuvent provenir d’une source quelconque et la vue peut être conçue par des webdesigners n’ayant pas de connaissance en programmation.

Continuer la lecture de « L’architecture MVC dans le développement d’un site internet »

, , , , , , , , ,

Les meilleures ressources du web: webdesign, inspiration, tutoriels

Publié par Gui, le 11 avril 2009
Dans: Internet, Ressources

Il n’est pas toujours évident de rester « in » dans le milieu du web, tellement les choses avancent vite, de nouvelles technologies se développent, d’autres s’effacent.

Heureusement pour nous tous webdesigners et développeurs web, il existe de nombreux blogs d’information plus variés et riches les uns que les autres et qui nous aident à rester aware des dernières tendances du web!

J’ai rassemblé dans la liste ci-dessous les sites principaux que je consulte chaque matin et qui proposent des flux RSS que l’on peut facilement ajouter dans son netvibes par exemple.

Continuer la lecture de « Les meilleures ressources du web: webdesign, inspiration, tutoriels »

, , , , , , , , ,

Les meilleurs plugins Jquery

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

JQuery

JQuery

Fini le temps où l’on devait toujours écrire du code javascript pour avoir un peu d’interaction dans nos pages web.

Depuis quelques années, des framework de développement javascript ont vu le jour.

Qu’est-ce qu’un framework?

C’est un ensemble de bibliothèques, d’outils et de conventions permettant le développement d’applications. Il fournit suffisamment de briques logicielles et impose suffisamment de rigueur pour pouvoir produire une application aboutie et dont la maintenance est aisée.

Il existe de nombreux framework disponibles sur Internet. Voici une liste des plus connus:

  • JQuery, de nombreux plugins, sans doute le meilleur
  • Prototype, le plus ancien et le plus connu
  • Scriptaculous, permet de réaliser des effets visuels avec Prototype
  • Dojo
  • Mootools, conception d’effets visuels
  • YUIL, bibliothèques de Yahoo

J’ai fait le choix de Jquery, que je trouve très prometteur et qui regorge de plugins divers et variés qui permettent de concevoir toutes les interfaces interactives que l’on peut imaginer, et ce assez facilement.

Ma sélection de plugins

J’ai réunis dans la liste ci-dessous les plugins les plus intéressants:

Cette liste non exhaustive permet déjà de répondre à de nombreux besoins lorsque l’on veut créer une interface assez riche en interactions utilisateurs.

, , , ,