webdesign2803.frhttp://www.webdesign2803.frCe blog présente quelques bonnes pratiques en matière de webdesign, ergonomie et designus-USThu, 28 Mar 2013 08:48:06 GMTThu, 28 Mar 2013 08:48:06 GMT5hourly12013-04-11T05:53:04Zhttp://creativecommons.org/licenses/by-nc-sa/2.0/2803/webdesignhttp://feedburner.google.comChoisir une couleur rapidement à l’écranhttp://feedproxy.google.com/~r/2803/webdesign/~3/p2LIW6NFvq0/Voici un site internet qui propose un service bien fichu et diablement pratique. Le principe est que vous allez créer une palette de couleur simplement en déplaçant votre souris à l&#8217;écran. A chaque sélection, la zone de recherche va se réduite et à la fin vous aurez une belle palette de couleurs avec les codes <a href="http://www.webdesign2803.fr/couleur/choisir-une-couleur-rapidement-a-lecran/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/couleur/choisir-une-couleur-rapidement-a-lecran/">Choisir une couleur rapidement à l&#8217;écran</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/2a156145/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/161990736826/u/49/f/4250/c/300/s/2a156145/a2.htm"><img src="http://da.feedsportal.com/r/161990736826/u/49/f/4250/c/300/s/2a156145/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/161990736826/u/49/f/4250/c/300/s/2a156145/a2t.img" border="0"/>couleurspalette de couleurcouleurHEXThu, 28 Mar 2013 08:48:05 GMThttp://www.webdesign2803.fr/couleur/choisir-une-couleur-rapidement-a-lecran/#commentshttp://www.webdesign2803.fr/?p=1249Voici un site internet qui propose un service bien fichu et diablement pratique. Le principe est que vous allez créer une palette de couleur simplement en déplaçant votre souris à l’écran. A chaque sélection, la zone de recherche va se réduite et à la fin vous aurez une belle palette de couleurs avec les codes HEX.

A tester sur http://color.hailpixel.com/

Post from: 2803 webdesign

Choisir une couleur rapidement à l’écran



]]>0http://www.webdesign2803.fr/couleur/choisir-une-couleur-rapidement-a-lecran/feed/henrihttp://www.webdesign2803.fr/couleur/choisir-une-couleur-rapidement-a-lecran/Passez aux formulaires HTML5http://feedproxy.google.com/~r/2803/webdesign/~3/bAHSLcA1t0Q/Faire un formulaire sur un site est en soit pas très difficile, en revanche faire en sorte que vos utilisateurs le remplissent correctement est plus complexe car il faut vérifier que les champs sont bien renseignés. HTML5 apporte de nouvelles fonctionnalités qui permettent de réduire les vérifications et çà c&#8217;est vraiment appréciable. Voici quelques avancées <a href="http://www.webdesign2803.fr/uncategorized/passez-aux-formulaires-html5/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/passez-aux-formulaires-html5/">Passez aux formulaires HTML5</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621b4/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/151883857061/u/49/f/4250/c/300/s/270621b4/a2.htm"><img src="http://da.feedsportal.com/r/151883857061/u/49/f/4250/c/300/s/270621b4/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/151883857061/u/49/f/4250/c/300/s/270621b4/a2t.img" border="0"/>Thu, 22 Nov 2012 14:34:04 GMThttp://www.webdesign2803.fr/uncategorized/passez-aux-formulaires-html5/#commentshttp://www.webdesign2803.fr/?p=1225Faire un formulaire sur un site est en soit pas très difficile, en revanche faire en sorte que vos utilisateurs le remplissent correctement est plus complexe car il faut vérifier que les champs sont bien renseignés. HTML5 apporte de nouvelles fonctionnalités qui permettent de réduire les vérifications et çà c’est vraiment appréciable.

Voici quelques avancées liées à l’utilisation des nouvelles balises HTML5 dans les formulaires :

L’attribut “placeholder”

“placeholder” permet de spécifier une indication dans le champs afin que l’utilisateur ait un modèle, vous pouvez aussi lui donner des indications pour renseigner ce champs. Placeholder s’ajoute de la manière suivante :

<input id="nomstructure" name="nomstructure" type="text" placeholder="exemple : école Jean Jaurès">

L’attribut “required”

Souvent dans les formulaires vous avez des informations obligatoires que l’utilisateur va devoir renseigner, afin de rendre obligatoire ces dernières vous devez utiliser l’attribut “required” 

<input id="nomstructure" name="nomstructure" type="text" placeholder="exemple : école Jean Jaurès" required>

Un champs qui ne doit avoir que des chiffres

La nouveauté avec HMTL5 c’est que l’on peut préciser des patterns que la réponse devra avoir, par exemple vous demandez un code postal à l’utilisateur, dans ce cas il peut être judicieux de ne demander à n’avoir que des chiffres. Cerise sur la gâteau sur un smartphone, cela sera le clavier numérique qui sera affiché :

<input id="cp" name="cp" type="text" pattern="[0-9]*" size="40" maxlength="5">

Le maxlength permettra de réduire le nombre d’entrées à 5 digits, logique pour un code postal en France.

Un champs date

Si vous demandez à l’utilisateur de renseigner une date, l’utilisation d’un calendrier permettra d’avoir une date dans un format que vous saurez exploiter. HTML5 propose nativement un champs date avec le calendrier qui s’affiche automatiquement.

<input type="date" name="calendrierdebut">

Un champs email

L’email est un basique des formulaires de contact, alors autant avoir une adresse sans erreur, le champs “email” des formulaires HMTL5 gère cela parfaitement il suffit de préciser le “type” en “email” comme cela :

<input type="email" name="email">

Un champs nombre

Si vous ne souhaitez n’avoir que des nombres par exemple pour demander le nombre d’enfants, vous pouvez utiliser le “type” “number” comme cela :

<input id="nbrenfants" name="nbrenfants" type="number">

Un champs téléphone

Idem pour les champs spécifiques aux numéros de téléphone, sur ce coup HTML5 ne va pas directement nous aider mais grâce aux patterns on va pouvoir s’en sortir.

Voici le champs pour un téléphone générique sans espace ni séparateur :

<input type="tel" name="tel" pattern="^0[1-689][0-9]{8}$" placeholder="exemple : 0102030405 sans espace ni tirets" required>

Pour un numéro de mobile on peut faire ceci :

<input type="tel" name="telmobile" pattern="^0[6-7][0-9]{8}$" placeholder="exemple : 0611001025 sans espace ni tirets" required>

Voici ci-dessous un exemple de formulaire complet sur lequel vous pouvez faire quelques tests :














Plus d’information sur cette page.

Post from: 2803 webdesign

