Alors bien sûr, ces services supposent que vous ayez au moins une couleur de base.

• DHTML Goodies : On commence par indiquer les valeurs de base de notre couleur (RGB / hexadécimal) et le service s’occupe du reste. Il nous présentera ainsi les couleurs complémentaires (triade, tetrade, analogic, monotone…) en quelques secondes. Il suffira ensuite de récupérer le code hexadécimal de la couleur pour travailler dessus.
• Color Scheme Designer : Très populaire auprès des créatifs, ce service vous propose la même chose que le site précédent mais avec beaucoup plus de détails. Très interactif, l’outil vous permettra de jongler très facilement entre les différentes couleurs proposées. Seul bémol, il ne fonctionne que sur des valeurs hexadécimales.
• ColorBlender : Ce service est un peu différent des précédents dans la mesure où il va vous permettre de créer des palettes de couleur. Un peu moins accessible que les autres, il offre cependant plusieurs options d’export intéressantes pour récupérer facilement sa palette sur Photoshop ou Illustrator. Notons qu’il est également possible de recevoir toutes les valeurs RGB des couleurs de sa palette par mail.
• Infohound Color Schemer : Doté d’une interface à la fois très simple et très dépouillée, cet outil se concentre sur l’essentiel. On indique donc la valeur hexadécimale ou RGB de sa couleur et ce dernier nous présente immédiatement les couleurs complémentaires qui s’accorderont le mieux.
• Kuler : Un service bien pratique qui nous vient tout droit des laboratoires Adobe. Avec cet outil, on peut bien évidemment trouver très facilement des couleurs complémentaires mais on peut aussi accéder aux palettes réalisées par les autres utilisateurs du service. Très pratique lorsqu’on manque d’inspiration.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Lorsqu’on souhaite utiliser des polices d’écriture exotiques sur son site, les solutions ne manquent pas. La plus flexible d’entre toutes est sans conteste le @font-face introduit par les CSS 3. Tant mieux, parce que WP Google Fonts repose justement sur cette technique. Une fois installé, le plugin vous permettra de sélectionner n’importe quel police pour tous les éléments de votre choix. Et le plus beau, dans l’histoire, c’est qu’il semblerait que cette technique soit compatible avec Internet Explorer 6.

Enfin, ça reste quand même à vérifier.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

1. Ffranz

Un portfolio aux couleurs très épurées et doté d’une structure intéressante. Les colonnes mettent bien en valeur le contenu et j’ai particulièrement apprécié le système de compétences et son système de tooltips.

2. Danieldev

Un gros travail typographique a été réalisé pour ce portfolio. Là encore, les couleurs utilisées sont neutres, douces, le contraste parfait et on appréciera la carte du monde en fond fixe à droite.

3. Ammar Ceker

Un portfolio très minimaliste mais plutôt original de par son texte aligné à droite. On notera au passage le boulot qui a été fait sur la typographie ainsi que l’originalité du bouton Twitter.

4. James Charlick

Un gros coup de coeur que ce portfolio qui prouve bien que le Georgia peut être une chouette police à utiliser dans ses projets web. Simple, professionnel et efficace.

5. Dustin Walker

Ceux qui n’aiment pas le jQuery risquent d’être déçu. En effet, ce portfolio profite au maximum des possibilités de cette librairie. On appréciera tout particulièrement la navigation verticale et le chargement progressif des images.

6. 5 Squared

Encore un gros coup de coeur. Ce portfolio met l’accent sur l’essentiel, à savoir les réalisations de son auteur. Vraiment très soigné, très épuré et un chouette effet de rollover sur les images.

7. Marty Batten

Une ambiance un peu différente pour ce portfolio très sombre mais qui repose globalement sur le même principe que le précédent. L’accent est en effet mis sur les réalisations, et rien que sur les réalisations. En revanche, on remarquera le chouette effet de rollover sur les images qui change un peu de ce qu’on a l’habitude de voir.

8. Juan Ignacio Ruiz Echazu

Pour ce portfolio, tout repose sur le contraste. Typo sombre sur fond clair, typo clair sur fond sombre, le concepteur du site a merveilleusement bien joué sur ce paradoxe. Même chose, un gros boulot a été effectué sur les miniatures des dernières réalisations. On appréciera ainsi le diaporama, le rollover et le système de tooltips qui, utilisés conjointement, donnent un effet très intéressant.

