Higherweb ::: Le BLOG » webdesign

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

Dernières réalisations web (mars 2009)

Gaëtan — Thu, 26 Mar 2009 20:36:53 +0000

Voici ceux de mars… Votre avis est le bienvenu !

Concours Web Design Magazine

Grâce à cette proposition, je suis arrivé 2ème du concours… Voir le classement et les réalisations des autres classés dans le magazine n°6 d’avril 2009 !

Mascotte et illustration vectorielle en webdesign

Gaëtan — Tue, 24 Mar 2009 10:10:45 +0000

De plus en plus de site utilisent des illustrations vectorielles pour donner un caractère unique à leur webdesign. Cette tendance donne le jour à de nombreuses mascottes, petits personnages ou animaux vectoriels, qui apporte une identité propre au site.

Malgré un coté “Cartoon”, le site dégage alors une convivialité immédiate et donne une impression de proximité avec son visiteur.

Petit passage en revue de nombreuses sources d’inspiration…

30 Creative Examples of Illustrations in Web Design

20 Sites with Beautiful Character Illustrations

20 Sites with Beautiful Character Illustrations – v2

Cartoon Websites and Characters

50 Insanely Good Vector-based Web Designs

Style Retro & Vintage, tendance graphique 2009

Gaëtan — Sun, 08 Mar 2009 14:01:42 +0000

C’est l’une des tendances graphique pour l’année 2009, une sorte de double revival : celui des années 50, à coup de pin-up et pub colorées, et celui des années 80, début du jeu vidéo et des effets lumineux dans le genre “Tron”. Revue d’un style qui devrait s’accentuer dans les prochains mois.

Webdesign

De nombreux sites web ont repris les codes graphiques de l’Amérique d’après-guerre : pin-up, couleur délavées, chrome, enseigne lumineuse… En France, rien d’évident pour le moment, mais attention au retour du style Banania

[...]

>>> Lire la suite de cet article : Style Retro & Vintage, tendance graphique 2009 (162 mots)

Dernières réalisations web (février 2009)

Gaëtan — Fri, 27 Feb 2009 19:59:50 +0000

Voici ceux de janvier et février… Votre avis est le bienvenu !

Habillage graphique promotionnel sur le site www.avionslegendaires.net
pour la sortie du jeu Tom Clancy’s H.A.W.X.

Maquette web pour un projet de site d’une association en charge de l’accueil périscolaire

Site web fictif servant de support aux modules d’enseignements de web

Revue de Web (n°7/2009)

Gaëtan — Sun, 22 Feb 2009 14:24:57 +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 16/02 au 22/02/2009.

A LA UNE !

Après le nouveau président US, le nouveau site de la présidence US… Décorticage en règle.

Design Deconstructed: WhiteHouse.gov -Abduzeedo

Webdesign

Pourquoi utiliser l’ascenseur vertical ?
26 Horizontal Websites – Inspiredology
Vive les interfaces riches… ou pas !
Axa rate sa refonte de site – bbxdesign

CMS/Blog – Outils Collaboratifs

C’est dans les vieux pots…
Face au collaboratif 2.0, le courriel fait de la résistance – Journal du Net

Graphisme

Référencement

Informatique – Réseaux – Hardware

Fun

Prenez plus de risque inutile, rendez vos animaux responsables
Chapprouve ce contrat de licence ! – Framablog

Mon site d’aviation vaut 3.000.000 $

Gaëtan — Tue, 10 Feb 2009 15:16:56 +0000

Un récent article d’Accessoweb parlait d’un site qui permettait de calculer la valeur de votre site (ou blog) en fonction de plusieurs critères. Ce site s’appelle Stimator.

J’ai voulu tenter l’expérience aussi, une fois que le site avait repris du service (le serveur n’a pas supporter la charge). Plutôt que de prendre mon blog encore trop jeune (6 mois), j’ai décidé de prendre ma valeur sûre : mon site d’aviation, vieux de 9 ans, à savoir www.avionslegendaires.net ou effectivement (en terme d’hébergement) avions.legendaires.free.fr.

Résultat fort intéressant :

