Higherweb ::: Le BLOG » développement

Les grandes manoeuvres des 10 ans d’AL

Gaëtan — Fri, 30 Oct 2009 08:54:14 +0000

A l’occasion des 10 ans du site www.avionslegendaires.net, le mois d’octobre 2009 a été l’occasion de grands bouleversements et d’un programme des “festivités” chargés :

Refonte du site www.avionslegendaires.net

Pour fêter les 10 ans j’ai totalement refait le site dont je m’occupes depuis toujours

Mise en ligne officielle de la VERSION 6 : 20/10
Désormais l’adresse unique du site sera http://www.avionslegendaires.net

Suppression et redirection de l’ancien site : 21/10
A ce moment toutes les pages présentes sur http://avions.legendaires.free.fr redirigeront définitivement vers le nouveau site

Récupération et refonte du forum sur forum.avionslegendaires.net

Déplacement du Forum : 23/10
Durant cette journée le forum Aircombat a été totalement désactivé et est réapparu quelques heures après sur sa nouvelle adresse : http://forum.avionslegendaires.net

Création du blog.avionslegegendaires.net

Ouverture du Blog : 30/10
J’ai enfin terminer les festivités par l’ouverture de se blog aéronautique interactif, pour tenir les délais du reste : http://blog.avionslegendaires.net

Reste en projet

Ouverture de la Boutique: courant décembre
Ce n’est pas prioritaire pour le moment : http://shop.avionslegendaires.net

Dernières réalisations web (septembre 2009)

Gaëtan — Thu, 10 Sep 2009 08:39:07 +0000

Dés que possible, je vous présente les réalisations web et projets internet en cours ou terminés. Il peut s’agir du développement de sites web, de chartes graphiques, de templates pour CMS ou Blog, etc… Ceux-ci peuvent être lié à des projets d’entreprise ou bien simplement des conceptions personnelles.

Voici celles de septembre… Votre avis est le bienvenu !

Tutoriel Web Design / xHTML / CSS

Dans le cadre d’une formation que je dispense à l’Univerité de Strasbourg, j’ai réalisé un tutoriel complet :

Création de la maquette graphique
Découpage de la maquette et préparation des éléments visuels
Codage du contenu XHTML
Mise en page avec les feuilles de styles CSS

Dont le croquis d’origine est ceci :

Et le résultat final est celà :

Voir la version xHTML/CSS

Revue de Web (n°5/2009)

Gaëtan — Mon, 09 Feb 2009 09:02:31 +0000

La “Revue de Web” hebdomadaire des articles intéressants, drôles , utiles, polémiques… en fait ce que j’ai apprécié et que je veux partager avec vous.

Voici les réjouissances de la semaine du 01/02 au 08/02/2009.

A LA UNE !

Codeur.com, l’avis très mitigé de Babozor…

Codeur.com un si bon plan que ça?? – Travailleurs du Web

Webdesign

De biens beaux menus ergonomiques
50 Beautiful And User-Friendly Navigation Menus – Smaching Magazine

CMS/Blog – Outils Collaboratifs

Le CMS prend son envol à Lyon
La gestion de contenu donne des ailes à l’Aéroport Lyon-Saint Exupéry – Journal du Net

Graphisme

La tendance du light effect en 40 leçons
40 Photoshop Tutorials for Amazing Lighting Effects – Part Two – Vandelay Website Design
De biens beaux flyers
Beautiful Flyer Designs by Super Silo – Abduzeedo

Référencement

la Long Tail du eCommerce
La long tail, une source de chiffre d’affaires sous exploitée… – Conseils Marketing

Développement Web

Liberez les fonts !!!
Comment utiliser une fonte «non-standard» sur un site Web? – Alsacréations
La bible du developpeur javascript
Documentation jquery en francais – Vendeesign

Écriture Web

Internet – Web 2.0

Le Web 2.0 d’entreprise à sa TV
TechToc .tv la Web tv techno, médias et veille – Vincent Abry
Qui veut gagner des millions
Facebook, Google ou Twitter, qui sera la future référence du web social ? – Techtrends

Informatique – Réseaux – Hardware

Sécurité du mois
Le zapping de la sécurité (janvier 2009) – Journal du Net
l’avenir de l’architecture réseaux ?
Cloud computing, doit-on tout stocker en ligne? – 2803