9. Jeroen Homan

Un portfolio tout en typographie. Les différentes polices utilisées, leur couleur, le rendent unique. Un travail vraiment magnifique et un gros coup de coeur pour ce portfolio pas comme les autres.

10. Jonnotie

Simple et efficace, ce portfolio est vraiment très harmonieux. Tout suggère la douceur, des couleurs utilisées à la typographie du titre en passant par les icônes minimalistes qui vont droit à l’essentiel.

11. Made by Jordan

Encore un portfolio très minimaliste, très épuré. Le visuel est accrocheur, les dernières réalisations sont bien mises en valeur et on regrettera juste que le diaporama ne soit pas géré avec une librairie comme jQuery ou Mootools.

12. Fresh 01

Sans être complètement fan des couleurs utilisées, j’avoue que ce portfolio m’a quand même agréablement surpris. La barre de navigation fixe située en haut est intéressante et on appréciera tout particulièrement l’effet de défilement dans les ronds lorsqu’on décide d’aller en bas de page.

13. Ignaty Nikulin

Ce portfolio est intéressant à plus d’un titre. Le logo, déjà, très coloré et un poil rétro, est bien mis en valeur. Point positif, l’inclinaison de la charte offre un rendu intéressant, mis en valeur par les trois bulles qui ne cessent de bouger. Là encore, un gros coup de coeur.

14. Andrew Handley

Un portfolio très original, avec très peu de texte. L’univers graphique est assez particulier, on aime ou on aime pas, mais je me demande quand même si l’absence de texte est bon pour le référencement du site.

15. Steffan Haeberle

Voilà un portfolio à la fois très sobre et très classe. Là encore, un gros coup de coeur. On appréciera tout particulièrement le diaporama original et sa très chouette animation.

16. Arbel Design

Un portfolio très original que voilà, et peut-être même le plus original de cette sélection. Doté d’une ambiance visuelle très particulière, chacune de ses rubriques est en réalité un slide faisant partie d’un diaporama qui prend toute la page. Il fallait y penser.

17. TJ Todo

Une ambiance sombre pour ce chouette portfolio. Seul bémol, son concepteur a utilisé de nombreuses images pour son menu et son accroche. Ces derniers auraient facilement pu être réalisés en CSS, ce qui lui aurait permis d’optimiser son portfolio.

18. Thiago Leao

Un portfolio très minimaliste, construit autour du diaporama centrale. A noter que l’animation de ce dernier est très original.

19. Encantado

Une structure très claire pour ce portfolio sombre qui joue sur deux couleurs : le bleu et le vert. Le diaporama, très traditionnel, n’en reste pas moins percutant car bien contrasté avec le reste du site.

20. Indo Folio

Vous avez sans doute croisé ce portfolio au détour d’autres sélections et c’est bien compréhensible puisqu’il est tout simplement magnifique. L’ambiance visuelle est unique, on appréciera également les différents fonds fixes qui donnent un effet dynamique à la scène représentée lorsqu’on redimensionne la fenêtre.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Inspiré par l’application Notes de l’iPhone, le Notepad Theme est à la fois subtil et sobre. Mettant essentiellement l’accent sur le contenu, il mélange des nuances jaunes et marrons. Précisons, en outre, que les réseaux sociaux sont mis à l’honneur puisqu’ils se situent juste en dessous du titre du blog. Il faut bien l’avouer, leur emplacement est plutôt original, on n’a pas vraiment l’habitude de les croiser à cet endroit-là.

Pour le reste, le Notepad Theme est un concentré de plein de bonnes choses. On peut citer, dans le désordre :

• Une charte épurée, classieuse et qui pourra aussi bien convenir aux blogs personnels qu’aux blogs d’entreprise.
• Un menu déroulant mettant l’accent sur les pages et sur les sous pages.
• Des marges spacieuses mettant le contenu en valeur.
• Des icônes très propres pour souligner l’auteur, la catégorie, les tags ou encore le nombre de commentaires des articles.
• Des liens discrets et élégants.
• Un système de commentaire très aéré et parfaitement lisible.
• L’utilisation de propriétés CSS 3 afin d’alléger au maximum le thème.
• Le PSD du thème est fourni.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Précisons, en outre, que j’avais déjà publié à ce sujet avec plus de 200 icônes type web 2.0 à télécharger. D’après mes statistiques, vous avez été nombreux à accrocher à cette sélection et il était donc normal que je vous en propose une nouvelle. En espérant que cette dernière vous plaise, naturellement…