3,367,691 $, soit au cours du 04/02 plus de 2,600,000 € !

A ce tarif mon site est à vendre… Reste à trouver un acheteur potentiel !

Allo y’a quelqu’un ???

Bien évidemment, il y a une astuce… Comme ce site est hébergé gracieusement chez free (donc un sous-domaine), il bénéficie de l’audience du domaine principal free.fr !

Je vous ai bien eu !!!

Pour le reste de l’analyse, voici le détail fourni :

Si tout cela pouvait être bien réel… et non pas virtuel !

Pour infos, ce blog vaudrait 227 $ et le domaine www.avionslegendaires.net 978 $, tout de même !

Revue de Web (n°3/2009) et 100ème post !

Gaëtan — Sat, 24 Jan 2009 14:10:21 +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.

Et petit anniversaire au passage puisqu’il s’agit de mon 100ème post, depuis la création de ce blog en août 2008. Merci aux quelques fidèles lecteurs pour les encouragements qui m’ont été adressé.

Voici les réjouissances de la semaine du 17/01 au 23/01/2009.

A LA UNE !

Que sera le webdesign en 2009 ? La réponse n°2 (la suite de la semaine dernière)

More Web Design Trends For 2009 - Smashing Magazine

Webdesign

La couleur dans tous ces états
Beautiful and Creative Examples of Vibrant Web Designs – SixRevisions
Inspiration : Portfolio web
Top 25 Amazing and Original Portfolio Designs of 2008 - stylesinspiration.com

CMS/Blog – Outils Collaboratifs

Wordpress prend encore du galon
Wordpress TV : pour apprendre à bloguer sur wordpress – Cocktail de Web News
Wordpress (encore) : après l’installation ?
10 things to do after installing Wordpress – Pro Blog Design

Graphisme

Revenons à quelques fondamentaux : n°1 le Flyer
10 clés pour réussir ses flyers et prospectus – Conseils Marcketing
Revenons à quelques fondamentaux : n°2 le Logo
The Logo Design Process for Ultimate Potential – VECTORTUTS

Référencement

Abus et de dérives du SEO
Référencer comme un chacal - Rankmyday

Développement Web

RAS

Écriture Web

De l’écriture au SEO, il n’y a qu’un pas
21 façons d’écrire des billets pour augmenter votre trafic – WebSourcing
Le parent pauvre de l’écriture web… enfin pour ma part
La bonne résolution des blogueurs : l’orthographe, quelques orientations - Cocktail de Web News

Internet – Web 2.0

Gérer votre “vous virtuel”
Identité numérique : 10 règles simples pour contrôler son image sur internet – Presse-Citron
Hier, j’ai tué un chien
Grandeur et décadence de Lycos – Journal du Net

Informatique – Réseaux – Hardware

RAS

Widgetisation de l’extrème

Gaëtan — Mon, 19 Jan 2009 19:36:41 +0000

Prenez quelques minutes pour visiter le site Internet : Sprint Plug Into Now. Une interface flash entièrement composée d’une collection de widgets montrant des données sur notre monde en temps réel.

Impressionnant !

Revue de web (n°2/2009)

Gaëtan — Sat, 17 Jan 2009 11:02:02 +0000

La “Revue de Web” hebdomadaire des articles intérressants, 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 10/01 au 16/01/2009.

A LA UNE !

Que sera le webdesign en 2009 ? Une réponse :

Web Design Trends For 2009 - Smashing Magazine

Webdesign

La technique des 960 pixels en détails
Design a Web Template using the “960 Grid System”- Photoshop Tutorials
Un bon artisan a toujours de bon outils
12 Useful Web Tools for Designers – SixRevisions

CMS/Blog – Outils Collaboratifs

Open Source en force (part I)
La gestion de contenu rattrapée par le libre – Journal du Net

Graphisme

Ninga’s Tuto (à ne pas confondre avec Ninja’s Turtles)
Illustrator Tutorial – Create a Gang of Vector Ninjas – BlogSpoonGraphics

Référencement

Le site map : la formule 1 de l’indexation
Avantages du Sitemap pour la vitesse d’indexation d’un site web - Webmarketing & co’m