Passez aux formulaires HTML5



]]>7http://www.webdesign2803.fr/uncategorized/passez-aux-formulaires-html5/feed/henrihttp://www.webdesign2803.fr/uncategorized/passez-aux-formulaires-html5/Passez aux formulaires HTML5http://feedproxy.google.com/~r/2803/webdesign/~3/HdeDuYwue3c/Faire un formulaire sur un site est en soit pas très difficile, en revanche faire en sorte que vos utilisateurs le remplissent correctement est plus complexe car il faut vérifier que les champs sont bien renseignés. HTML5 apporte de nouvelles fonctionnalités qui permettent de réduire les vérifications et çà c&#8217;est vraiment appréciable. Voici quelques avancées <a href="http://www.webdesign2803.fr/html5/passez-aux-formulaires-html5/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/html5/passez-aux-formulaires-html5/">Passez aux formulaires HTML5</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/25db2ba8/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/151029522117/u/49/f/4250/c/300/s/25db2ba8/a2.htm"><img src="http://da.feedsportal.com/r/151029522117/u/49/f/4250/c/300/s/25db2ba8/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/151029522117/u/49/f/4250/c/300/s/25db2ba8/a2t.img" border="0"/>html5Thu, 22 Nov 2012 14:34:04 GMThttp://www.webdesign2803.fr/html5/passez-aux-formulaires-html5/#commentshttp://www.webdesign2803.fr/?p=1225Faire un formulaire sur un site est en soit pas très difficile, en revanche faire en sorte que vos utilisateurs le remplissent correctement est plus complexe car il faut vérifier que les champs sont bien renseignés. HTML5 apporte de nouvelles fonctionnalités qui permettent de réduire les vérifications et çà c’est vraiment appréciable.

Voici quelques avancées liées à l’utilisation des nouvelles balises HTML5 dans les formulaires :

L’attribut “placeholder”

“placeholder” permet de spécifier une indication dans le champs afin que l’utilisateur ait un modèle, vous pouvez aussi lui donner des indications pour renseigner ce champs. Placeholder s’ajoute de la manière suivante :

<input id="nomstructure" name="nomstructure" type="text" placeholder="exemple : école Jean Jaurès">

L’attribut “required”

Souvent dans les formulaires vous avez des informations obligatoires que l’utilisateur va devoir renseigner, afin de rendre obligatoire ces dernières vous devez utiliser l’attribut “required” 

<input id="nomstructure" name="nomstructure" type="text" placeholder="exemple : école Jean Jaurès" required>

Un champs qui ne doit avoir que des chiffres

La nouveauté avec HMTL5 c’est que l’on peut préciser des patterns que la réponse devra avoir, par exemple vous demandez un code postal à l’utilisateur, dans ce cas il peut être judicieux de ne demander à n’avoir que des chiffres. Cerise sur la gâteau sur un smartphone, cela sera le clavier numérique qui sera affiché :

<input id="cp" name="cp" type="text" pattern="[0-9]*" size="40" maxlength="5">

Le maxlength permettra de réduire le nombre d’entrées à 5 digits, logique pour un code postal en France.

Un champs date

Si vous demandez à l’utilisateur de renseigner une date, l’utilisation d’un calendrier permettra d’avoir une date dans un format que vous saurez exploiter. HTML5 propose nativement un champs date avec le calendrier qui s’affiche automatiquement.

<input type="date" name="calendrierdebut">

Un champs email

L’email est un basique des formulaires de contact, alors autant avoir une adresse sans erreur, le champs “email” des formulaires HMTL5 gère cela parfaitement il suffit de préciser le “type” en “email” comme cela :

<input type="email" name="email">

Un champs nombre

Si vous ne souhaitez n’avoir que des nombres par exemple pour demander le nombre d’enfants, vous pouvez utiliser le “type” “number” comme cela :

<input id="nbrenfants" name="nbrenfants" type="number">

Un champs téléphone

Idem pour les champs spécifiques aux numéros de téléphone, sur ce coup HTML5 ne va pas directement nous aider mais grâce aux patterns on va pouvoir s’en sortir.

Voici le champs pour un téléphone générique sans espace ni séparateur :

<input type="tel" name="tel" pattern="^0[1-689][0-9]{8}$" placeholder="exemple : 0102030405 sans espace ni tirets" required>

Pour un numéro de mobile on peut faire ceci :

<input type="tel" name="telmobile" pattern="^0[6-7][0-9]{8}$" placeholder="exemple : 0611001025 sans espace ni tirets" required>

Voici ci-dessous un exemple de formulaire complet sur lequel vous pouvez faire quelques tests :














Plus d’information sur cette page.

Post from: 2803 webdesign

Passez aux formulaires HTML5



]]>2http://www.webdesign2803.fr/html5/passez-aux-formulaires-html5/feed/henrihttp://www.webdesign2803.fr/html5/passez-aux-formulaires-html5/Superbe infographie sur les voitures de James Bondhttp://feedproxy.google.com/~r/2803/webdesign/~3/8or-vipSxoA/Voici une très réussie infographie présentant les voitures utilisées par James Bond depuis le premier film jusqu&#8217;à Skyfall. En plus des jolies voitures il faut l&#8217;avouer c&#8217;est plutôt la réalisation du vendeur de voitures Evan Shalshaw que je trouve magnifiquement exécutée, un grand travail de design, le tout dans une interface web&#8230; A découvrir sur <a href="http://www.webdesign2803.fr/uncategorized/superbe-infographie-sur-les-voitures-de-james-bond/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/superbe-infographie-sur-les-voitures-de-james-bond/">Superbe infographie sur les voitures de James Bond</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621b5/mf.gif' border='0'/>Tue, 06 Nov 2012 09:47:41 GMThttp://www.webdesign2803.fr/uncategorized/superbe-infographie-sur-les-voitures-de-james-bond/#commentshttp://www.webdesign2803.fr/?p=1211Voici une très réussie infographie présentant les voitures utilisées par James Bond depuis le premier film jusqu’à Skyfall. En plus des jolies voitures il faut l’avouer c’est plutôt la réalisation du vendeur de voitures Evan Shalshaw que je trouve magnifiquement exécutée, un grand travail de design, le tout dans une interface web… A découvrir sur cette page : http://www.evanshalshaw.com/bondcars/

Voici ci-dessous l’infographie en version statique :

James Bond 007 Cars Evolution

Post from: 2803 webdesign