Et pour finir, précisons que cette sélection repose sur celle de Tutorial Freakz, découverte grâce à un très bon article de Blogmotion. Si ces quelques icônes ne vous suffisent pas, vous savez donc ce qu’il vous reste à faire !

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Car en effet, la police d’écriture joue un rôle primordiale dans l’élaboration d’un projet web. Il suffit d’ailleurs souvent d’en changer pour s’en rendre compte. Certains polices d’écriture mettront en valeur le contenu présenté, d’autres auront tendance à lui porter préjudice.

Sauf que voilà, lorsqu’on souhaite tester différentes polices d’écriture dans son navigateur, il est nécessaire de modifier ses CSS et ça veut très vite prendre pas mal de temps pour peu qu’elles soient mal structurées. L’objectif de FontFriend, c’est justement de vous filer un coup de pouce en vous permettant de prévisualiser un site avec la police d’écriture de votre choix.

Concrètement, donc, FontFriend se présente comme un petit bookmarklet à ajouter à votre navigateur. Une fois que c’est fait, il vous suffit de vous rendre sur le site internet de votre choix (les pages locales fonctionnent aussi) et de cliquer dessus. Une fenêtre s’ouvrira alors et vous permettra de changer en quelques clics la police d’écriture utilisée ou encore sa taille et son style. Précisons qu’il est possible en outre de définir le sélecteur qui bénéficiera de ces modifications.

Globalement, FontFriend est un très bon service web 2.0 qui ne manquera sans doute pas de vous rendre de grands services.

Crédits Photo

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

PSD TUTS

Abduzeedo

Tutorial9

PSHero

PSD Fan

DeviantArt

PSDFan

Computer Arts

Outlaw Design Blog

PVM Garage

DesignBlurb

Talk Mania

X24D

EyesOnTutorials

UBLTuts

Online Photoshop Tutorials

Worth1000

Vileworks

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Disclaimer : Toutes les données présentes dans cet article reposent sur l’étude menée par Travailleur du Web. Précisons qu’elles reposent donc uniquement sur les 500 participants qui ont répondu à l’enquête. Dans ce contexte, le montant des salaires n’est donné qu’à titre indicatif et ne reflète pas nécessairement la réalité.

Précisons que le classement qui suit repose sur le salaire, du plus haut au plus bas. Par ailleurs, le salaire dépend de l’ancienneté, bien entendu, mais aussi de l’entreprise. Il ne s’agit là que d’une moyenne donné à titre indicatif.

