MARIE & JULIEN - Mot-clé - ressourcesAvec des vrais morceaux de graphistes dedans !!2023-10-02T13:47:55+02:00urn:md5:55f0cf05bb0a4bea5d0d26493e80bfbbDotclearWebdesign et Photoshop : qualité et productivité - retour sur l'atelier, slides, scripts et fichiers d'exempleurn:md5:3e84da302904464ae24d32b15a8d12192010-10-17T20:15:00+02:002011-02-01T11:25:26+01:00JulienressourcesatelierParis Webphotoshopressourcesscripts<p>Pour ceux qui y étaient et les autress, voilà le résumé de <a href="http://www.paris-web.fr/2010/programme/webdesign-photoshop-qualite-productivite.php">mon atelier à Paris Web</a> et tout le matériel nécessaire pour ne JAMAIS designer directement en code dans le navigateur <img src="/themes/default/smilies/wink.png" alt=";)" class="smiley" /></p> <p>Ce compte-rendu sera surtout utile pour ceux qui y étaient, pour les autres certains points vont sembler incompréhensible, mais tout s’éclairera <del>quand la vidéo sera en ligne (date indéterminée)</del></p>
<h2>La vidéo de l’atelier</h2>
<p><a href="http://www.paris-web.fr/2010/programme/webdesign-photoshop-qualite-productivite.php">UPDATE !! la vidéo est en ligne !!</a> (Merci à Paris Web de mettre ces vidéos à disposition gratuitement)</p>
<h2>Les fichiers</h2>
<ul>
<li><a href="https://mariejulien.com/public/slides_PW_01.pdf">Les slides</a></li>
<li><a href="https://mariejulien.com/public/export_JPG.jsx">Le script d’export JPG commenté</a> (merci à Yannick Lepetit de l’avoir codé selon mes instruction tyranniques.) Veuillez ne pas redistribuer ce script directement sur votre site, mais plutôt de linker vers ce billet si il vous a été utile.</li>
<li><a href="https://mariejulien.com/public/demo_variable.zip">Le zip contenant les fichiers d’exemples</a> pour l’exercice des variables (les photos sont là à titre d’exemples et ne sont pas libres de droit)</li>
</ul>
<h2>Quelques notes rapides au sujet des slides, pas très explicites seules.</h2>
<h3>Slide #4 sur la méthodo</h3>
<p>Chez nous, les fichiers sont organisés en versions dans un dossier “PSD” et incrémentés sur 2 chiffres. Si il y a plusieurs pistes, elles sont chacune dans un dossier au sein du dossier PSD. Les exports sont eux dans un dossier portant la date du jour lui même dans un dossier “JPG”.</p>
<p>exemple :</p>
<p>PSD<br />
-Axe 1<br />
—home_01<br />
—home_02<br />
—home_03<br />
—page_panier_01<br />
-Axe 2<br />
—home_01<br />
—home_02<br />
—page_panier_01<br /></p>
<p>JPG<br />
-20101710<br />
—home_01.jpg<br /></p>
<p>Dans tous les cas, il faut essayer de limiter la taille des fichiers. Un fichier de home assez complet peut tenir en moins de 50Mo (moins de 20Mo pour certains de mes fichiers). Évidemment, ça dépend des cas, il n’y a pas de règle, mais un fichier de 500Mo pour du web à de grandes chances d’être mal optimisé, sauf cas particulier.</p>
<p>Pensez à ranger aussi l’intérieur de vos PSD et à supprimer les calques d’essai inutiles. Prenez le reflexe de replier tous les dossiers de calques avant de sauver et fermer le fichier. Il suffit pour cela d’appuyer sur Alt et de cliquer sur la petite flèche à gauche du dossier. Pour la nomenclature inter, j’utilise des majuscules, et parfois des couleurs pour les grandes sections du site “HEAD” “CONTENT” “FOOTER” et des minuscules pour le reste.</p>
<h3>Slide #5 quelques tips en vrac</h3>
<ul>
<li>les repères commentés</li>
<li>la grille à décaler au lieu de se créer un petit calque carré de x pixels comme un goret <img src="/themes/default/smilies/wink.png" alt=";)" class="smiley" /></li>
<li>Cocher l’option magnétisme des pixels pour les formes vectorielles</li>
<li>Utiliser le curseur sur l’icône devant les champs numériques pour modifier les valeurs</li>
<li>Dans une boite de dialogue : échap pour la fermer, touche alt pour faire apparaitre une option “rétablir”</li>
<li>Utiliser des les doubles masques vectoriels ET pixel pour avoir une maîtrise totale</li>
<li>Cocher “effets masqués par le masque de fusion” dans les styles de calques pour faire certains effets</li>
<li>shift + drag’n’drop de calque dans un fichier de même taille pour dupliquer en place</li>
<li>Possibilité d’ouvrir des fichiers depuis internet en les drag’n’droppant ou simplement en copiant/collant l’url dans la boite de dialogue “ouvir” (fonctionne avec les PNG24 sans le bug du fond noir)</li>
<li>utiliser les motifs pour faire des lignes pointillées ou tordues, comme sur le site MAIF</li>
<li>Possibilité de versionning dans les options la palette d’historique</li>
</ul>
<h3>Slide #7 partage de paramètres</h3>
<p>Utiliser le gestionnaire de paramètres prédéfinis pour gérer et exporter les paramètres. Créez-vous des formes et des nuanciers prédéfinis sur chacun de vos projets.</p>
<h3>Slide #8</h3>
<p>Utilisez les variables mais seulement dans le cas de gros volumes de documents à gabarits fixes, sans formatage de texte. possibilité d’importer des données depuis excel ou équivalent. Les variables se trouvent dans images/variables/définir ou “ensemble de données” si vous les avez déjà définies.</p>
<h3>Slide #9</h3>
<p>utilisez le Javascript pour scripter des actions avancées et piloter Photoshop entièrement, avec des possibilité de variable et de conditions, contrairement aux actions.
la doc sur les scripts se trouve dans les répertoire de Photoshop.</p>
<h2>Merci</h2>
<p>À tous ceux qui ont suivi cet atelier, merci de l’avoir choisi (pas évident avec l’atelier sur css3 et HTML5 de Raphaël Goetter en même temps) j’espère qu’il vous aura été utile, n’hésitez pas si vous avez des retours, des questions, ou même des scripts ou tips à partager avec moi et les autres participants.</p>Profession graphiste indépendant : Le livre de référence ultime pour tout graphiste qui se lanceurn:md5:60619fdf9d04456580f4b40219cb7bb32010-05-08T18:03:00+02:002012-02-24T19:39:56+01:00Julienressourceslivreressources <div class="center">
<img src="http://www.profession-graphiste-independant.com/images/profession-graphiste-independant-livre.jpg" alt="profession graphiste indépendant" />
</div>
<p>Sonnez hautbois, résonnez musette, non je ne suis pas mort, et seule une très bonne raison pouvais me faire sortir de mon mutisme. M. Julien Moya (assisté de M. Éric Delamarre) nous a commis<a href="http://www.profession-graphiste-independant.com/"> un bouquin, et quel bouquin</a> !!! La référence ultime en matière de graphisme freelance. l’ouvrage que tout le monde aurait rêvé d’avoir quand il s’est lancé en indépendant. Si vous avez le petit livre jaune, c’est bien, mais achetez le gros livre rose, il défonce tout.</p>
<p>Objectivement.</p>
<p>C’est un condensé de bonnes pratiques, d’exemples concret, d’interviews, de documents-types, d’arnaques à éviter, le tout écrit simplement et de manière pragmatique. Si vous venez sur ce blog ne cherchez pas : il vous faut acheter ce bouquin.</p>
<p>Même si vous êtes déjà installés, ce bouquin ne pourra que vous être utile dans votre pratique au quotidien, et vous apprendrez surement des trucs (j’en ai appris en le feuilletant !). Également, il est un outil précieux pour tous ceux à qui il manque des infos pratiques sur la manière de se comporter devant un client, comment prospecter, fixer ses prix, gérer ses projets.</p>
<p>Je pense sincèrement que ce bouquin peut faire gagner un an, voire deux, à un freelance qui se jette à l’eau, en lui évitant vraiment pas mal de galères. Il agrège également toutes les questions courantes que l’on trouve sur les forums et les commentaires de ce blog, en un seul ouvrage. Bref, si vous cherchez une source fiable et centralisée, et que vous ne voulez pas chercher des heures la réponse sur internet, achetez ce bouquin.</p>
<p>Cerise sur le gâteau, vous retrouverez page 24 <a href="https://mariejulien.com/?post/2009/04/27/Statut-freelance-Auto-entrepreneur-MDA-Entreprise-Individuelle-BNC-TVA-tout-comprendre-en-un-coup-d-oeil">le merveilleux schéma</a> qui a fait mon succès dans les diners en ville, et dans les ressources rien moins qu’un lien vers marie///julien. la classe <img src="/themes/default/smilies/cool.png" alt="8-)" class="smiley" /></p>
<p><a href="http://www.profession-graphiste-independant.com/">Retrouvez toutes les infos utiles (sommaires, extraits) sur le livre “Profession graphiste indépendant”, éditions eyrolles, 255 pages.</a></p>Grille tarifaire 2009, 2010, 2011 et 2012 pour les graphistes, infographistes et webdesigners freelance recherchant un ordre de prix pour un site web, flyer, brochure, catalogue, logo, carte de visite, affiche ou autre prestation graphiqueurn:md5:5c4dd1fcfeb4c199480fe154cc8100322009-09-27T19:53:00+02:002010-03-22T15:27:49+01:00JulienDossiersastucesconseilsfreelanceressources<h3>TOUS LES TARIFS ACTUALISÉS SONT RÉCAPITULÉS DANS CE BILLET !!</h3>
<p>Vous voulez savoir combien facturer une affiche, une annonce presse, une brochure institutionnelle, une brochure, une campagne de publicité, un carton d’invitation, un catalogue, la création d’une maquette pour une petite revue, un magazine, un dépliant, une pochette de disque pour un petit label, une pochette de disque pour une major, un flyer, une jaquette de DVD, un packaging, une plaquette d’entreprise, la mise en page d’une brochure ou d’un magazine ?</p>
<p>Vous avez toujours rêvé de savoir combien vaut la direction artistique d’un livre, une image corporate multi-support, une image de marque, une page de livre, un logo de petite entreprise ou de multinationale, une charte graphique, la déclinaison d’un logo, la communication d’un petit festival (flyer, affiche, programme), un programme de 12 pages pour une association, un rapport annuel, ou un visuel pour une agence de pub ?</p>
<p>Vous ne pouvez vivre plus longtemps sans connaitre le juste prix d’une création photo originale pour un poster, une charte graphique web, un site web pour un ami, pour une PME, pour une moyenne ou une grosse entreprise, une animation d’intro (ça existe encore ça ??) pour un site, un CD-ROM, DVD-ROM ou un habillage, une couverture de roman, une illustration, une anim flash, des pages ou une couv de magazine, un mailing pub, des pictos ou une image pour une campagne institutionnelle ?</p>
<p>Vous vous demandez quel est le prix d’un raton laveur ?</p>
<p>TOUTES LES RÉPONSES À CES QUESTIONS SONT DANS LA SUITE !!!</p> <h3>Voici la grille de tarif à jour pour toutes ces prestations:</h3>
<p style="font-size:30px;font-weight:bold;letter-spacing:-2px;color:#E0FF03;">(Tarif jour × Nombre de jours) + cession de droits = Tarif de la prestation.</p>
<p>Et la magie, c’est que ça s’applique à tout. :HALU:</p>
<h3>Bon, maintenant que j’ai bien rameuté tout le monde avec cette débauche de mots-clefs, on va pouvoir parler sérieusement.</h3>
<p>Bien souvent, la question des tarifs à pratiquer pour telle ou telle prestation se pose quand une proposition de boulot tombe sur le débutant freelance en quête de mission. Et là, c’est la panique… le voilà bien embêté de devoir fournir un prix ou un “ordre de prix” à son client potentiel.</p>
<p>Sacrebleu se dit il, me voilà bien démuni !! Il était question de faire une brochure, il doit bien exister quelque part une fourchette de prix pour une brochure, et je pourrais alors prestement en faire part à mon client !! Mais cette fameuse fourchette est un mythe, et il suffit de regarder un peu autour de soi pour s’en apercevoir.</p>
<h3>Quel est le prix d’une maison, d’une voiture, d’une fenêtre, d’un séjour au ski ou d’un massage de pieds ? Quelqu’un aurait une grille tarifaire ?</h3>
<p>Hé oui, voilà, pas la peine d’aller chercher des exemples bien loin !! En fait, il y en a partout autour de nous, et, le mur étant tombé en 89, il est assez rare de trouver des produits dont les tarifs sont indexés sur des grilles et soigneusement définis par des membres éminents du parti.</p>
<p>Aujourd’hui, les prix sont libres, et bien malin celui qui pourra vous sortir une grille de prix à jour et cohérente.</p>
<p>Fût un temps, vers 2003-2006 ( :VIEUX: ), on trouvait des grilles de tarifs à travers le web, pour chaque type de presta. Je crois que c’était édité par un magazine et on en retrouvait jusque sur kob-one. Le problème, c’est que ces grilles racontaient n’importe quoi, soit des prix ridicules soit des prix exorbitants, et surtout sans indiquer un quelconque périmètre ni méthodologie pour sortir ces chiffres. Bref, si ça pouvait quelques fois être utile aux free expérimentés, ça ne faisait que semer la confusion pour un débutant, qui faisait sa salade interne là dessus jusqu’à ce que ça ne veuille plus rien dire.</p>
<h3>Comme tout professionnel, seul un devis détaillé vous permettra de fixer le prix d’une prestation</h3>
<p>Car nous faisons du sur-mesure, qui plus est dans la prestation de service, et non de la vente au détail. Chaque client à des besoins et des objectifs différents. Demandez donc à un électricien quel est le prix pour “refaire l’électricité chez vous” ou à un cuisiniste “quel sera le prix de votre cuisine”. Il ne pourra en aucun cas vous répondre dans l’instant, il viendra chez vous, prendra des mesures, évaluera le travail à faire, le nombre de ressources nécessaires, le coût du matériel et la marge qu’il veut dégager de l’opération. puis il vous rappellera 2 jours après avec un <a href="https://mariejulien.com/?post/2007/11/02/Etablir-un-devis-et-fixer-ses-prix">devis détaillé</a> que vous pourrez comparer avec celui ses concurrents.</p>
<p>Tout comme nous, l’électricien n’ pas de grille de tarif pour la pose d’un compteur, pas plus que le cuisiniste pour l’installation d’une hotte aspirante</p>
<p>La seule différence, c’est que l’électricien ou le cuisiniste se met rarement à son compte en sortant de l’école sans connaître les tarifs ou les usages de la profession, alors que le graphiste, oui. :POELE:</p>
<h3>Les 3 piliers du tarif d’une prestation</h3>
<p>Nous avons donc vu qu’il n’y pas de salut du coté des grilles pour ce qui est des tarifs, et que les grilles ça sert surtout à faire des mots-croisés ou des barbecues, et que la seule manière valable de fixer ses prix, c’était de faire un devis. Mais comment ?</p>
<h4>L’évaluation du projet et du temps de travail</h4>
<p>Il n’y a pas de secret, comme tout bon professionnel vous devez être capable d’évaluer combien de temps prendra telle ou telle presta selon les critères et contraintes qui vous sont données. Cette capacité s’acquiert avec l’expérience et il n’y a pas de formule magique, c’est pour ça qu’il est conseillé de ne pas s’installer en free au sortir de l’école, car on sera forcement à la ramasse sur ce genre d’évaluation.</p>
<p>Attention bien sûr à TOUT prendre en compte, sans vous surestimer, et en pensant bien qu’en face vous avez un client humain (et parfois chiant) qui voudra changer 15 fois de typos, vous sortira des nouveaux textes de derrière les fagots ou voudra un jaune plus jaune. Quelques retours c’est normal, mais pour calmer ses ardeurs n’oubliez pas de bien les circonscrire dans votre devis, et de facturer les retours qui dépassent, sinon ça va vite devenir la fête du slip.</p>
<div class="warning">
<h3>le “travail au forfait”</h3>
<p>Attention également au piège bien connu de “nous on a toujours travaillé au forfait” sorti par le client dans une tentative d’enfumage massive. NON, ils n’ont jamais de leur vie “toujours travaillé au forfait” et le client lui même ne vend pas ses prestas au forfait. C’est juste une combine bien connue et qui marche pas mal sur les débutants pour pouvoir des modifs à l’infini et dire que le projet est terminé “quand ils sont satisfait”.</p> <p>Que ce soit clair, bosser comme ça ça n’est pas possible, et si on vous le demande en arguant en plus que “tout le monde travaille comme ça”, fuyez. Le client sait très bien qu’un devis détaillé serait dans son intérêt, si il vous demande “quel est votre forfait pour un site web” c’est qu’il sait très bien qu’il va vous sortir des fonctionnalités au dernier moment et faire des modifs à n’en plus finir.</p></div>
<p>Normalement, vous devriez sortir une évaluation de type “2 propositions de logo, bon ça ça me prends environ 2 jours, puis la décli sur 3 cartes de visites j’en ai pour disons 1 jour, et il y’aura forcement des retours clients et des rendez-vous téléphoniques, comptons une demie journée en plus”</p>
<p>Donc mettons pour une petite presta de logo + décli carte de visite vous en aurez pour 3 jours et demi.</p>
<p>TIP : une journée c’est 8h hein, et on ne travaille pas les week ends, sinon c’est du surcoût.</p>
<h4>Le tarif jour, clef de voute du tarif de la prestation</h4>
<p>Bravo, vous avez évalué le temps de travail, mais quel est votre tarif jour ? Normalement, avant de vous installer, vous avez bien sûr fait une petite étude de rentabilité ou interrogé des gens du métier qui vous ont permis de le définir. Non ? Vous croyiez trouver une grille tarifaire tout faite quand le moment se présenterai c’est ça ? :TSS:</p>
<p>Donc, pour calculer son tarif jour c’est assez simple, il “suffit” de calculer toutes ses dépenses, charges et frais, la marge que l’on veut dégager et le CA que l’on vise et diviser par le nombre de jours travaillés. Calculer son seuil de rentabilité et le rapporter au jour en gros.</p>
<h3>Calculer son seuil de rentabilité</h3>
<div class="warning">
<h3>L’art de compter les jours d’un mois</h3>
<p>Attention, il y a un piège, bien souvent dans ces calculs, vous allez diviser le résultat par 30 jours, ce qui vous donnera un chiffre dérisoire. Or, dans un mois, il y’a 22 jours travaillés, et pour un free, travailler c’est aussi prospecter, faire de la compta et développer son activité. Il ne faut donc pas croire que vous travaillerez pour un client direct 22 jours dans le mois. Pourtant il faut bien manger tous les jours, et le reste de votre travail, la partie invisible, fait partie intégrante des coûts et doit être facturée comme le reste. On estime qu’un freelance qui roule vraiment très bien va travailler sur un projet client environ 10 à 15 jours par mois maximum.</p>
<p>Dans le calcul de vos frais, n’oubliez pas de prendre en compte les choses auxquelles on ne pense pas forcement comme la retraite, la formation, les impôts…</p></div>
<p>Admettons que vous venez juste de débuter, et que vous avez calculé que pour payer toutes vos charges et dégager un peu de bénéfice, il vous faut facturer 3000€/mois. c’est un chiffre tout à fait réaliste, car il faudra payer des charges, des impôts, du matériel et des jours chômés sur ce petit pécule. Ne faites SURTOUT pas l’erreur de le comparer cette somme à un salaire net par exemple. Donc 3000€ par mois, si vous êtes un freelance qui roule bien et qui bosse en projet direct environ 12 jours par mois… vous faites la division de 3000 par 12 et vous obtenez… 250€ par jour à facturer sur vos projets. Hors taxes si vous êtes à la TVA bien sûr.</p>
<p>Notez que dans cet exemple, vous visez un chiffre d’affaire (CA) de 36.000€, ce qui est un très bon objectif (que vous n’atteindrez surement pas) dès la première année. Mais commencer par viser ce CA est une bonne chose pour la survie de son entreprise.</p>
<p>Il vous faudra aussi prendre en compte la valeur ajoutée que vous apportez à un projet, et la qualité (normalement) croissante de votre travail. Si vous êtes sans cesse appelé à travailler sur de grands comptes, pensez à augmenter vos tarifs, c’est que vous êtes sur la bonne voie.</p>
<p>Il existe <a href="http://freelanceswitch.com/rates/">un outil</a> qui vous permet d’avoir un aperçu rapide de votre seuil de rentabilité horaire (en anglais) évidemment, il sera toujours plus pertinent de faire votre propre calcul.
L’AFD à également édité un outil, <a href="http://www.calkulator.com/">le calkulator</a>, pour évaluer le tarif d’un projet, mais je ne l’ai jamais testé du coup je ne peux pas donner mon avis dessus.</p>
<h3>Quelques exemples de tarifs/jours constatés dans mon entourage</h3>
<div class="memo">Pour vous donner quelques exemples concrets :
<ul><li>les DA juniors et webdesigners de mon entourage sont à 350€/j</li>
<li>les développeurs front/intégrateurs html à 350-400€/j</li>
<li>les devs flash AS3 sont à 500-600€/j</li>
<li>les DA web ou flash séniors à 500€/j</lI></ul>
<p>Je n’ai jamais croisé un free dont c’est le métier régulier facturer sous la barre des 300€/j (surement pour la simple et bonne raison qu’il est difficile de survivre et de développer son activité sous ce seuil)</p></div>
<h3>Les droits d’auteurs</h3>
<p>Pour les artistes-auteurs d’œuvres originales, il faudra prendre en compte l’étendue des droits d’auteurs à céder à votre client, et à les facturer en conséquence. C’est un vaste sujet qui mériterai un billet entier, et mon petit doigt me dit qu’un article là dessus est en cours de rédaction. Pour ma part du temps où je travaillais en free, je n’ai jamais fait de campagne d’affichage nationale ou ce genre de chose, du coup mes cessions de droits étaient délimitées clairement sur le devis, mais j’intégrais le prix de la cession dans mon tarif jour. Pas forcement la chose la plus indiquée, mais pour des cartes de visites ou ce genre de choses, c’est plus simple. pour un logo une ligne du devis donnait l’étendue et le prix de la cession.</p>
<div class="warning">
<h3>Les pièges</h3>
<p>Évidemment, il y’a des pièges à éviter, car souvent quand on cherche les bons tarifs c’est qu’on ets débutant, et quand on est débutant on ets prêt à se faire manger tout cru. Nous avons déjà vu le coup du piège du forfait, faisons un petit tour d’horizon de ce qui vous guette…</p>
<ul>
<li>Exposé : travaillez gratuit et on verra après</li>
<li>Réponse : NON, <a href="https://mariejulien.com/?post/2007/08/22/Top-10-des-bobards-racontes-aux-infographistes-naifs">comme le reste de ces excuses bidons</a></li>
</ul>
<ul>
<li>Exposé : Nous prenons des risques sur cette appel d’offre cette histoire donc on aimerait que vous nous proposiez un tarif perdu/gagné.</li>
<li>Réponse : Ça n’est absolument pas à moi de gérer les risques pris par une agence, du coup la solution à adopter est si perdu = tarif normal sans les droits d’auteurs (en plus ça empêche qu’on vous chourrer votre boulot), si gagné, tarif normal + droits d’auteur puisqu’il y aura exploitation de l’œuvre.</li>
</ul>
<ul>
<li>Exposé : Je connais un (ou plusieurs) graphiste qui à de meilleure référence que vous et dont le devis est au moins… voyons… CINQ fois moins cher que le votre. Je n’ai pas l’habitude de révéler les devis qu’on me fait mais ça vous laissera une chance de vous aligner.</li>
<li>Réponse : vous avez trouvé la perle rare, bossez avec lui (et entre nous pourquoi ça n’est pas déjà fait et pourquoi vous me rappelez pour me le dire ?) Vous avez calculé votre seuil de rentabilité pas vrai ? au dessous duquel vous ne gagnez pas d’argent pas vrai ? alors puisque vous ne voulez pas travailler pour rien, pourquoi vous discutez encore avec lui ? Et puis aussi, ne soyez pas naïf, si il avait vraiment un free pour 2 fois moins cher, pourquoi il vous rappelle ? Alors calmez vous, respirez, maintenez votre prix et vous travaillerez sur ce projet. Le client aurait été con de ne pas tenter non ? 100% classique, ça vous arrivera plusieurs fois.</li>
</ul>
<ul>
<li>Exposé : C’est un peu cher, vous ne pouvez pas baisser les prix ?</li>
<li>Réponse : une négociation c’est normal, mais ne faite pas l’erreur de baisser vos prix ou votre tarif jour, négociez plutôt le contenu de la prestation, ou les finitions. le client n’a pas l’argent pour une charte graphique complète ? vendez lui un mémo avec les grandes lignes de son identité graphique. Il n’a pas d’argent pour un site flash + backoffice perso ? cherchez une solution plus adaptée du coté des CMS. C’est votre travail de conseil et c’est comme ça qu’on rapporte des clients, pas en sacrifiant ses prix, ça ne rime à rien. De plus, les ristournes de plus de 5% sur votre tarif jours ne sont à concéder à des extrêmement bon clients et pas au premier venu qui “va être un bon client”</li>
</ul>
<ul>
<li>Exposé : Donnez moi un ordre de prix pour un site</li>
<li>Réponse : proposez de le rappeler en fin de journée après avoir écouté ses besoins pour lui proposer un pré-devis. Astuce : ne faites pas un devis de fou avec excel etc pour un pré-devis, c’est une perte de temps. Faites un devis succint dans le corps du mail pour donner une idée de l’ordre de prix.</li>
</ul>
<ul>
<li>Exposé : on fait un deal, je te paye 1500€ à la fin du mois et tu travaille à temps plein sur des missions</li>
<li>Réponse :<a href="http://kitdesurvie.metiers-graphiques.fr/009_salariat-dissimule.html">alors là attention, grosse grosse carotte c’est carrément du salariat dissimulé !!</a></li>
</ul>
<p>Et pour terminer le plus gros de <ins>TOUS</ins> les pièges : croire que son CA mensuel est égal à un salaire, même brut, et comparer ce chiffre avec les salaires ayant cours dans la profession. VOUS ÊTES UNE ENTREPRISE, mettez vous ça dans la tête une bonne fois pour toute, et le chiffre d’affaire n’est ABSOLUMENT PAS un salaire (ne jamais confondre bénéfice et tiroir-caisse vous dirait, avec raison, ma belle mère) !!</p>
<p>3000€ de CA mensuel, c’est correct pour une 2eme année d’activité par exemple, mai ça ne correspond EN AUCUN CAS à 3000€ de salaire, net ou brut. Gardez en tête que ce sont 2 choses fondamentalement différentes, et qu’en temps que patron d’entreprise, vous n’avez aucun droit ni protection salariale, ce qui rend toute comparaison inutile. Si vous ne comprenez pas ça n’est pas la peine de rester en free, ça n’est pas fait pour vous. (rien de péjoratif, je suis redevenu salarié moi même).</p>
<p>Si vous avez monté une entreprise, c’est pour DÉVELOPPER VOTRE ACTIVITÉ, pas pour comparer votre CA à un SMIC.</p>
</div>
<p>Noramalent vous devriez avoir toutes les clefs en main pour commencer à tarifer vos prestation, et vous avez enfin compris pourquoi vous aviez tant de mal à trouver une grille de prix sur internet, et que quand vous en trouviez une, elle vous paraissait aberrante. Quand vous allez demander conseil sur de forums comme kob-one par exemple, ne demandez plus combien ça coute, mais donnez votre estimation du temps, et demandez aux autres si ça leur semble cohérent.</p>
<p>La seule chose que vous ayez à faire, c’est de retenir cette formule :</p>
<p style="font-size:30px;font-weight:bold;letter-spacing:-2px;color:#E0FF03;">(Tarif jour × Nombre de jours) + cession de droits = Tarif de la prestation.</p>
En vrac: Joyeux noël, bonne année, joyeux anniversaire, et toute cette sorte de choses !urn:md5:7d2cfda450f823f2a10a70b04ff362ba2007-12-29T14:38:00+01:002007-12-29T14:43:57+01:00Juliennewscadeauxidéesliensnoelressources<p>Après un long silence radio (hé oui 10 jours déjà) je profite d'une minuscule fenêtre de tir entre 2 orgies de foie gras/truite marinée pour me remettre à publier des articles, car mon petit doigt me dit qu'avec la traditionnelle gastro inter-réveillon que je suis en train de couver et des bouleversements professionnels à venir vous n'êtes pas prêt de me revoir. Je vais donc essayer de vous constituer une petite réserve de billets qu'il faudra économiser.</p>
<p>Pour s'y remettre en douceur, un petit "en vrac" de noël</p> <p>tout d'abord, quelques sites sympas glanés sur le web, ce sera vos cadeaux de nouwel:</p>
<ul>
<li><a href="http://www.forbidden-places.net/explo1fr.php">Forbidden places</a>: un site que regroupe plusieurs galeries photos d'explorations interdites, dans des lieux à l'abandon, tels d'anciens asiles, des casernes, des usines etc... bref, le rêve de tout photographe en manque d'exploration. Je me rends compte avec grand désarroi que la majorité des spots sont hors de france, dommage. <img src="/themes/default/smilies/normal.png" alt=":-|" class="smiley" /> . Si vous connaissez des endroits semblables sur Toulouse ou sa région, je suis preneur.</li>
<li><a href="http://www.shinybinary.com/">Shinybinary</a>: un site surement hyper connu mais que je viens de découvrir, des compos et des visuels très sympa mêlant 2d/3d. je n'aime pas tout mais y'a quand même des trucs rudement bien foutus.</li>
<li><a href="http://www.noupe.com/ajax/47-excellent-ajax-css-forms.html">Une petite galerie de formulaires en ajax</a>: ressource utile pour ceux qui veulent améliorer un peu les formulaires classiques avec de l'auto-complétion et autres joyeusetés.</li>
<li><a href="http://www.sitepoint.com/article/web-site-optimization-steps">Web Site Optimization: 13 Simple Steps</a>: article assez complet et intéressant qui reprend les bases de l'optimisation de site, en attaquant avec un angle de réglage serveur (en anglais)</li>
<li><a href="http://www.my.epokhe.com/2007/12/09/amelioration-taux-conversion/">Ces détails qui améliorent le taux de conversion</a>: petit topo rapide sur les principaux éléments qui transforment un visiteur en acheteur sur un site commercial (avec chiffres à l'appui). Très instructif, même pour un site non commercial.</li>
<li><a href="http://www.my.epokhe.com/2007/07/30/3techniques-linkbaiting-seomoz/">3 techniques de linkbaiting</a>: sur le même site, intéressant aussi, même si plus classique, surtout si vous faites du web depuis longtemps</li>
<li><a href="http://www.adobe.com/fr/designcenter/video_workshop/?id=vid0003">Une manière originale et pratique d'exporter une photo depuis photoshop CS3, zoomify</a>: j'ai testé récemment et ça peu s'avérer bien pratique !</li>
</ul>
<p>Maintenant que vous avez été gâtés, je peux sans scrupule vous étaler notre joie à la figure en vous faisant l'inventaire exhaustif de tous les beaux cadeaux que papa noël nous à apporté. Qui sait, peut être que ça vous inspirera pour noël prochain <img src="/themes/default/smilies/smile.png" alt=":-)" class="smiley" /> . Comme vous pourrez le constater, le père noël était assez branché déco cette année. Si j'ai pas trop la flemme je prendrai des photos de tout ça.</p>
<ul>
<li>Dans un style rétro, on a eu 2 magnifiques strapontins de cinéma anciens, en bois + assise en cuir rouge, avec numéro de place en cuivre, accompagné d'un cadre avec plusieurs petites affiches de films anciens, style programmation de vieux cinéma, ainsi qu'un cadre avec des vieux ticket de ciné et un autre avec un bon au porteur <a href="http://www.numistoria.com/imgtitre/eurfra_666_hau.jpg">de la société des films couleur Keller-Dorian datant des années 20</a>. Quand on aura enfin un loft de 230m², je vous raconte pas la méchante classe que ça aura dans la salle de projection, située à coté de la piste de karting, au dessus de la patinoire (celle du bowling, pas celle de l'héliport). <img src="/themes/default/smilies/wink.png" alt=";-)" class="smiley" /></li>
<li>Une lampe très sympathique avec un abat-jour en métal chromé dessinant plein de petites silhouettes découpées, qui est parfaite pour pallier à notre cruelle absence de "lampe à coté du canapé".</li>
<li><a href="http://www.amazon.fr/Lucien-Coffret-Juke-Box-métalliques-Week-end/dp/2731619090">Le juke-box "Lucien"</a>, la bédé de Margerin, je vais pouvoir enfin me les re-re-re-re-[...]-re-re-lire d'une seule traite et éclater de rire tout seul comme un con toutes les 3 minutes</li>
<li>Pour Marie son personnage fétiche de l'age de glace: <a href="http://www.attakus.fr/?view=article&id=411">Scrat, première édition</a> en 1500ex/monde modelé par attakus (qui fait d'ailleurs des figurines irréprochables). Je vous raconte pas le bol du père noël d'avoir dégoté la première version de cette figurine <img src="/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></li>
<li>Encore dans la déco, <a href="http://www.bdnet.com/7ATKJG001/alb.htm">l'affiche Blacksad "john's blues" par Guarnido</a>, une magnifique affiche de 100×50cm très bien finie, avec vernis sélectif sur l'illustration. Si vous ne connaissez pas cette bédé, je ne saurais trop vous la recommander.</li>
<li>Pour ma part père noël m'a amené les accessoires qui me manquaient pour faire de la photo de studio un peu mieux, je pense qu'il a dû avoir pitié de mes bidouillages. Donc maintenant, en plus d'avoir 2 spots de chantier 500 watts,du papier sulfurisé pour atténuer les projos et des feuilles canson blanches format raisin en guise de reflecteur, il faudra désormais compter avec mon tout nouveaux réflecteur blanc/or/argent/translucide dépliable et le déclencheur souple canon qui permet de faire tranquillement ses photos sans bouger d'un millimètre. (en cherchant des images, j'ai trouvé <a href="http://www.astrosurf.com/rondi/instru/decl350d/index.htm#3">ce tuto pour en fabriquer un soi même</a>, ça peut toujours être utile)</li>
<li>Et pour assaisonner le tout, une poignée de DVD divers.</li>
</ul>
<p>Ha et au fait mon anniv c'est dans un mois, <a href="http://www.attakus.fr/?view=article&id=511">juste au cas où vous ne sauriez pas quoi choisir avec l'argent que vous avez sans doute dû cotiser pour moi</a> <img src="/themes/default/smilies/smile.png" alt=":-)" class="smiley" /> (j'accepte aussi <a href="http://cgi.ebay.fr/JEANNE-GIBRAT-ATTAKUS-N-S-SUPERBE_W0QQitemZ200186595238QQihZ010QQcategoryZ32645QQssPageNameZWDVWQQrdZ1QQcmdZViewItem#ebayphotohosting">celle ci</a> à la rigueur)</p>En vrac du week-endurn:md5:0940e64a2a535650888782d488f3a5132007-11-24T23:09:00+01:002007-11-25T01:00:03+01:00Julienastucesastucesliensressources<p>Je vais me la jouer un peu <a href="http://standblog.org/blog/">standblog</a> et m'éloigner des concours et autres articles de 10 pages qui font fumer les yeux pour vous proposer des petites news totalement en vrac (et pas forcement de la dernière fraicheur non plus).</p> <ul>
<li><a href="http://cdelasteyrie.typepad.com/sidiese/2007/11/usafr-402-logos.html">Vinvin se réjouit d'avoir déjà obtenu 402 logos pour seesmic</a> (comme si c'était un gage de qualité), et félicite wilogo du "super boulot" qu'il à réalisé. Les graphistes de la plateforme apprécieront.</li>
</ul>
<ul>
<li>en jetant un coup d'œil sur mes referers tout à l'heure, j'ai découvert des sites qui m'étaient totalement inconnus, et sur lequel je n'ai pu retrouver l'endroit où avait été inséré mon lien, ni dans quel contexte (ou alors des sites où il faut s'inscrire pour rentrer). Si vous faites un lien vers ce blog, vous pouvez laisser un petit commentaire ici même ou sous l'article que vous citez pour me prévenir, ça fait toujours plaisir ! (ou si c'est un blog, faites un trackback, c'est fait pour ça !) <img src="/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></li>
</ul>
<ul>
<li>Toujours dans l'esprit des referers, j'ai vu que certains sites reprenaient intégralement le texte de nos billets. alors OK la source est linké, mais ce serait plus correct de demander la permission avant, ou de ne citer que l'intro puis linker ensuite. Ce blog est destiné à aider les infographistes, mais pas à fournir du contenu éditorial gratos aux sites de graphisme :C , rédiger de longs articles documentés est déjà assez dur, je ne veux pas qu'ensuite ils soient sortis du contexte et les commentaires relatifs à ces articles dispersés partout, car c'est le seul retour auquel nous pouvons prétendre. (notez que c'est plus le fait de ne pas demander avant qui me dérange en fait).</li>
</ul>
<ul>
<li><a href="http://www.inkboy.fr">inkboy.fr</a> affiche un pagerank de 5 depuis le début de la semaine oO , et ça je croyais pas que ça pouvait arriver un jour (à tel point qu'au départ je pestait contre mon extension firefox que je pensais buguée); On peut noter au passage la large différence entre le site flash (PR de 3) et le site xhtml/css valide (PR de 5 sur l'accueil et de 4 sur les autres pages, alors qu'il est plus récent). Certes le site flash ne fait pas appel aux techniques modernes de référencement propre à ce média.</li>
</ul>
<ul>
<li>Ça fait longtemps que j'ai ce lien au fond de mes tiroir: <a href="http://www.canon.fr/paperart/">canon propose de nombreux patrons à imprimer pour faire des origamis</a>, si vous voulez vous taper le genre et faire des cadeaux de "nouyel" originaux à moindre frais.</li>
</ul>
<ul>
<li>très belles illustrations découvertes aujourd'hui même sur <a href="http://www.jeffsoto.com/home.html">le site de Jeff Soto</a>, je suis vraiment fan !</li>
</ul>
<ul>
<li>le clavier OLED ce gros <a href="http://fr.wikipedia.org/wiki/Vaporware">vaporware</a> dont on cause depuis au moins 2 ans en bavant sur les <a href="https://mariejulien.com/public/IMG0013715.jpg" hreflang="" rel="lightbox">2 pauvres images fournies par la boite</a> est enfin sorti, <a href="http://www.hardware.fr/news/9237/claviers-oled-debarquent-ny.html">en 200 exemplaires et pour la modique somme de 1564$</a>, ça valait le coup d'attendre :WTF: . Je veux même pas savoir combien de blé les investisseur ont pardu dans cette affaire <img src="/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></li>
</ul>
<ul>
<li><a href="http://www.linux-france.org/article/these/smart-questions/smart-questions-fr.html">Poser intelligemment les questions sur les forums de discussions</a>: le tester c'est l'adopter, en suivant ces simples règles on arrive à obtenir des réponses précises et efficaces sur les forums.</li>
</ul>
<ul>
<li>Un truc bien pratique à caler sur son FTP: <a href="http://thefilebrowser.com/">lussumo filebrowser</a>: c'est open source, et ça permet en copiant simplement quelques fichiers (pas d'install) de browser facilement et intuitivement son espace d'hébergement, en permettant le réglage de quelques options pratiques, comme le masquage de certains répertoire ou la manière de trier les fichier. à tester absolument si vous avez un FTP genre free où vous stockez plein de trucs que vous mettez à dispo. <a href="http://motusdesign.free.fr/browse/smiles/">une petite démo ici</a>.</li>
</ul>
<ul>
<li>J'ai enfin réussi (par hasard) à retrouver le nom et à remettre la main sur le protocole et les résultats d'une expérience intéressante réalisée en 1960: <a href="http://fr.wikipedia.org/wiki/Expérience_de_Milgram">l'expérience de milgram</a>. En gros ça explique comment on peut manipuler les gens facilement, pourvu qu'ils soient déresponsabilisés et en présence d'une figure d'autorité. Je trouve cette expérience d'autant plus intéressante qu'on peut l'appliquer à tous les sites de perverted-crowdsourcing actuels.</li>
</ul>
<ul>
<li>Je me penche actuellement sur <a href="http://www.thelia.fr/">Thelia</a>, une solution ambitieuse et opensource de CMS E-commerce. Cette solution me parait intéressante à creuser car elle offre une alternative sérieuse à OScommerce et à tous les sites de commerce "tableau-3-colonnes" non respectueux des standards et carrément figés. L'approche de Thélia est de se baser sur un système de boucles à la <a href="http://www.spip.net">spip</a> qui permettent une souplesse extrême.<br />Si quelqu'un développe avec le moteur thélia, n'hésitez pas à me donner votre avis !</li>
</ul>
<ul>
<li>Toujours dans l'open source, et toujours dans le CMS, <a href="http://www.opensourcecms.com/">ce site hyper pratique</a> pour ne pas se saouler à installer 15 CMS en local pour les tester avant de ce décider, puisqu'il le fait pour vous ! Je ne peux plus m'en passer depuis que je l'ai découvert. En plus ça permet de tester des trucs qu'on aurait pas pensé à installer, et donc choisir la solution la plus approprié à chaque cas de figure, et non le gros CMS usine à gaz car c'est le seul qu'on connait.</li>
</ul>
<ul>
<li>Pour rester dans le PHP, <a href="http://pit.free.fr/code_php.php">voilà un script qui permet de générer des codes barre dans de multiples standards,</a> de manière très facile. Étant un gros geek dans l'âme, je ne peux pas m'empêcher de penser à toutes les applications que je pourrais faire de ce truc si j'avais un peu de temps. Ajoutez à ça qu'une douchette-scanner de code barre USB ça vaut dans les 30€, et vous comprendrez l'intérêt du truc: codes barre sur les factures pour faciliter la saisie, code barre sur vos bouquins ou DVD pour les classer etc... <img src="/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></li>
</ul>
<ul>
<li>Ce lien est sans doute hyper-connu, mais je le mets quand même: <a href="http://www.ferryhalim.com/orisinal/">des jeux super-sympa en flash</a>, très bien réalisés, originaux et au graphisme très particulier, à essayer absolument</li>
</ul>
<ul>
<li>Je suis sûr que vous avez toujours voulu connaitre la différence entre une anacoluthe et une épiphore, un hyperbate ou un épanadiplose ou encore entre une tmèse et une zeugma. Non ce ne sont pas les nouveaux personnages de Stargate SG12, mais les noms de nombreuses figures de rhétorique, que l'on utilise quotidiennement sans le savoir. <a href="http://www.e-dito.com/essais.asp?id_fichier=58">Ce site les référence et les explique</a>, pour qu'enfin vous sachiez que quand je dis que les concours de graphisme, soit c'est bidon, soit c'est totalement de l'arnaque, je fais en fait un magnifique anantapodoton <img src="/themes/default/smilies/cool.png" alt="8-)" class="smiley" /> (ça vous la coupe hein ?).</li>
</ul>
<ul>
<li>Encore un vieux lien que je viens de retrouver: Si vous en avez marre de vous prendre la tête avec les profils ICC, ou tout simplement que vous avez laché l'affaire et tout décoché comme un barbare dans photoshop pour ne plus que ce satané logiciel ait l'outrecuidance de vous demander ce que vous comptez faire avec cette image qui n'est pas dans le même espace colorimétrique que l'espace de travail, (mais si rappellez vous, ça à du vous l'afficher une fois avant que vous appuyiez frénétiquement sur "ne plus afficher" en disant "ta gueule" à la boite de dialogue), <a href="http://blog.aube-nature.com/?2006/12/21/70-photoshop-colorimetrie-profils-icc">Ce site concret et concis est fait pour vous</a>. Il vous explique rapidement mais de manière efficace comment comprendr et bien gérer les profils ICC dans photoshop. C'est un aspect très important du boulot, surtout pour les printeux (mais pas seulement), donc n'hésitez pas à aller y jeter un œil !</li>
</ul>
<p>Voilà pour la petite liste à brule-pourpoint, un de ces quatre je ferais des billets avec des liens variés des ressources par corps de métier (print, css...), mais ça demande un gros boulot de synthèse et une sélection drastique dans les méandres de mes marques pages.</p>La bibliographie du parfait petit graphisteurn:md5:662e24c254df686313e5e281efd93edc2007-10-21T16:49:00+02:002007-10-21T16:36:15+02:00Marie-Anaïsressourcesinfographielivresressources<p>Voici une petite liste non exhaustive des bouquins à avoir chez soi, qui pourront vous aider techniquement ou simplement vous inspirer.</p> <h3>Guide du graphiste indépendant</h3>
<p><img src="https://mariejulien.com/public/guidegraphiste.jpg" alt="guidegraphiste.jpg" style="float:left; margin: 0 1em 1em 0;" />
<ins>Auteur</ins>: Christelle Cappo-Chichi<br />
<ins>Éditeur</ins>: Pyramyd<br />
<ins>Date</ins>: 2006<br />
<ins>N°ISBN</ins>: 2-910565-80-7 <br />
<ins>Prix</ins> : 14.90 €</p>
<p>Alors tout d'abord le plus indispensable de tous (que vous devriez déjà avoir entre vos mains) Le guide du Graphiste Indépendant. C'est une mine d'infos pour quiconque souhaite se lancer en freelance, il aborde tout les sujets importants comme entre autres les démarches administratives, les droits d'auteurs, la rémunération, comment s'organiser etc.. Donc voilà courez l'acheter, si ce n'est pas déjà fait.</p>
<hr style="clear:both;visibility:hidden;">
<h3>La chaine graphique</h3>
<p><img src="https://mariejulien.com/public/chainegraphique.jpg" alt="chainegraphique.jpg" style="float:left; margin: 0 1em 1em 0;" />
<ins>Auteur</ins>: Kaj Johansson<br />
<ins>Éditeur</ins>: Eyrolles<br />
<ins>Date</ins>: 2005<br />
<ins>N°ISBN</ins>: 2-212-11336-6 <br />
<ins>Prix </ins>: 52.00 €</p>
<p>Un livre à posséder absolument pour comprendre les rouages et les nombreux aspects du métier. Plutôt orienté print, c'est une énorme référence pour tout graphiste. Il est très complet et vraiment très pratique. Il pourra vous être d'un grand secours dans vos relations avec les imprimeurs et pour comprendre tout les aspects techniques de l'imprimerie.</p>
<hr style="clear:both;visibility:hidden;">
<h3>Le logo (2eme édition)</h3>
<p><img src="https://mariejulien.com/public/logo.jpg" alt="logo.jpg" style="float:left; margin: 0 1em 1em 0;" />
<ins>Auteur</ins>: Christian Delorme<br />
<ins>Éditeur</ins>: Editions d'organisation<br />
<ins>Date</ins>: 1999<br />
<ins>N°ISBN</ins>: 2-7081-2218-5<br />
<ins>Prix</ins> : 28.50 € (attention apparemment il n'est plus édité)</p>
<p>Le livre à acheter si l'on s'intéresse à la charte graphique et au logo, et pour enrichir sa culture graphique. Très concis, ce livre est un excellent récapitulatif des notions importantes. Il aborde, entre autres, la typologie, la sémantique, le graphisme et la typographie. Il décortique le logo dans tout les sens et aborde tout les aspects de la création en passant par les tests de qualités, le prix d'un logo et les bons usages à pratiquer.</p>
<hr style="clear:both;visibility:hidden;">
<h3>À bâtons rompus</h3>
<p><img src="https://mariejulien.com/public/batonsrompus.jpg" alt="batonsrompus.jpg" style="float:left; margin: 0 1em 1em 0;" />
<ins>Auteur</ins>: Adrian Frutiger<br />
<ins>Éditeur</ins>: Atelier Perrousseaux<br />
<ins>Date</ins>: 2003<br />
<ins>N°ISBN</ins>: 2-911220-08-0<br />
<ins>Prix</ins> : 24.00 €</p>
<p>Un maitre de la typographie donne un petit cours. Les origines de l'écriture et son évolution, le processus de lecture, l'apparition des caractères typographiques, les règles à suivre pour la conception d'une police et les grandes familles de caractères, tout ces sujets sont abordés dans ce livre très concis, bien illustré, précis.</p>
<hr style="clear:both;visibility:hidden;">
<h3>L'harmonie des couleurs le guide</h3>
<p><img src="https://mariejulien.com/public/harmoniecouleurs.jpg" alt="harmoniecouleurs.jpg" style="float:left; margin: 0 1em 1em 0;" />
<ins>Auteur</ins>: Tina Sutton<br />
<ins>Éditeur</ins>: Pyramyd<br />
<ins>Date</ins>: 2004<br />
<ins>N°ISBN</ins>: 2-910565-73-4<br />
<ins>Prix</ins> : 27.00 €</p>
<p>LE guide des couleurs, avec symboliques, concordances etc...</p>
<hr style="clear:both;visibility:hidden;">
<h3>Maquette et mise en page</h3>
<p><img src="https://mariejulien.com/public/maquette.gif" alt="maquette.gif" style="float:left; margin: 0 1em 1em 0;" />
<ins>Auteur</ins>: Pierre Duplan<br />
<ins>Éditeur</ins>: Editions du Cercle de la librairie<br />
<ins>Date</ins>: 2004<br />
<ins>N°ISBN</ins>: 2-7654-0876-9<br />
<ins>Prix</ins> : 55.00 €</p>
<p>Un très bon et complet récapitulatif sur la mise en page et la typographie</p>Créer des .ico (pour des favicon par exemple) directement avec photoshopurn:md5:2e4a3b5df22e5d86587ab7e5faed2d582007-10-19T21:45:00+02:002007-10-19T21:04:38+02:00Julienressourcesiconeopen sourcephotoshopressources <p>Allez, après <a href="https://mariejulien.com/?post/2007/10/19/Accentuez-facilement-vos-majuscules-meme-sous-windows">"les majuscules accentuées facile"</a> c'est la fête à la <a href="https://mariejulien.com/?category/ressources">"ressource qui simplifie la vie"</a> ce soir avec ce petit <a href="http://www.telegraphics.com.au/sw/">plugin opensource</a> (le 1er de la liste) vous permettant de lire et d'écrire les fichiers icônes <strong>(.ico)</strong> dans photoshop, comme si c'était en natif !!</p>
<p>Il suffit de copier un petit fichier dans le répertoire adéquat de photoshop et le tour est joué. Vous pourrez ensuite créer n'importe quelle image pourvu qu'elle soit en 256 couleurs et ne dépasse pas une certaine taille (256px de coté me semble t'il) et l'enregistrer en <strong>.ico</strong> comme pour n'importe quel autre format, c'est à dire en passant par <strong>fichier > enregistrer sous</strong> et en choisissant le format approprié.</p>
<p>Avec tous les formats supporté par photoshop, je trouvais dommage que le <strong>.ico</strong> ne le soit pas, alors que c'est très basiquement une image 256couleurs carré avec une taille limitée.</p>
<p>L'icône sera immédiatement utilisable dans n'importe quelle appli, et vous pourrez l'insérer comme favicon dans votre site avec ce simple code html à inclure dans le header:</p>
<p><code><link rel="icon" href="https://mariejulien.com/moncheminamoi/favicon.ico" type="image/ico" /></code></p>
<p>Notez que le format <strong>.ico</strong> est le seul qui est recommandé par le W3C pour faire des favicon, étant donné que sémantiquement, un .ico c'est une icone, et qu'en plus il passe partout, y compris sur linux et sur IE6 par exemple.</p>
<p>Le plugin marche sous win et mac, testé avec succès sur la CS3 à ma maison <img src="/themes/default/smilies/smile.png" alt=":)" class="smiley" /> . La page est truffée d'autres plugin, souvent en open source, je ne les connais pas mais peut être trouverez-vous d'autres choses sympa !</p>trousse à outil de l'infographiste: les extensions firefoxurn:md5:93afaea4170ecef73d6263f33ccc12152007-09-08T13:16:00+02:002007-09-08T23:38:26+02:00Julienressourcesaddonsextensionsfirefoxressources<p>Le miracle de firefox, c'est qu'on peut augmenter grandement ses capacités en installant des extensions qui vous simplifient la vie, quelle que soit la tache que vous accomplissez sur le web. Je vais vous fournir la liste des extensions qui me sont indispensables et me font gagner du temps quand je surfe ou que je développe des sites web.</p> <p>Je vais cibler ce billet sur les extensions propres à l'infographie, en omettant volontairement toutes les extensions indispensables qui n'ont aucun rapport, ne vous étonnez donc pas si il y a des manques comme l'excellent adblock+, tabmix + ou autres. J'ai par contre ajouté des "mini-extensions" très pratiques qui devraient être fournie en standard avec firefox.</p>
<p>evidemment si j'en ai oublié dans le lot, faites partager votre expérience en commentaire.</p>
<h3>les indispensables</h3>
<ul><li><a href="https://addons.mozilla.org/fr/firefox/addon/60">Web developer toolbar</a>: un classique que vous devez déjà tous connaitre, c'est une barre qui permet de faire tout ce dont un webdesigner a besoin, de la validation du code à l'édition à la volée, en passant par l'affichage de règles, la simulation de résolutions pour tester son site, la gestion des images et l'affichage de toutes les infos possible sur un mise en page html, bref, un must.</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/1843">Firebug</a>: Au départ cette extension ne figurait pas dans ma liste car je l'avais essayé à la va vite et désinstallée car je trouvais qu'elle faisait doublons avec webdeveloper, un oubli impardonnable corrigé par <a href="http://le-studio-americain.com/">un collègue américain du sud-ouest</a> <img src="/themes/default/smilies/wink.png" alt=";)" class="smiley" /> . Après un court (2eme) essai je me suis aperçu que si dans les fonctions on peut penser que ça fait doublons, dans les faits firebug est ZE extensions pour faire du layout css, avec liste des propriétés hérités, possibilités de changer les valeurs à la volée, d'activer/désactiver des propriétés, aperçu des margin/padding etc directement dans la page (pratique pour voir les padding hérités et autres conneries qui nous font chercher 3h le problème) etc... bref beaucoup plus souple que webdevelopper pour cet usage, je regrette de ne pas y avoir prété plus d'attention au départ, j'aurai gagné pas mal de temps pour faire le theme de ce blog.Ceci dit je pense que je vais l'utiliser pour optimiser la feuille de style et éviter les doublons.</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/684">Fireftp</a>: un client ftp inclus dans firefox, je n'utilise plus que ça pour uploader mes fichiers, c'est très pratique.</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/271">ColorZilla</a>: une extension permettant entre autre de "piquer" une couleur et de l'enregistrer automatiquement dans le presse papier dans le format voulu, rvb et hexa, un must pour avoir les références couleurs qui vous plaisent !</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/3649">Flash Switcher</a>: permet de switcher entre les versions de flash pour tester son site et voir si il marchera sur les lecteurs pas à jour.</li>
<li><a href="http://extensions.geckozone.org/PageRankStatus">Google pagerank status</a>: pour avoir le pagerank google en un seul coup d'oeil, pratique pour le référencement</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/139">ImageZoom</a>: pour zoomer ou dezoomer sur n'importe quelle image affichée, très pratique pour voir les détails de certaines photos</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/614">Save image in folder</a>: un énorme gain de temps pour enregistrer les images trouvées sur le web: il suffit de pré-configurer des dossiers (genre mes images, images macro, portraits etc...) puis de faire un clic droit sur l'image et se voir proposer l'enregistrement dans un de ses dossiers ! beaucoup plus pratique pour trier ses photos à la volée et éviter le fastidieux "enregistrer l'image sous... chercher le dossier...enregistrer"</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/1419">IEtab</a>: vous connaissez aussi surement, ça permet d'avoir le moteur d'internet explorer dans firefox, c'est très pratique pour voir des sites interdits aux autres navigateurs qu'IE, et pour tester une mise en page sans changer de navigateur. <ins>ATTENTION:</ins> <strong>j'ai déjà remarqué des différences entre le rendu d'IE tab et le vrai IE, ne basez donc pas tous vos tests là dessus</strong> (ce phénomène est d'ailleurs inexplicable vu que c'est le même moteur qui est utilisé)</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/1146">Screengrab</a>: extension permettant de faire un screenshot de la page web en cours et de l'enregistrer directement. Vous pouvez faire une capture d'écran de la portion visible, de l'intégralité de la page ou d'une selection précise.</li>
</ul>
<h3>celles qui font gagner du temps</h3>
<ul><li><a href="https://addons.mozilla.org/fr/firefox/addon/4279">Hashcoloured tabs +</a>: permet d'ajouter un carré de couleur aux sites qui n'ont pas de favicon, en se basant sur l'url du site. ça n'a l'air de rien, mais quand on à 15 onglets ouverts on se rends compte de l'utilité du machin pour retrouver sa page</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/3780">Faviconize tab</a>: Une extension qui permet de réduire l'onglet à la seule taille de la favicon. C'est un gros gain de place dans la barre d'onglets, car il y a plein de sites qui n'ont pas besoin d'avoir un onglet complet. Je m'en sert par exemple pour gmail, netvibes, google calendar, enfin bref les sites dont la favicon est parlante et le titre de page pas important. Vous pouvez "faviconiser" un onglet en faisant alt+clic ou en définissant à l'avance les sites ou domaines devant être "faviconisés".</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/190">Linkification</a>: indispensable ! transforme tous les liens textuels en vrais liens clicables de manière 100% transparente, je ne peux plus m'en passer !! Avant je rechignait à copier/coller les longs liens dans un nouvel onglet, le glisser-déposer dans la barre ne marchent pas à tous les coups, maintenant je ne me pose plus de questions !</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/4014">Locationbar²</a>: une extension qui met en valeur des éléments de l'url comme le domaine pour une lecture immédiate, très pratique pour repérer le site sur lequel on se trouve</li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/3818">Resizeable Textarea</a>: une extension invisible dont je ne pourrai plus me passer non plus: elle permet de redimensionner les zones de textes, tout simplement. très pratique sur les forums ou les formulaires où on ne vous accorde que 5 lignes de texte pour écrire votre message, vous obligeant à scroller pour vous relire</li>
</ul>
<h3>les moteurs de recherches</h3>
<p>les extensions c'est bien beau, mais firefox permet aussi d'inclure des moteurs de recherches qui peuvent faciliter grandement votre vie d'infographiste/webdesigner</p>
<ul><li><a href="http://mycroft.mozdev.org/jsreq.html">Wikipedia images</a>: recherche des images libres de droits dans la bibliothèque wikipédia</li>
<li><a href="http://wiki.mediabox.fr/search_plugin/">documentation css/html/actionscript mediabox</a>: cherche dans la doc mediabox</li>
<li><a href="http://mycroft.mozdev.org/jsreq.html">creative commons</a>: permet de chercher du contenu sous cette licence</li>
<li><a href="http://mycroft.mozdev.org/jsreq.html">flickr tags</a>: permet de chercher des images sur flickr</li>
</ul>