Superbe infographie sur les voitures de James Bond

]]>0http://www.webdesign2803.fr/uncategorized/superbe-infographie-sur-les-voitures-de-james-bond/feed/henrihttp://www.webdesign2803.fr/uncategorized/superbe-infographie-sur-les-voitures-de-james-bond/Superbe infographie sur les voitures de James Bondhttp://feedproxy.google.com/~r/2803/webdesign/~3/PpMEB_R7x8Y/Voici une très réussie infographie présentant les voitures utilisées par James Bond depuis le premier film jusqu&#8217;à Skyfall. En plus des jolies voitures il faut l&#8217;avouer c&#8217;est plutôt la réalisation du vendeur de voitures Evan Shalshaw que je trouve magnifiquement exécutée, un grand travail de design, le tout dans une interface web&#8230; A découvrir sur <a href="http://www.webdesign2803.fr/infographie/superbe-infographie-sur-les-voitures-de-james-bond/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/infographie/superbe-infographie-sur-les-voitures-de-james-bond/">Superbe infographie sur les voitures de James Bond</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/25474c4c/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/148658606362/u/49/f/4250/c/300/s/25474c4c/a2.htm"><img src="http://da.feedsportal.com/r/148658606362/u/49/f/4250/c/300/s/25474c4c/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/148658606362/u/49/f/4250/c/300/s/25474c4c/a2t.img" border="0"/>infographieskyfalljames bondTue, 06 Nov 2012 09:47:41 GMThttp://www.webdesign2803.fr/infographie/superbe-infographie-sur-les-voitures-de-james-bond/#commentshttp://www.webdesign2803.fr/?p=1211Voici une très réussie infographie présentant les voitures utilisées par James Bond depuis le premier film jusqu’à Skyfall. En plus des jolies voitures il faut l’avouer c’est plutôt la réalisation du vendeur de voitures Evan Shalshaw que je trouve magnifiquement exécutée, un grand travail de design, le tout dans une interface web… A découvrir sur cette page : http://www.evanshalshaw.com/bondcars/

Voici ci-dessous l’infographie en version statique :

James Bond 007 Cars Evolution

Post from: 2803 webdesign

Superbe infographie sur les voitures de James Bond



]]>0http://www.webdesign2803.fr/infographie/superbe-infographie-sur-les-voitures-de-james-bond/feed/henrihttp://www.webdesign2803.fr/infographie/superbe-infographie-sur-les-voitures-de-james-bond/Convertir des couleurs hexadecimales pour les fichiers KMLhttp://feedproxy.google.com/~r/2803/webdesign/~3/9jKTYN8Un_0/Un fichier KML est un fichier contenant des informations sur des POI (Points d&#8217;intérêt géographique), renseignés par leur latitude et longitude. Ce type de fichier permet de décrire des polygones pour représenter des surfaces à identifier sur une carte qui peuvent être colorées directement via le fichier le KML mais il faut le bon code <a href="http://www.webdesign2803.fr/uncategorized/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/">Convertir des couleurs hexadecimales pour les fichiers KML</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621b6/mf.gif' border='0'/>Tue, 25 Sep 2012 07:14:26 GMThttp://www.webdesign2803.fr/uncategorized/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/#commentshttp://www.webdesign2803.fr/?p=1189Un fichier KML est un fichier contenant des informations sur des POI (Points d’intérêt géographique), renseignés par leur latitude et longitude. Ce type de fichier permet de décrire des polygones pour représenter des surfaces à identifier sur une carte qui peuvent être colorées directement via le fichier le KML mais il faut le bon code couleur puisque le code couleur n’est pas de l’hexadécimal dans la balise color.

 Lieux temporaires 1  Vaucluse (84)  99322d39 3   281400FA    Vaucluse (84)

Voici un petit convertisseur en ligne qui pourra peut être vous être utile une fois dans votre vie. Ainsi vous choisissez une couleur, un niveau de transparence et vous aurez en sortie la valeur en hexadécimal et le correspondant pour le fichier KML.

Post from: 2803 webdesign

Convertir des couleurs hexadecimales pour les fichiers KML

]]>0http://www.webdesign2803.fr/uncategorized/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/feed/henrihttp://www.webdesign2803.fr/uncategorized/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/Convertir des couleurs hexadecimales pour les fichiers KMLhttp://feedproxy.google.com/~r/2803/webdesign/~3/6R3Q7X-uQ2s/Un fichier KML est un fichier contenant des informations sur des POI (Points d&#8217;intérêt géographique), renseignés par leur latitude et longitude. Ce type de fichier permet de décrire des polygones pour représenter des surfaces à identifier sur une carte qui peuvent être colorées directement via le fichier le KML mais il faut le bon code <a href="http://www.webdesign2803.fr/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/">Convertir des couleurs hexadecimales pour les fichiers KML</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0a2/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/148658315741/u/49/f/4250/c/300/s/24f8e0a2/a2.htm"><img src="http://da.feedsportal.com/r/148658315741/u/49/f/4250/c/300/s/24f8e0a2/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/148658315741/u/49/f/4250/c/300/s/24f8e0a2/a2t.img" border="0"/>Tue, 25 Sep 2012 07:14:26 GMThttp://www.webdesign2803.fr/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/#commentshttp://www.webdesign2803.fr/?p=1189Un fichier KML est un fichier contenant des informations sur des POI (Points d’intérêt géographique), renseignés par leur latitude et longitude. Ce type de fichier permet de décrire des polygones pour représenter des surfaces à identifier sur une carte qui peuvent être colorées directement via le fichier le KML mais il faut le bon code couleur puisque le code couleur n’est pas de l’hexadécimal dans la balise color.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 
 <name>Lieux temporaires</name> <open>1</open> <Document> <name>Vaucluse (84)</name> <LineStyle> <color>99322d39</color> <width>3</width> </LineStyle> <PolyStyle> <color>281400FA</color> </PolyStyle> </Style> <Placemark id="vaucluse"> <name>Vaucluse (84)</name>

Voici un petit convertisseur en ligne qui pourra peut être vous être utile une fois dans votre vie. Ainsi vous choisissez une couleur, un niveau de transparence et vous aurez en sortie la valeur en hexadécimal et le correspondant pour le fichier KML.

Post from: 2803 webdesign