Développement Web

Développement de qualité (part I)
10 Smart Javascript Techniques For Manipulating Content – Noupe
Développement de qualité (part II)
10 Useful Web Application Interface Techniques - Smashing Magazine

Internet – Web 2.0

Entreprise et Blog (Part I)
Le Blog d’entreprise, un moyen de communication – Ya-graphic Design
Entreprise et Blog (Part II)
Pourquoi une PME doit avoir un blog : 10 raisons concrètes – Presse-Citron

Informatique – Réseaux – Hardware

Nostalgie des mes premières consoles de jeu vidéo
The Evolution of Game Controllers – Cool Infographics
Open Source en force (part II)
Les atouts de l’Open Source galvanisent les entreprises – Journal du Net

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 :

Les tendances graphiques du webdesign en 2008

Gaëtan — Tue, 16 Dec 2008 12:00:53 +0000

Il est toujours bon de faire un petit retour sur l’année écoulée. Je trouve intéressant d’élaborer un petit bilan des tendances graphiques du webdesign. Même si cette liste d’orientations graphiques est incomplète et sujette à discussion, voici pour moi, ce que je retiendrais de 2008.

Le noir s’impose en force

Jusqu’alors réservé aux sites d’arts et d’artistes (photographe, cinéma, théâtre…) ou encore à l’underground (hacker, musique hardcore…), le noir s’est démocratisé dans tous les domaines, aussi bien pour des sites institutionnels, marchands, réseaux sociaux.

La plus forte utilisation du “Black design” est désormais dans les domaines du webdesign (justement), de la musique (à l’instar de Deezer), des applications web (ex : Photoshop Express).

Des champs de fleurs vectorielles

Autre tendance lourde (prenez le dans le sens que vous voulez) est l’utilisation de graphisme vectoriel à base de motifs floraux. De nombreux sites ont ainsi vu leur espace vierge être dévoré par une végétation parfois luxuriante.

[...]

>>> Lire la suite de cet article : Les tendances graphiques du webdesign en 2008 (453 mots)

Etude 2008 sur les salaires du design numérique

Gaëtan — Tue, 09 Dec 2008 09:14:35 +0000

J’attendais l’étude de designers interactifs sur les métiers du numérique avec impatience. Cette étude est unique en France, car elle n’a pas d’autre équivalent. On n’a pas besoin de ce référer à d’autres études anglosaxonnes et tant mieux car il y a aussi une exception culturelle française dans ce domaine.

A consulter tranquillement.

Salaires 2008 du design numérique en France

View SlideShare presentation or Upload your own. (tags: salary survey)

Revue de web semaine 49

Gaëtan — Sun, 07 Dec 2008 20:54:29 +0000

La “Revue de Web” hebdomadaire (désormais définitivement le dimanche) me permet de partager avec vous, les articles et informations intéressantes de la semaine. Voici les réjouissances de la semaine 49, du 1er au 7/12/2008.

A LA UNE !

Google, un monstre de stratégie ! Une superbe et très instructive analyse de l’entreprise de web par Faber Novel

Tout ce que vous vouliez savoir sur Google - Vendeesign

Webdesign

Un site… Non ! Tel le messie, passez à la multiplication des sites
How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds – PSDTUTS
Tout est dans le titre
Best of CSS Design 2008 – Web Designer Wall

Outils Collaboratifs – Wordpress – Blog

La salle de musculation de votre blog
How is your Blog Performing? 19 Must Have Tools that will let you know – Speckyboy

Graphisme

Donnes-moi ton logo et je te donnerai ton nuancier
Choisir les couleurs de son site à partir d’une image - Websourcing.info

Référencement

Tu diras à M. Google de ne pas passer n’importe quand !
Configurer les options de passage de Googlebot sur son site - WebRankInfo

Développement Web

Un argumentaire du tonnerre
Facturer un client : la méthode du Top, Rapide et Pas cher – Le blog du Freelance.

Internet – Web 2.0

Ma troisième main est plus vieille que moi !
Celebrating 40 years of Mouse - Web Design Blog