• Le Directeur de Clientèle : Il a souvent plusieurs commerciaux sous sa responsabilité. Il représente son agence auprès des annonceurs et des clients. Il définit une stratégie de communication et gère les négociations commerciales. Il touche en moyenne entre 4.000 et 5.000 € par mois.
• Le commercial : C’est lui qui démarche les clients et qui vend les produits ou services. Il n’est pas technicien mais il doit tout-de-même avoir quelques connaissances techniques. Il touche en moyenne 4.000 € par mois.
• Le Directeur Technique : Il supervise l’ensemble de l’activité technique de l’entreprise. Il analyse les besoins fonctionnels des clients et conçoit des offres de service. Il gère également le plus souvent l’équipe technique de l’entreprise et accompagne souvent le Directeur de Clientèle. Il touche en moyenne 3.900 / 4.000 € par mois.
• Le Consultant : Il est un prestataire de service en conseil. Envoyé par les commerciaux en clientèle, il se positionne un peu comme le centre névralgique de l’entreprise, travaillant à la fois avec les équipes commerciales et les équipes techniques. il doit être très mobile, il passe le plus clair de son temps sur la route. Il touche en moyenne 3.000 €.
• Le Chef de Projet Technique : Il a pour responsabilité de coordonner et de piloter son équipe pour l’ensemble des phases techniques d’un projet. Il veille au respect du cahier technique et encadre le plus souvent les développeurs et autres designers. Il touche en moyenne 3.000 € par mois.
• Le Chef de Projet : Appelé aussi chargé de projet, il veille au bon déroulement d’un projet. En matière de web, il faut préciser qu’il se confond le plus souvent avec le Chef de Projet Technique, ce qui explique pourquoi leur rémunération est la même. Il touche en moyenne 3.000 € par mois.
• Le Flasheur : Graphiste spécialisé dans la technologie Flash d’Adobe, le Flasheur crée des animations, des sites, des jeux ou des petits programmes. Très polyvalent, il possède à la fois des compétences en création graphique et en développement. Il touche en moyenne 2.750 € par mois.
• Le Rédacteur : Souvent apparenté, à tort, au journaliste ou à l’écrivain, il est chargé de développer le contenu d’un site. Pour se faire, il doit se familiariser avec les techniques de rédaction pour le web et donc avec le SEO. Il touche en moyenne 2.500 € par mois.
• Le Développeur Flash/Flex : Moins polyvalent que le Flasheur, le Développeur Flash s’occupe essentiellement du développement d’une animation, d’un site, d’un jeu ou d’un programme et de l’accès à une base de données. Il touche en moyenne 2.500 € par mois.
• Le Directeur Artistique : Très créatif, il gère le visuel d’un projet et encadre le plus souvent des graphistes et autres designers. Il touche en moyenne 2.500 € par mois.
• Le Développeur : Comme son nom l’indique, il est chargé du développement des sites et il doit donc maitriser plusieurs langages de développement différents, jonglant ainsi avec le HTML, les CSS, le Javascript, le PHP, l’ASP et ainsi de suite. Il touche en moyenne 2.400 € par mois.
• L’Administrateur Réseau : Il veille au bon fonctionnement du réseau informatique et a en charge la gestion complète des différents serveurs de l’entreprise, y compris les serveurs sur lesquels sont stockés les sites web. Il touche en moyenne 2.400 € par mois.
• Le Webmestre : C’est un terme générique qui regroupe tous les métiers du web, métiers que les recruteurs ne connaissent pas toujours. Ce qu’on entend généralement par webmestre, c’est le responsable d’un site internet. Il est donc censé être polyvalent et assume par conséquent plusieurs postes différents. Il touche en moyenne 2.000 € par mois.
• Le Graphiste : Il conçoit des solutions de communication visuelle. Là encore, il s’agit d’un terme générique qui regroupe de nombreuses spécialités. Globalement, nous dirons juste qu’il est responsable de l’aspect visuel d’un site, mais aussi de son ergonomie. Il touche en moyenne 2.000 € par mois.
• Le Monteur / L’intégrateur : Travaillant de concert avec les équipes créatives et techniques, il assure « l’assemblage » d’un site internet. Il doit donc avoir des connaissances en HTML et en CSS et être au fait des normes en vigueur dans ce domaine. Il gagne en moyenne 2.000 € par mois.

Bien entendu, cette liste est assez perfectible. Certains métiers manquent cruellement, comme le Webmarketeur, le Référenceur, le Podcasteur ou encore le Juriste du Web. Cela dit, elle nous permet de dégager certaines tendances. On se rend ainsi compte qu’un commercial gagne toujours plus qu’un technicien. Les recruteurs semblent privilégier la vente à la création, ce que l’on peut facilement comprendre compte tenu du contexte économique.

Cela dit, même si les métiers du web sont nombreux, il faut se résoudre à l’évidence : c’est un milieu que la plupart des recruteurs connaissent peu, ou pas. Il suffit de se rendre sur le site du Pôle Emploi pour s’en rendre compte, les annonces dans ce domaine sont rarement ciblés. Sauf en agence de communication ou dans les grands groupes, évidemment.

Et pour cause, puisque les PME, elles, n’ont pas les moyens d’embaucher autant de profils différents et se contenteront le plus souvent de recruter un « webmestre » et donc un candidat polyvalent doté de compétences multiples.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Une image vaut mille mots. Proposer des liens textuels, c’est bien, mais l’internaute n’aura pas toujours envie de cliquer dessus. Faut dire aussi qu’il est parfois fainéant, le bougre, hein… Dans ce contexte, pour rendre vos billets similaires plus percutants, rien ne vaut l’utilisation de miniatures ou de vignettes. Beaucoup plus visuelles, elles attireront plus naturellement l’oeil de vos visiteurs.