Convertir des couleurs hexadecimales pour les fichiers KML



]]>0http://www.webdesign2803.fr/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/feed/http://www.webdesign2803.fr/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/Convertir des couleurs hexadecimales pour les fichiers KMLhttp://feedproxy.google.com/~r/2803/webdesign/~3/zdYBNPsbtqc/Un fichier KML est un fichier contenant des informations sur des POI (Points d&#8217;intérêt géographique), renseignés par leur latitude et longitude. Ce type de fichier permet de décrire des polygones pour représenter des surfaces à identifier sur une carte qui peuvent être colorées directement via le fichier le KML mais il faut le bon code <a href="http://www.webdesign2803.fr/couleur/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/couleur/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/">Convertir des couleurs hexadecimales pour les fichiers KML</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/23c8f3ba/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/145608613024/u/49/f/4250/c/300/s/23c8f3ba/a2.htm"><img src="http://da.feedsportal.com/r/145608613024/u/49/f/4250/c/300/s/23c8f3ba/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/145608613024/u/49/f/4250/c/300/s/23c8f3ba/a2t.img" border="0"/>kmzcouleurkmlTue, 25 Sep 2012 07:14:26 GMThttp://www.webdesign2803.fr/couleur/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/#commentshttp://www.webdesign2803.fr/?p=1189Un fichier KML est un fichier contenant des informations sur des POI (Points d’intérêt géographique), renseignés par leur latitude et longitude. Ce type de fichier permet de décrire des polygones pour représenter des surfaces à identifier sur une carte qui peuvent être colorées directement via le fichier le KML mais il faut le bon code couleur puisque le code couleur n’est pas de l’hexadécimal dans la balise color.

 Lieux temporaires 1  Vaucluse (84)  99322d39 3   281400FA    Vaucluse (84)

Voici un petit convertisseur en ligne qui pourra peut être vous être utile une fois dans votre vie. Ainsi vous choisissez une couleur, un niveau de transparence et vous aurez en sortie la valeur en hexadécimal et le correspondant pour le fichier KML.

Post from: 2803 webdesign

Convertir des couleurs hexadecimales pour les fichiers KML



]]>0http://www.webdesign2803.fr/couleur/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/feed/henrihttp://www.webdesign2803.fr/couleur/convertir-des-couleurs-hexadecimales-pour-les-fichiers-kml/Plus de 800 icônes thématiques gratuites pour google mapshttp://feedproxy.google.com/~r/2803/webdesign/~3/F6DONWU51iI/Je ne sais pas si vous utilisez Google Maps sur vos sites mais parfois il peut être intéressant de ne pas utiliser le pointer rouge (pin) par défaut proposé par l&#8217;application. En effet, prenons le cas d&#8217;une carte qui va présenter les différentes activités dans une zone géographique. Pour que l&#8217;expérience utilisateur soit parfaite il <a href="http://www.webdesign2803.fr/uncategorized/plus-de-800-icones-thematiques-gratuites-pour-google-maps/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/plus-de-800-icones-thematiques-gratuites-pour-google-maps/">Plus de 800 icônes thématiques gratuites pour google maps</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621b7/mf.gif' border='0'/>Wed, 18 Jul 2012 08:36:39 GMThttp://www.webdesign2803.fr/uncategorized/plus-de-800-icones-thematiques-gratuites-pour-google-maps/#commentshttp://www.webdesign2803.fr/?p=1178Je ne sais pas si vous utilisez Google Maps sur vos sites mais parfois il peut être intéressant de ne pas utiliser le pointer rouge (pin) par défaut proposé par l’application. En effet, prenons le cas d’une carte qui va présenter les différentes activités dans une zone géographique. Pour que l’expérience utilisateur soit parfaite il faut différencier les activités : piscine, tennis, équitation… et sur une carte la différenciation passe par les pointeurs!

Voici l’image d’une carte des équipements sportifs de Lyon, du premier coup d’oeil on comprend les icônes et donc les activités.

La carte “live” est sur la page des activités sportives de Lyon, ici

Les icônes utilisées sont designées par Nicolas Mollet et sont téléchargeables et utilisables librement pour vos projets Google Maps, une belle ressource de plus de 800 icônes entièrement personnalisables en terme de couleur!

Pour jeter un oeil aux icônes et pointeurs de mapicons c’est ici.

Post from: 2803 webdesign

Plus de 800 icônes thématiques gratuites pour google maps

]]>2http://www.webdesign2803.fr/uncategorized/plus-de-800-icones-thematiques-gratuites-pour-google-maps/feed/henrihttp://www.webdesign2803.fr/uncategorized/plus-de-800-icones-thematiques-gratuites-pour-google-maps/Plus de 800 icônes thématiques gratuites pour google mapshttp://feedproxy.google.com/~r/2803/webdesign/~3/apJ1Cw91kKI/Je ne sais pas si vous utilisez Google Maps sur vos sites mais parfois il peut être intéressant de ne pas utiliser le pointer rouge (pin) par défaut proposé par l&#8217;application. En effet, prenons le cas d&#8217;une carte qui va présenter les différentes activités dans une zone géographique. Pour que l&#8217;expérience utilisateur soit parfaite il <a href="http://www.webdesign2803.fr/plus-de-800-icones-thematiques-gratuites-pour-google-maps/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/plus-de-800-icones-thematiques-gratuites-pour-google-maps/">Plus de 800 icônes thématiques gratuites pour google maps</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0a3/mf.gif' border='0'/>Wed, 18 Jul 2012 08:36:39 GMThttp://www.webdesign2803.fr/plus-de-800-icones-thematiques-gratuites-pour-google-maps/#commentshttp://www.webdesign2803.fr/?p=1178Je ne sais pas si vous utilisez Google Maps sur vos sites mais parfois il peut être intéressant de ne pas utiliser le pointer rouge (pin) par défaut proposé par l’application. En effet, prenons le cas d’une carte qui va présenter les différentes activités dans une zone géographique. Pour que l’expérience utilisateur soit parfaite il faut différencier les activités : piscine, tennis, équitation… et sur une carte la différenciation passe par les pointeurs!

Voici l’image d’une carte des équipements sportifs de Lyon, du premier coup d’oeil on comprend les icônes et donc les activités.

La carte “live” est sur la page des activités sportives de Lyon, ici

Les icônes utilisées sont designées par Nicolas Mollet et sont téléchargeables et utilisables librement pour vos projets Google Maps, une belle ressource de plus de 800 icônes entièrement personnalisables en terme de couleur!

Pour jeter un oeil aux icônes et pointeurs de mapicons c’est ici.

Post from: 2803 webdesign

