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 »

, , , ,

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 »

, , , , , , , , ,

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 »

, , , , , , , , ,

L’importance de la sémantique du code HTML pour le référencement

Publié par Gui, le 15 avril 2009
Dans: Développement, SEO

Le référencement est une science qui évolue très rapidement. Si rapidement que son nom « Référencement » est déjà obsolète. On parle aujourd’hui de SEO, pour Search Engine Optimization (Optimisation pour les moteurs de recherche).

Les méthodes de SEO ont bien changé depuis les premières recommandations pour apparaître dans le top 10 de google. En effet, alors que les balises metas keywords et description étaient primordiales à l’époque, celles-ci le sont beaucoup moins à l’heure d’aujourd’hui alors il est inutile de « spoiler » votre page avec ces éléments.

Maintenant, et même si cela était déjà le cas avant mais l’est d’autant plus aujourd’hui, la bonne indexation d’une page internet repose avant tout sur sa composition, sa sémantique.

Continuer la lecture de « L’importance de la sémantique du code HTML pour le référencement »

, , , , , , , ,

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.

, , , ,

Ressources pour créer un site de A à Z

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

Qu’il est difficile de créer un site à partir de rien. Manque d’inspiration, d’imagination, de créativité. Heureusement, Internet regorge de ressources diverses et variées. J’ai décidé de lister les ressources qui m’ont bien servies pour la création de ce site.

Inspiration

Outils Design (Brushes, Patterns…)

Framework et plugins Javascript

Cette liste non exhaustive m’a permis de trouver l’inspiration qu’il me manquait ainsi que de bons tutoriaux et les bonnes librairies javascript dans l’optique de développer un site internet intégralement.

J’espère qu’elle vous aidera également dans la création de votre site internet.

S’il y a d’autres liens inmanquables, n’oubliez pas de les mentionner dans vos commentaires !

Bon développement !

, , , , , , , , ,