Fun

Les règles d’accessibilité sont simples

Gaëtan — Sat, 20 Dec 2008 10:22:18 +0000

Elles sont même encore plus simple avec la version WCAG 2.0, qui énoncent les règles en matière d’accessibilité recommandées par le W3C, et qui a clarifié la précédente édition. L’objectif est simple : assurer la diffusion de ces bonnes pratiques et faciliter leur mise en place.

Pour cela la principale évolution est la réduction des règles au nombre de 4 :

S’assurer que le contenu Web est perceptible par tout internaute.

S’assurer que le contenu Web est utilisable par tout internaute.

S’assurer que le contenu Web est compréhensible par tous.

S’assurer de la robustesse du contenu.

Cela rejoint les propos tenus au forum ParisWeb 2008… A savoir :

proposer une alternative aux contenus visuels et auditifs (légende, sous-titrage, audio-description)
bien utiliser le contraste des couleurs (cohérence du background image et couleur)
assurer la lisibilité du contenu sans souris (touches du clavier)
mettre en place des fonctions d’aide à la saisie
optimiser sa compatibilité avec les technologies d’aide fonctionnelle (lecteur d’écran)

Ce graphique de Stéphane de Kinoa propose un synthèse rapide des éléments à prendre en compte dans un objectif d’accessibilité de site web :

Ces principes avaient été brillamment exposés par Stéphane Deschamps et Aurélien Levy dans leur conférence “Accessibilité : des volontaires ?” que l’on peut revoir dans cette vidéo :

Utiliser les styles avec Dreamweaver CS3

Gaëtan — Sun, 07 Dec 2008 20:31:48 +0000

Un petit tutoriel rapide et allant à l’essentiel sur l’utilisation des feuilles de styles en cascade – ou CSS – avec Adobe Dreamweaver CS3.

Merci à pars18

[Gratuit] l’ebook The Art & Science of CSS

Gaëtan — Thu, 20 Nov 2008 19:01:18 +0000

Le site Site Point vient de proposer en téléchargerement gratuit l’ouvrage intitulé : The Art & Science of CSS (valeur 30$).

Télécharger à cette adresse : http://twitaway.aws.sitepoint.com/

Comment faire hurler un développeur CSS

Gaëtan — Tue, 18 Nov 2008 07:45:39 +0000

Prononcez le mot

, rajoutez

imbriquée, puis dîtes-lui que le code est trop lourd et qu’il faut l’alléger…

Bien sur à ce moment précis, votre développeur web qui travail en full CSS et XHTML commence à revivre… En effet, lui seul sait qu’un code s’allège de façon drastique avec le CSS.

Et bien non, achevez-le en lui disant que pour alléger, il faut rajouter des cellules et les fusionner !!![...]

>>> Lire la suite de cet article : Comment faire hurler un développeur CSS (68 mots)

Paris Web 2008, j’y étais…

Gaëtan — Fri, 14 Nov 2008 11:05:57 +0000

Hier, s’est tenu la première journée de conférence du forum du webdesign et de l’accessibilité : Paris Web 2008. Grâce à Alsacréations (que je remercie au passage), j’ai pu m’y rendre en tant qu’invité. Malheureusement pour des raisons professionnelles, je n’ai assisté qu’aux conférences techniques du jeudi… Dommage, car c’était fort intéressant et j’aurai bien souhaité rester le vendredi, voir aussi aux ateliers du samedi (rapidement complets).[...]

>>> Lire la suite de cet article : Paris Web 2008, j’y étais… (130 mots)

TYPOlight, un CMS prometteur

Gaëtan — Tue, 11 Nov 2008 14:30:43 +0000

Quand on regarde la longue liste des CMS open source disponibles, on a du mal à choisir. Heureusement, les Packt CMS Awards nous permettent de retenir les meilleurs. Parmi les nominés, on retrouve les mêmes chaque année :

le vainqueur depuis 2 ans : Drupal
ceux que j’apprécie : Joomla, CMS Made Simple, Wordpress…
d’autres références : Plone, DotNetNuke…

Parmi les autres sélectionnés, il y avait aussi, cette année, un CMS jusque-là inconnu pour moi : TYPOlight[...]