Plus de 800 icônes thématiques gratuites pour google maps

]]>2http://www.webdesign2803.fr/plus-de-800-icones-thematiques-gratuites-pour-google-maps/feed/http://www.webdesign2803.fr/plus-de-800-icones-thematiques-gratuites-pour-google-maps/Plus de 800 icônes thématiques gratuites pour google mapshttp://feedproxy.google.com/~r/2803/webdesign/~3/BOwtXfGzu2Y/Je ne sais pas si vous utilisez Google Maps sur vos sites mais parfois il peut être intéressant de ne pas utiliser le pointer rouge (pin) par défaut proposé par l&#8217;application. En effet, prenons le cas d&#8217;une carte qui va présenter les différentes activités dans une zone géographique. Pour que l&#8217;expérience utilisateur soit parfaite il <a href="http://www.webdesign2803.fr/icone/plus-de-800-icones-thematiques-gratuites-pour-google-maps/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/icone/plus-de-800-icones-thematiques-gratuites-pour-google-maps/">Plus de 800 icônes thématiques gratuites pour google maps</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/2174bcd5/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/139262331385/u/49/f/4250/c/300/s/2174bcd5/a2.htm"><img src="http://da.feedsportal.com/r/139262331385/u/49/f/4250/c/300/s/2174bcd5/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/139262331385/u/49/f/4250/c/300/s/2174bcd5/a2t.img" border="0"/>icôneicônespingoogle mapspointeurWed, 18 Jul 2012 08:36:39 GMThttp://www.webdesign2803.fr/icone/plus-de-800-icones-thematiques-gratuites-pour-google-maps/#commentshttp://www.webdesign2803.fr/?p=1178Je ne sais pas si vous utilisez Google Maps sur vos sites mais parfois il peut être intéressant de ne pas utiliser le pointer rouge (pin) par défaut proposé par l’application. En effet, prenons le cas d’une carte qui va présenter les différentes activités dans une zone géographique. Pour que l’expérience utilisateur soit parfaite il faut différencier les activités : piscine, tennis, équitation… et sur une carte la différenciation passe par les pointeurs!

Voici l’image d’une carte des équipements sportifs de Lyon, du premier coup d’oeil on comprend les icônes et donc les activités.

La carte “live” est sur la page des activités sportives de Lyon, ici

Les icônes utilisées sont designées par Nicolas Mollet et sont téléchargeables et utilisables librement pour vos projets Google Maps, une belle ressource de plus de 800 icônes entièrement personnalisables en terme de couleur!

Pour jeter un oeil aux icônes et pointeurs de mapicons c’est ici.

Post from: 2803 webdesign

Plus de 800 icônes thématiques gratuites pour google maps



]]>0http://www.webdesign2803.fr/icone/plus-de-800-icones-thematiques-gratuites-pour-google-maps/feed/henrihttp://www.webdesign2803.fr/icone/plus-de-800-icones-thematiques-gratuites-pour-google-maps/Des images vectorielles vintages gratuiteshttp://feedproxy.google.com/~r/2803/webdesign/~3/pXSV0LYVs_o/Je ne sais pas vous mais je trouve qu&#8217;utiliser des images vintages peut donner un certain style à un site e-commerce, d&#8217;autant que le vintage est à la mode. Voici une bonne ressource avec pleins d&#8217;images gratuites au format vectoriel qui sont bien évidemment très oldies et vintages. Le lien du site http://www.vintagevectors.com/ Post from: <a href="http://www.webdesign2803.fr/uncategorized/des-images-vectorielles-vintages-gratuites/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/des-images-vectorielles-vintages-gratuites/">Des images vectorielles vintages gratuites</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621b8/mf.gif' border='0'/>Tue, 17 Jul 2012 08:35:05 GMThttp://www.webdesign2803.fr/uncategorized/des-images-vectorielles-vintages-gratuites/#commentshttp://www.webdesign2803.fr/?p=1169Je ne sais pas vous mais je trouve qu’utiliser des images vintages peut donner un certain style à un site e-commerce, d’autant que le vintage est à la mode. Voici une bonne ressource avec pleins d’images gratuites au format vectoriel qui sont bien évidemment très oldies et vintages.

Le lien du site http://www.vintagevectors.com/

Post from: 2803 webdesign

Des images vectorielles vintages gratuites

]]>0http://www.webdesign2803.fr/uncategorized/des-images-vectorielles-vintages-gratuites/feed/henrihttp://www.webdesign2803.fr/uncategorized/des-images-vectorielles-vintages-gratuites/Des images vectorielles vintages gratuiteshttp://feedproxy.google.com/~r/2803/webdesign/~3/9vLNZCBb_I8/Je ne sais pas vous mais je trouve qu&#8217;utiliser des images vintages peut donner un certain style à un site e-commerce, d&#8217;autant que le vintage est à la mode. Voici une bonne ressource avec pleins d&#8217;images gratuites au format vectoriel qui sont bien évidemment très oldies et vintages. Le lien du site http://www.vintagevectors.com/ Post from: <a href="http://www.webdesign2803.fr/des-images-vectorielles-vintages-gratuites/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/des-images-vectorielles-vintages-gratuites/">Des images vectorielles vintages gratuites</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0a6/mf.gif' border='0'/>Tue, 17 Jul 2012 08:35:05 GMThttp://www.webdesign2803.fr/des-images-vectorielles-vintages-gratuites/#commentshttp://www.webdesign2803.fr/?p=1169Je ne sais pas vous mais je trouve qu’utiliser des images vintages peut donner un certain style à un site e-commerce, d’autant que le vintage est à la mode. Voici une bonne ressource avec pleins d’images gratuites au format vectoriel qui sont bien évidemment très oldies et vintages.

Le lien du site http://www.vintagevectors.com/

Post from: 2803 webdesign

Des images vectorielles vintages gratuites

]]>0http://www.webdesign2803.fr/des-images-vectorielles-vintages-gratuites/feed/http://www.webdesign2803.fr/des-images-vectorielles-vintages-gratuites/Des images vectorielles vintages gratuiteshttp://feedproxy.google.com/~r/2803/webdesign/~3/AaDM_ZTk6Y4/Je ne sais pas vous mais je trouve qu&#8217;utiliser des images vintages peut donner un certain style à un site e-commerce, d&#8217;autant que le vintage est à la mode. Voici une bonne ressource avec pleins d&#8217;images gratuites au format vectoriel qui sont bien évidemment très oldies et vintages. Le lien du site http://www.vintagevectors.com/ Post from: <a href="http://www.webdesign2803.fr/ressource/des-images-vectorielles-vintages-gratuites/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/ressource/des-images-vectorielles-vintages-gratuites/">Des images vectorielles vintages gratuites</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/216ac7d2/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/139791142233/u/49/f/4250/c/300/s/216ac7d2/a2.htm"><img src="http://da.feedsportal.com/r/139791142233/u/49/f/4250/c/300/s/216ac7d2/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/139791142233/u/49/f/4250/c/300/s/216ac7d2/a2t.img" border="0"/>imagevintageressourceTue, 17 Jul 2012 08:35:05 GMThttp://www.webdesign2803.fr/ressource/des-images-vectorielles-vintages-gratuites/#commentshttp://www.webdesign2803.fr/?p=1169Je ne sais pas vous mais je trouve qu’utiliser des images vintages peut donner un certain style à un site e-commerce, d’autant que le vintage est à la mode. Voici une bonne ressource avec pleins d’images gratuites au format vectoriel qui sont bien évidemment très oldies et vintages.

Le lien du site http://www.vintagevectors.com/

Post from: 2803 webdesign