Si vous n’avez pas envie de coder ou de vous creuser la tête, il y a un plugin pour WordPress qui peut parfaitement faire l’affaire : LinkWithin.  Très modulable, très simple à utiliser, il vous permettra de mettre facilement et efficacement votre contenu en valeur.

Attention tout-de-même car il ne se configure pas comme la plupart des plugins WordPress. Bien au contraire, il vous faudra le plus souvent mettre les mains dans le cambouis pour l’intégrer à votre thème. Cela dit, précisons que la FAQ est très bien faite et qu’elle vous sera d’un grand secours.

Et pour finir, si vous avez envie de voir LinkWithin tourner, il suffit de jeter un coup d’oeil à la suite de ce billet.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Il n’aura fallu que quelques mois à Weedle pour changer de thème. C’est court, beaucoup trop, mais l’ancien ne me convenait plus. Comme vous avez été nombreux à me le faire remarquer, il comportait certains défauts plutôt troublants, voir même gênants. Même chose pour les couleurs utilisées, qui étaient beaucoup trop sobres à mon goût.

Le nouveau thème de Weedle n’est sans doute pas parfait, mais il a le mérite d’être beaucoup plus clair. Les derniers articles publiés sont mis en avant sur la page d’accueil, au travers d’un diaporama (et que l’on retrouve sur toutes les pages à l’exception de la page « article ») et par une liste relativement lisible. Mon objectif était tout simplement de vous faciliter les choses et j’espère que c’est réussi.

Même chose pour la barre latérale qui est beaucoup plus épurée que l’ancienne. Tout en haut, on retrouve des boutons pointant vers les différentes catégories du site, suivis d’une publicité puis du reste. A noter que j’ai volontairement regroupé les derniers commentaires, les pages et les archives ainsi que notre Twitter, les photos de notre groupe Flickr et, bientôt, les vidéos de notre compte Viméo. Le tout dans des calques accompagnés d’un système d’onglets dont l’animation est réalisée en JQuery. Faudra d’ailleurs que je dédie un billet à ce sujet.

Plus bas, vous trouverez un encart GeekBooster qui vous permettra d’accéder à de l’actualité publiée sur d’autres blogs. Un bon moyen de découvrir de nouvelles têtes et d’assurer en même temps la promotion de Weedle. Si vous souhaitez obtenir plus d’informations sur le sujet, vous pouvez vous reporter au billet que j’ai publié sur la Fredzone.

Les commentaires ont également subi une légère cure de jouvence. J’ai ajouté le plugin @Reply pour que vous puissiez échanger plus facilement entre vous. Même chose, votre avatar est désormais beaucoup plus gros mais je pense que mon script n’est pas parfait dans la mesure où certains d’entre eux sont un peu trop pixelisés. Si vous connaissez une meilleure méthode que celle utilisée, n’hésitez pas à vous manifester dans les commentaires qui suivent cet article.

Le plus difficile à gérer, pour moi, a encore le contraste général de ce nouveau thème. Tous les écrans ne sont pas réglés de la même façon, je me suis essentiellement appuyé sur celui de mon MacBook et sur mon 24 pouces pour tenter de trouver le parfait équilibre. Cela ne sera peut-être pas parfait chez vous mais je vous invite à étalonner votre écran si vous avez du mal à lire mes billets.

Au niveau de la publication, en revanche, je pense publier moins d’articles qu’avant les fêtes. Ces derniers me demandent en effet beaucoup de temps et j’aurai, je pense, le plus grand mal à en rédiger un par jour.

Voilà, il ne reste plus que la question de l’hébergeur. Actuellement, j’ai acheté deux parts d’un serveur hébergé chez Gandi. L’ancien thème avait tendance à pédaler dans la choucroute. On verra donc si ce nouveau thème corrige le problème. Si ce n’est pas le cas, alors je n’aurais d’autre choix que de déménager chez la concurrence.

Ah, et pendant que j’y pense, bonne année à tous !

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.