>>> Lire la suite de cet article : TYPOlight, un CMS prometteur (134 mots)

Convertir un PSD en site 100% XHTML & CSS

Gaëtan — Thu, 06 Nov 2008 16:28:18 +0000

Le site NETTUTS nous gratifie de 3 vidéos magistrales expliquant la création d’un site XHMTL/Full CSS à partir d’un fichier graphique PSD de Photoshop.

En anglais, certes, mais c’est parfaitement compréhensible (si on s’y connait ou qu’on maîtrise parfaitement la langue de Shakespeare)… Si toutefois vous n’y comprenez rien, je vous rappelle cet article : Découpage et Codage en XHTML/CSS, en français cette fois !

Le PSD de départ[...]

>>> Lire la suite de cet article : Convertir un PSD en site 100% XHTML & CSS (53 mots)

Dernières réalisations (octobre 2008)

Gaëtan — Fri, 31 Oct 2008 15:40:15 +0000

Chaque mois, je vous présente les réalisations web et projets internet en cours. Il peut s’agir du développement de sites web, de chartes graphiques, de templates pour CMS ou Blog, etc… Ceux-ci peuvent être lié à des projets d’entreprise ou bien simplement des conceptions personnelles.

Voici celles d’octobre… Votre avis est le bienvenu ![...]

>>> Lire la suite de cet article : Dernières réalisations (octobre 2008) (38 mots)

Des ebooks à lire (en anglais)

Gaëtan — Fri, 24 Oct 2008 12:51:40 +0000

Le site Web design blog vient de recenser 6 ouvrages numériques à télécharger gratuitement (6 Awesome EBooks that you MUST READ). Je vous laisse découvrir cette sélection d’ouvrages récents (moins d’un an pour les plus anciens).

Pour ma part j’ai retenu les trois ouvrages ci-dessous, car proche de mes centres d’intérêt (webdesign, graphisme et développement web). Et cela me permettra de travailler encore un peu mon anglais ![...]

>>> Lire la suite de cet article : Des ebooks à lire (en anglais) (16 mots)

Web Design en 2 minutes

Gaëtan — Sat, 18 Oct 2008 08:19:58 +0000

Bien sur, il s’agit d’une séquence accélérée de la réalisation d’un site web, dans un premier temps avec Photoshop pour le graphisme, puis sous Dreamweaver pour la programation XHTML et CSS…

Même si cela va plus vite que dans la réalité, c’est tout de même une belle démonstration. Les habitués du webdesign arriveront à décortiquer les étapes habituelles…

Pour voir un tutoriel dans le même genre mais en vitesse normal et avec les commentaires, je vous invite à (re)lire cet article : Découpage et Codage en XHTLM/CSS

Soignez vos liens en 4 leçons

Gaëtan — Thu, 09 Oct 2008 13:08:44 +0000

L’internet est basé sur une foule de documents hypertextes, qui sont des documents contenant des hyperliens. Donc, après avoir correctement optimisé le contenu de ses pages, il convient d’optimiser également les liens (entrants, sortants, internes ou externes). Il y a longtemps déjà le créateur du site de référence Abondance, Olivier Andrieu, l’énonçait :

Le contenu est roi, le contenu optimisé est empereur

Vous allez me dire : – Comment s’assurer de lien de qualité sur mon site ? – Et bien en respectant les différents points suivants…[...]

>>> Lire la suite de cet article : Soignez vos liens en 4 leçons (670 mots)

Revue de Web semaine 39

Gaëtan — Sun, 28 Sep 2008 11:00:29 +0000

La “Revue de Web” hebdomadaire me permet de partager avec vous, les articles et informations intéressantes de la semaine. Parmi ces différents liens, certains auraient mérité un développement, voir un article, mais le temps me manque pour vous en parler. Entre-temps, l’information aura surement été largement diffusée et/ou commentée, si vous avez besoin d’approfondissement. D’autres liens renvoient vers des ressources utiles et gratuites qui sont souvent les bienvenues. Enfin parmi, tous ces articles, un me semble plus important que les autres et mérite la une !

Voici les réjouissances de la semaine 39, du 22 au 28/09/2008.[...]

>>> Lire la suite de cet article : Revue de Web semaine 39 (167 mots)