Des images vectorielles vintages gratuites



]]>0http://www.webdesign2803.fr/ressource/des-images-vectorielles-vintages-gratuites/feed/henrihttp://www.webdesign2803.fr/ressource/des-images-vectorielles-vintages-gratuites/Dessiner l’interface d’une application avec Balsamiq Mockupshttp://feedproxy.google.com/~r/2803/webdesign/~3/sZBsMsH5dF0/Avant de se lancer dans le développement d&#8217;une application ou d&#8217;un site internet il faut travailler sur le contenu mais aussi sur l&#8217;interface, le succès d&#8217;une application est à mon avis au moins à 50%. Alors plutôt que de développer à tout va sans ligne directrice il peut être pertinent de prendre un peu le <a href="http://www.webdesign2803.fr/uncategorized/dessiner-linterface-dune-application-avec-balsamiq-mockups/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/dessiner-linterface-dune-application-avec-balsamiq-mockups/">Dessiner l&#8217;interface d&#8217;une application avec Balsamiq Mockups</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621b9/mf.gif' border='0'/>Mon, 16 Jul 2012 08:22:32 GMThttp://www.webdesign2803.fr/uncategorized/dessiner-linterface-dune-application-avec-balsamiq-mockups/#commentshttp://www.webdesign2803.fr/?p=1164Avant de se lancer dans le développement d’une application ou d’un site internet il faut travailler sur le contenu mais aussi sur l’interface, le succès d’une application est à mon avis au moins à 50%. Alors plutôt que de développer à tout va sans ligne directrice il peut être pertinent de prendre un peu le temps de dafter ce que sera le design et l’ergonomie de l’application.

A ce stade vous avez deux possibilités : la méthode classique du papier et du crayon qui fonctionne très bien mais qui ne permet pas de retoucher ou alors la méthode numérique du dessin sur l’ordinateur qui au final peut être plus productive. Pour cette méthode numérique l’outil proposé par Balsamiq est très pratique, regardez par vous même comment cela fonctionne :

Balsamiq Mockups est un outil payant (79$ la version un poste en desktop, ou en mode Saas avec un abonnement mensuel) mais propose une version en test limité dans le temps, de quoi tester et comparer avec d’autres outils! D’ailleurs si vous avez des noms d’outils pour faire des mockups d’applications n’hésitez pas à le préciser dans les commentaires de ce post!

Post from: 2803 webdesign

Dessiner l’interface d’une application avec Balsamiq Mockups

]]>2http://www.webdesign2803.fr/uncategorized/dessiner-linterface-dune-application-avec-balsamiq-mockups/feed/henrihttp://www.webdesign2803.fr/uncategorized/dessiner-linterface-dune-application-avec-balsamiq-mockups/Dessiner l’interface d’une application avec Balsamiq Mockupshttp://feedproxy.google.com/~r/2803/webdesign/~3/geH4ru75Rxw/Avant de se lancer dans le développement d&#8217;une application ou d&#8217;un site internet il faut travailler sur le contenu mais aussi sur l&#8217;interface, le succès d&#8217;une application est à mon avis au moins à 50%. Alors plutôt que de développer à tout va sans ligne directrice il peut être pertinent de prendre un peu le <a href="http://www.webdesign2803.fr/dessiner-linterface-dune-application-avec-balsamiq-mockups/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/dessiner-linterface-dune-application-avec-balsamiq-mockups/">Dessiner l&#8217;interface d&#8217;une application avec Balsamiq Mockups</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0a8/mf.gif' border='0'/>Mon, 16 Jul 2012 08:22:32 GMThttp://www.webdesign2803.fr/dessiner-linterface-dune-application-avec-balsamiq-mockups/#commentshttp://www.webdesign2803.fr/?p=1164Avant de se lancer dans le développement d’une application ou d’un site internet il faut travailler sur le contenu mais aussi sur l’interface, le succès d’une application est à mon avis au moins à 50%. Alors plutôt que de développer à tout va sans ligne directrice il peut être pertinent de prendre un peu le temps de dafter ce que sera le design et l’ergonomie de l’application.

A ce stade vous avez deux possibilités : la méthode classique du papier et du crayon qui fonctionne très bien mais qui ne permet pas de retoucher ou alors la méthode numérique du dessin sur l’ordinateur qui au final peut être plus productive. Pour cette méthode numérique l’outil proposé par Balsamiq est très pratique, regardez par vous même comment cela fonctionne :

Balsamiq Mockups est un outil payant (79$ la version un poste en desktop, ou en mode Saas avec un abonnement mensuel) mais propose une version en test limité dans le temps, de quoi tester et comparer avec d’autres outils! D’ailleurs si vous avez des noms d’outils pour faire des mockups d’applications n’hésitez pas à le préciser dans les commentaires de ce post!

Post from: 2803 webdesign

Dessiner l’interface d’une application avec Balsamiq Mockups

]]>2http://www.webdesign2803.fr/dessiner-linterface-dune-application-avec-balsamiq-mockups/feed/http://www.webdesign2803.fr/dessiner-linterface-dune-application-avec-balsamiq-mockups/Dessiner l’interface d’une application avec Balsamiq Mockupshttp://feedproxy.google.com/~r/2803/webdesign/~3/HykkLvXSTeg/Avant de se lancer dans le développement d&#8217;une application ou d&#8217;un site internet il faut travailler sur le contenu mais aussi sur l&#8217;interface, le succès d&#8217;une application est à mon avis au moins à 50%. Alors plutôt que de développer à tout va sans ligne directrice il peut être pertinent de prendre un peu le <a href="http://www.webdesign2803.fr/design/dessiner-linterface-dune-application-avec-balsamiq-mockups/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/design/dessiner-linterface-dune-application-avec-balsamiq-mockups/">Dessiner l&#8217;interface d&#8217;une application avec Balsamiq Mockups</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/21618192/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/139262257542/u/49/f/4250/c/300/s/21618192/a2.htm"><img src="http://da.feedsportal.com/r/139262257542/u/49/f/4250/c/300/s/21618192/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/139262257542/u/49/f/4250/c/300/s/21618192/a2t.img" border="0"/>designMon, 16 Jul 2012 08:22:32 GMThttp://www.webdesign2803.fr/design/dessiner-linterface-dune-application-avec-balsamiq-mockups/#commentshttp://www.webdesign2803.fr/?p=1164Avant de se lancer dans le développement d’une application ou d’un site internet il faut travailler sur le contenu mais aussi sur l’interface, le succès d’une application est à mon avis au moins à 50%. Alors plutôt que de développer à tout va sans ligne directrice il peut être pertinent de prendre un peu le temps de dafter ce que sera le design et l’ergonomie de l’application.

