Webdesign
Get flash to fully experience Pearltrees
François Hollande, le candidat du graphisme ?
Hello Ce matin, je voulais revenir vers vous et discuter quelque peu du nouveau logotype de François Hollande, candidat aux élections présidentielles françaises. En dehors de toute considération politique, on va parler uniquement graphisme si vous le voulez bien Imaginé et dessiné par l’agence de communication BDDP & Fils, dirigée par François Blachère, cette agence de publicité créée en 1997 l’agence fait partie du 3eme groupe de communication en France, j’ai nommé…. TBWA\France ! Elle ne sort donc pas de nulle part et vous l’aurez compris, créer sa propre concurrence, rien de mieux pour ne pas en avoir.
Infographie : Optimiser une page web pour le référencement naturel (3)
Afin d’achever notre série d’infographie traitant de l’optimisation d’une page web pour le référencement naturel, nous vous proposons d’aborder le sujet de la fraîcheur, de la récence du contenu. Pour résumer le propos de cette infographie, on pourrait utiliser deux proverbes : « C’est dans les vieux pots qu’on fait les meilleures soupes » et « Plus on est de fous, plus on rit « … et voici pourquoi…. Un contenu neuf dans un contenant ancien Les moteurs de recherche aiment les valeurs sûres. Un domaine ancien part avec un avantage de notoriété , et un site qui a « de la bouteille » aura toujours plus d’autorité qu’un domaine acheté la semaine dernière… Bien sur, on suppose que le domaine n’a pas été sanctionné ou blacklisté par un moteur. Mais c’est bien le seul indicateur qui bonifie le référencement avec l’âge…
Une feuille de styles de base pour le Web mobile
Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d’horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Pour vous faciliter la tâche, voici ci-dessous une feuille de style dédiée au média mobile qui condense diverses bonnes pratiques et astuces. Ces règles peuvent être externalisées dans un fichier CSS séparé, ou incluses directement au sein du document de styles global, déclarées à l’aide d'une règle media query de type @media (max-width: 640px) {...} . L’objectif de cette feuille de styles est avant tout de poser un socle de bases communes que vous pourrez adapter à vos convenances ou besoins personnels. Préambule : fixer le Viewport
La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design , pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web.
Les Media Queries CSS3
Free Logotype Maker : Créez gratuitement votre logo personnalisé en ligne.
Personnaliser le logo de son site peut s’avérer assez compliqué. Il faut disposer d’un logiciel de dessin performant tel que Photoshop ( très cher ) soit The Gimp ( Logiciel libre ), et savoir l’utilisé. Mais il est difficile de maîtriser ces logiciels afin de créer rapidement votre logo. Voici une alternative qui vous permettra de réaliser rapidement votre logo en quelque minutes. Logotype Maker vous permettra en quelque clics de choisir : Un icon.Actualité du 29/11/2011 Faire comprendre le référencement en une image , c'est l'objectif de cette infographie qui aidera sans doute ceux qui veulent résumer les pratiques visant à renforcer la visibilité d'un site Internet sur les moteurs de recherche (SEO : S earch E ngine O ptimization) . Volontairement simple, malgré la complexité globale d'une stratégie de référencement efficace, l'infographie est complétée par des explications plus détaillées.
Le SEO en une image > Actualités Référencement
Recherche Google : Trucs et Astuces à retenir [infographie]
Voici une super infographie à retenir et à ajouter à vos favoris au plus vite. Elle résume les trucs à connaître pour effectuer des recherches avancées sur Google . Elle peut s’avérer particulièrement utile aux étudiants, journalistes, veilleurs, référenceurs et même à monsieur et madame tout le monde. Natuellement c’est niveau basique, mais il y a l’essentiel. Par exemple : rechercher un terme exact sur un site en particulier, avec des mots clés reliés, en enlevant un terme, et en recherchant de telle date à telle date.
Ce tutoriel, découpé en trois parties, parle de livres numériques. Il présente les raisons de gérer soi-même les droits numériques de ses livres, il montre comment on fabrique un livre numérique à partir de son fichier texte (Word ou autre), et détaille les étapes (très simples) permettant de le vendre dans la boutique Amazon. Vous avez simplement besoin d’un ordinateur (PC ou Mac) et de programmes disponibles sur Internet. Vous n’avez même pas besoin de posséder une liseuse. Vous trouverez donc sur cette page trois fichiers PDF à télécharger :
Créer soi-même ses ebooks 
Apprenez à créer votre site web avec HTML5 et CSS3
Vous rêvez d'apprendre à créer des sites web ? (mais vous avez peur que ce soit compliqué car vous débutez ?)
<a href="http://referral.shortstacklab.com/l/5/18871" title=""><img src="http://referral.shortstacklab.com/m/5" alt=" Facebook Cheat Sheet: Sizes and Dimensions" title="" style="border: none"/></a> Updated: September 28, 2012 What is the size of the profile picture in Facebook? How wide is page of your brand? Here are all the numbers you need and you can even download a handy PDF Facebook cheat sheet. Due to the recent release of Facebook timeline for brand pages , some new sizes have been added and old ones modified.