Appliqué sur des Twingo 2 à partir de motifs réalisés à l’échelle, sur Illustrator.

j’ai réalisé la maquette de la page d’accueil sur la base d’un contenu et d’un logo prééxistants, puis l’intégration statique des pages. L’intérêt de l’exercice a été de donner une lecture plus évidente de ces pages tout en gardant le contenu inchangé.

• - création de maquettes et de nouveaux visuels lors du développement des nouvelles fonctionnalités du site,
• - développements des comportements (ajax, effets javascript) et intégration des nouvelles pages au site.

Viadeo.com est un site très vivant, à l’écoute de ses membres donc en évolution constante.

L’application Google Reader utilise une solution élégante pour palier à ce type de comportement puisque lorsqu’on consulte ses flux, les billets se chargent au fur et à mesure que l’on descend dans la page.

Ce système permet un temps de chargement moins long, adapté à l’usager et constitue à mon avis une utilisation intelligente des pratiques Ajax, liées notamment à des échanges silencieux avec les serveurs.

Dans cette démo il convient de surveiller le paramètre de hauteur de page qui augmente au fur et à mesure que l’on effectue un scroll vers le bas. Une hauteur de plus de 3000px supprime ce comportement.

Remarque : je ne réceptionne pas les candidatures.

J’avoue que les galères des années précédentes et le formatage années 80-90 en terme de chômage et de difficultés à l’embauche ne m’auraient jamais permis de penser qu’un recrutement puisse être aussi rapide ou une période de chômage aussi courte (une journée, en l’occurrence).

Mis à part le travail de paufinage de ma visibilité sur le net, j’y vois aussi le signe sympathique de la bonne santé de l’industrie du Web, qui permet à des autodidactes d’accéder à des emplois très attractifs.

Il a en effet utilisé Javascript (et la librairie YUI) pour appliquer le format adéquat SVG ou VML selon le navigateur client (FF et Opera pour SVG, VML pour IE).

L’exemple suivant est directement repris du sien : grossièrement, avec javascript on récupère la couleur d’arrière-plan du bloc pour injecter dans ce même bloc un rectangle de cette même couleur aux bords arrondis, au format VML ou SVG selon l’identifiant navigateur. Ce remplissage s’adapte à la taille du bloc parent avec des instructions CSS. L’opération est répétée pour tous les blocs (identifiés par une classe).

Voir l’exemple.

Evidemment cela reste du bricolage mais les librairies javascript pourront vraisemblablement apporter des solutions simplifiées à l’avenir, évitant le souci du navigateur client.

• Intermédiaire entre les prestataires techniques et la direction
• Conseiller technique lors des phases de conception puis de réalisation
• Développement Web :
  • Création de chartes graphiques et de maquettes avec Photohop et Illustrator (CS2)
  • Création de petites applications ou bannières Flash
  • Intégration XHTML/CSS/DOM des maquettes (tableless, accessibility)
  • Programmation PHP, JavaScript, Ajax, ActionScript, utilisation de librairies comme Mootools ou YUI,
  • Utilisation de CMS à base de JAVA ou PHP
• Communication :
  • Création de Newsletters
  • Création de pages publicitaires et de sliders avec InDesign (CS2)
• Référencement :
  • Optimisation du code (SE-friendly)
  • Force de proposition, notamment sur la diffusion de backlinks

Mon mémoire, si cela intéresse quelqu’un, est disponible sur demande (pour me laisser le temps de supprimer les éléments confidentiels). Quand à mon CV, il est aussi disponible sur mon profil LinkedIn, mais vous pouvez aussi consulter la section A propos de ce site.

A présent, je cherche un CDD de quelques mois en région parisienne ou en Rhône-Alpes pour des missions touchant l’intégration HTML/CSS/Javascript, le développement web (un peu de PHP/MySQL ne ferai pas de mal), le design web (j’utilise tous les jours Photoshop et Illustrator).

D’autre part je serais très intéressé par un job d’au moins quelques mois au Québec pour l’année qui vient (mon niveau d’anglais est somme toute correct actually).

Voici donc quelques expérimentations d’arrières-plans vectoriels qui offrent l’avantage immense de garder leur forme lorsque la page est redimensionnées. Biensûr, la compatibilité du système suit la règle du IE vs tous les autres navigateurs donc évidemment le problème numéro 1 de tout développeur web reste entier :

• IE utilise son format VML (voir l’exemple en utilisant IE),
• FF Opera et d’autres utilisent la version normalisée W3C du format vectoriel, SVG (voir l’exemple en utilisant FF ou Opera).

D’un point de vue code, l’utilisation de SVG permet de facilement* de charger un fichier .svg depuis le fichier html, donc de séparer un peu encore le contenu de la présentation même si la présence d’une balise