A ce stade vous avez deux possibilités : la méthode classique du papier et du crayon qui fonctionne très bien mais qui ne permet pas de retoucher ou alors la méthode numérique du dessin sur l’ordinateur qui au final peut être plus productive. Pour cette méthode numérique l’outil proposé par Balsamiq est très pratique, regardez par vous même comment cela fonctionne :

Balsamiq Mockups est un outil payant (79$ la version un poste en desktop, ou en mode Saas avec un abonnement mensuel) mais propose une version en test limité dans le temps, de quoi tester et comparer avec d’autres outils! D’ailleurs si vous avez des noms d’outils pour faire des mockups d’applications n’hésitez pas à le préciser dans les commentaires de ce post!

Post from: 2803 webdesign

Dessiner l’interface d’une application avec Balsamiq Mockups



]]>0http://www.webdesign2803.fr/design/dessiner-linterface-dune-application-avec-balsamiq-mockups/feed/henrihttp://www.webdesign2803.fr/design/dessiner-linterface-dune-application-avec-balsamiq-mockups/La chaine de production d’un site internethttp://feedproxy.google.com/~r/2803/webdesign/~3/V688t8PA4aU/Souvent il est difficile de voir comment se déroule la création d&#8217;un site internet avec une agence. Voici un graphique qui présente de manière très simple les différentes étapes de la production d&#8217;un site avec les phases de réflexion, de maquettage, de création graphique, de développement informatique, et enfin de mise en ligne. J&#8217;aime beaucoup <a href="http://www.webdesign2803.fr/uncategorized/la-chaine-de-production-dun-site-internet/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/la-chaine-de-production-dun-site-internet/">La chaine de production d&#8217;un site internet</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621ba/mf.gif' border='0'/>Sat, 07 Jul 2012 09:22:56 GMThttp://www.webdesign2803.fr/uncategorized/la-chaine-de-production-dun-site-internet/#commentshttp://www.webdesign2803.fr/?p=1154Souvent il est difficile de voir comment se déroule la création d’un site internet avec une agence. Voici un graphique qui présente de manière très simple les différentes étapes de la production d’un site avec les phases de réflexion, de maquettage, de création graphique, de développement informatique, et enfin de mise en ligne. J’aime beaucoup cette vision de John Furness du métier. La traduction française est de Jean-Philippe Wozniak.

Post from: 2803 webdesign

La chaine de production d’un site internet

]]>2http://www.webdesign2803.fr/uncategorized/la-chaine-de-production-dun-site-internet/feed/henrihttp://www.webdesign2803.fr/uncategorized/la-chaine-de-production-dun-site-internet/La chaine de production d’un site internethttp://feedproxy.google.com/~r/2803/webdesign/~3/vHjF7upgkeQ/Souvent il est difficile de voir comment se déroule la création d&#8217;un site internet avec une agence. Voici un graphique qui présente de manière très simple les différentes étapes de la production d&#8217;un site avec les phases de réflexion, de maquettage, de création graphique, de développement informatique, et enfin de mise en ligne. J&#8217;aime beaucoup <a href="http://www.webdesign2803.fr/la-chaine-de-production-dun-site-internet/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/la-chaine-de-production-dun-site-internet/">La chaine de production d&#8217;un site internet</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0a9/mf.gif' border='0'/>Sat, 07 Jul 2012 09:22:56 GMThttp://www.webdesign2803.fr/la-chaine-de-production-dun-site-internet/#commentshttp://www.webdesign2803.fr/?p=1154Souvent il est difficile de voir comment se déroule la création d’un site internet avec une agence. Voici un graphique qui présente de manière très simple les différentes étapes de la production d’un site avec les phases de réflexion, de maquettage, de création graphique, de développement informatique, et enfin de mise en ligne. J’aime beaucoup cette vision de John Furness du métier. La traduction française est de Jean-Philippe Wozniak.

Post from: 2803 webdesign

La chaine de production d’un site internet

]]>2http://www.webdesign2803.fr/la-chaine-de-production-dun-site-internet/feed/http://www.webdesign2803.fr/la-chaine-de-production-dun-site-internet/La chaine de production d’un site internethttp://feedproxy.google.com/~r/2803/webdesign/~3/-VqYnV1Sw20/Souvent il est difficile de voir comment se déroule la création d&#8217;un site internet avec une agence. Voici un graphique qui présente de manière très simple les différentes étapes de la production d&#8217;un site avec les phases de réflexion, de maquettage, de création graphique, de développement informatique, et enfin de mise en ligne. J&#8217;aime beaucoup <a href="http://www.webdesign2803.fr/infographie/la-chaine-de-production-dun-site-internet/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/infographie/la-chaine-de-production-dun-site-internet/">La chaine de production d&#8217;un site internet</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/211ad78a/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/139261928688/u/49/f/4250/c/300/s/211ad78a/a2.htm"><img src="http://da.feedsportal.com/r/139261928688/u/49/f/4250/c/300/s/211ad78a/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/139261928688/u/49/f/4250/c/300/s/211ad78a/a2t.img" border="0"/>infographiecréer un siteSat, 07 Jul 2012 09:22:56 GMThttp://www.webdesign2803.fr/infographie/la-chaine-de-production-dun-site-internet/#commentshttp://www.webdesign2803.fr/?p=1154Souvent il est difficile de voir comment se déroule la création d’un site internet avec une agence. Voici un graphique qui présente de manière très simple les différentes étapes de la production d’un site avec les phases de réflexion, de maquettage, de création graphique, de développement informatique, et enfin de mise en ligne. J’aime beaucoup cette vision de John Furness du métier. La traduction française est de Jean-Philippe Wozniak.

Post from: 2803 webdesign

La chaine de production d’un site internet



]]>0http://www.webdesign2803.fr/infographie/la-chaine-de-production-dun-site-internet/feed/henrihttp://www.webdesign2803.fr/infographie/la-chaine-de-production-dun-site-internet/Ce que votre design dit de vous!http://feedproxy.google.com/~r/2803/webdesign/~3/7jl6_o-9qwI/L&#8217;infographie suivante présente une lecture claire de ce que peut dire votre design de site, du choix de la police de caractère, à la couleur. Un graphique intéressant pour voir si on fait comme tout le monde en terme de webdesign! Post from: 2803 webdesignCe que votre design dit de vous!<p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/ce-que-votre-design-dit-de-vous/">Ce que votre design dit de vous!</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621bb/mf.gif' border='0'/>Wed, 04 Jul 2012 09:12:41 GMThttp://www.webdesign2803.fr/uncategorized/ce-que-votre-design-dit-de-vous/#commentshttp://www.webdesign2803.fr/?p=1146L’infographie suivante présente une lecture claire de ce que peut dire votre design de site, du choix de la police de caractère, à la couleur. Un graphique intéressant pour voir si on fait comme tout le monde en terme de webdesign!

Post from: 2803 webdesign

Ce que votre design dit de vous!

]]>0http://www.webdesign2803.fr/uncategorized/ce-que-votre-design-dit-de-vous/feed/henrihttp://www.webdesign2803.fr/uncategorized/ce-que-votre-design-dit-de-vous/Ce que votre design dit de vous!http://feedproxy.google.com/~r/2803/webdesign/~3/mBw6Y8_9Eq0/L&#8217;infographie suivante présente une lecture claire de ce que peut dire votre design de site, du choix de la police de caractère, à la couleur. Un graphique intéressant pour voir si on fait comme tout le monde en terme de webdesign! Post from: 2803 webdesignCe que votre design dit de vous!<p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/ce-que-votre-design-dit-de-vous/">Ce que votre design dit de vous!</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0aa/mf.gif' border='0'/>Wed, 04 Jul 2012 09:12:41 GMThttp://www.webdesign2803.fr/ce-que-votre-design-dit-de-vous/#commentshttp://www.webdesign2803.fr/?p=1146L’infographie suivante présente une lecture claire de ce que peut dire votre design de site, du choix de la police de caractère, à la couleur. Un graphique intéressant pour voir si on fait comme tout le monde en terme de webdesign!

Post from: 2803 webdesign

Ce que votre design dit de vous!

]]>0http://www.webdesign2803.fr/ce-que-votre-design-dit-de-vous/feed/http://www.webdesign2803.fr/ce-que-votre-design-dit-de-vous/Ce que votre design dit de vous!http://feedproxy.google.com/~r/2803/webdesign/~3/i1ToGzBa_bE/L&#8217;infographie suivante présente une lecture claire de ce que peut dire votre design de site, du choix de la police de caractère, à la couleur. Un graphique intéressant pour voir si on fait comme tout le monde en terme de webdesign! Post from: 2803 webdesignCe que votre design dit de vous!<p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/infographie/ce-que-votre-design-dit-de-vous/">Ce que votre design dit de vous!</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/20fe762e/mf.gif' border='0'/><br/><br/><a href="http://da.feedsportal.com/r/138510115814/u/49/f/4250/c/300/s/20fe762e/a2.htm"><img src="http://da.feedsportal.com/r/138510115814/u/49/f/4250/c/300/s/20fe762e/a2.img" border="0"/></a><img width="1" height="1" src="http://pi.feedsportal.com/r/138510115814/u/49/f/4250/c/300/s/20fe762e/a2t.img" border="0"/>infographiefontpoliceWed, 04 Jul 2012 09:12:41 GMThttp://www.webdesign2803.fr/infographie/ce-que-votre-design-dit-de-vous/#commentshttp://www.webdesign2803.fr/?p=1146L’infographie suivante présente une lecture claire de ce que peut dire votre design de site, du choix de la police de caractère, à la couleur. Un graphique intéressant pour voir si on fait comme tout le monde en terme de webdesign!

Post from: 2803 webdesign

Ce que votre design dit de vous!



]]>0http://www.webdesign2803.fr/infographie/ce-que-votre-design-dit-de-vous/feed/henrihttp://www.webdesign2803.fr/infographie/ce-que-votre-design-dit-de-vous/Cropp me l’outil en ligne pour rogner rapidement des imageshttp://feedproxy.google.com/~r/2803/webdesign/~3/y7fo3IPKuR0/Cropp Me est un site internet qui va vous permettre de rogner ou cropper rapidement des images pour les transformer dans des tailles prédéfinies. Là où c&#8217;est un outil intelligent c&#8217;est qu&#8217;il va détecter automatiquement la zone la plus pertinente pour cropper l&#8217;image et ainsi préserver l&#8217;intérêt de l&#8217;image et ne pas vous présenter un <a href="http://www.webdesign2803.fr/uncategorized/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/uncategorized/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/">Cropp me l&#8217;outil en ligne pour rogner rapidement des images</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/270621bc/mf.gif' border='0'/>Tue, 03 Jul 2012 09:09:44 GMThttp://www.webdesign2803.fr/uncategorized/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/#commentshttp://www.webdesign2803.fr/?p=1131Cropp Me est un site internet qui va vous permettre de rogner ou cropper rapidement des images pour les transformer dans des tailles prédéfinies. Là où c’est un outil intelligent c’est qu’il va détecter automatiquement la zone la plus pertinente pour cropper l’image et ainsi préserver l’intérêt de l’image et ne pas vous présenter un coin tout noir de l’image. Voici un exemple avec une image large avec plusieurs points d’intérêts (les voitures dans ce cas).

L’outil a bien détecté les zones intéressantes!

Post from: 2803 webdesign

Cropp me l’outil en ligne pour rogner rapidement des images

]]>1http://www.webdesign2803.fr/uncategorized/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/feed/henrihttp://www.webdesign2803.fr/uncategorized/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/Cropp me l’outil en ligne pour rogner rapidement des imageshttp://feedproxy.google.com/~r/2803/webdesign/~3/M73V27R3XO4/Cropp Me est un site internet qui va vous permettre de rogner ou cropper rapidement des images pour les transformer dans des tailles prédéfinies. Là où c&#8217;est un outil intelligent c&#8217;est qu&#8217;il va détecter automatiquement la zone la plus pertinente pour cropper l&#8217;image et ainsi préserver l&#8217;intérêt de l&#8217;image et ne pas vous présenter un <a href="http://www.webdesign2803.fr/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/"> read more <span class="meta-nav">&#187;</span></a><p>Post from: <a href="http://webdesign.2803.com">2803 webdesign</a><br/><br/><a href="http://www.webdesign2803.fr/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/">Cropp me l&#8217;outil en ligne pour rogner rapidement des images</a></p><img width='1' height='1' src='http://rss.feedsportal.com/c/300/f/4250/s/24f8e0ab/mf.gif' border='0'/>Tue, 03 Jul 2012 09:09:44 GMThttp://www.webdesign2803.fr/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/#commentshttp://www.webdesign2803.fr/?p=1131Cropp Me est un site internet qui va vous permettre de rogner ou cropper rapidement des images pour les transformer dans des tailles prédéfinies. Là où c’est un outil intelligent c’est qu’il va détecter automatiquement la zone la plus pertinente pour cropper l’image et ainsi préserver l’intérêt de l’image et ne pas vous présenter un coin tout noir de l’image. Voici un exemple avec une image large avec plusieurs points d’intérêts (les voitures dans ce cas).

L’outil a bien détecté les zones intéressantes!

Post from: 2803 webdesign

Cropp me l’outil en ligne pour rogner rapidement des images

]]>1http://www.webdesign2803.fr/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/feed/http://www.webdesign2803.fr/cropp-me-loutil-en-ligne-pour-rogner-rapidement-des-images/