background preloader

21 familles de polices prêtes pour le Web

21 familles de polices prêtes pour le Web
Font Tester est un comparateur de polices en ligne très pratique pour choisir quelle famille de polices (« font stack ») utiliser sur le Web. Son auteur y publie également une liste de 21 familles « web safe » prêtes à l’emploi : elles assurent un rendu homogène sur les différentes versions de Windows, Mac, Linux, etc. Voici un échantillon de chacune : font-family: Arial, Helvetica, sans-serif; Portez ce vieux whisky au juge blond qui fumeABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 font-family: 'Arial Black', Gadget, sans-serif; font-family: 'Bookman Old Style', serif; font-family: 'Comic Sans MS', cursive; font-family: Courier, monospace; font-family: 'Courier New', Courier, monospace; font-family: Garamond, serif; font-family: Georgia, serif; font-family: Impact, Charcoal, sans-serif; font-family: 'Lucida Console', Monaco, monospace; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-family: 'MS Sans Serif', Geneva, sans-serif; font-family: Symbol, sans-serif;

CSS: Familles de polices Familles de polices Après la couleur, la propriété font est certainement l'une des plus importantes pour un document. Cette page ne contient pas "d'astuce" sur les polices de caractères mais montre l'étendue des variations que CSS autorise sur les polices. Puisque toutes les polices ne sont pas disponibles sur tous les ordinateurs (il y en a des milliers et la plupart ne sont pas libres de droits), CSS fournit un mécanisme de repli. Vous listez la police que vous voulez en premier, puis les polices qui peuvent la remplacer si elle n'est pas disponible, et vous terminez la liste avec une police générique, lesquelles sont au nombre de cinq: serif, sans-serif, monospace, cursive and fantasy. Le tableau ci-dessous montre divers exemples de polices (votre navigateur peut ne pas toutes les connaître). Styles des polices Le tableau ci-dessous montre différents styles. Dans CSS3, il y a un style supplémentaire: 'font-effect', les lettres paraissent gravées ou en relief.

20 Thèmes WordPress qui pourront impressionner vos visiteurs 4inShare Il semblerait que ce soit bon, le printemps arrive ! Ahhh les barbecues ne sont plus très loin, encore un peu de patience (si vous en avez déjà fait un, interdiction de me le dire, je risque d’être jaloux…). Bon, arrêtons de parler météo et gastronomie et revenons à WordPress. Dans l’article précédent, je vous avais parlé des changements qui allaient survenir sur WP Themes Pro. Besoin d'un thème WordPress français ? Tout d’abord, le nouveau nom a été choisi Autant vous dire que ce fut un véritable casse tête. J’en profite d’ailleurs pour remercier tous ceux qui m’ont aidé à réfléchir et Nicolas Richer en particulier. Quand je révèlerai le nouveau nom, je vous expliquerai comment je m’y suis pris pour le trouver. Deuxième chose, le thème WordPress a été sélectionné Cette recherche du thème idéal a été longue et fastidieuse (enfin, je ne pense pas vous apprendre quelque chose en disant ça!). Ne comptez pas sur moi pour vous dire quel thème j’ai choisi pour l’instant.

16 sites pour trouver des illustrations vectorielles gratuites - Pour tout designer / webmaster / auto entrepreneur web qui se respecte, le problème des images pour créer un site est récurrent. Il existe une multitude de sites pour trouver des photos stock, mais beaucoup sont malheureusement payants. Il existe heureusement quelques alternatives, qui feront l'objet d'un billet ultérieur Pour ce qui est des illustrations vectorielles, ou vector files, le problème devient un peu plus épineux. Faites chauffer les bookmarks ! Snap2Objects, propose des silhouettes de personnages, ainsi que bien d'autres ressourcesLogoTemplater : des illustrations pouvant servir de base à un logoDesigners Revolution : pas mal de packs IllustratorTHePixlPusherCreatSK8Vibr8Bros : pas mal de badges / stickersFree LogoTypes, pour retrouver les logos des grandes marques en format vectoCoolVectorsVector4Free, des vectoriels dans pas mal de catégoriesGoMediaZineGarcya.usDezignus une mine d'or. J'espère que vous trouverez votre bonheur dans cette liste.

5 astuces pour trouver facilement des images libres de droits sur Internet Lorsque vous avez besoin d’illustrer vos contenus, vous vous retrouvez souvent confronté au problème des droits d’auteur. Alors, pour faciliter votre recherche, Le Blog du Modérateur vous fait découvrir 5 super astuces. 1. Google Images Google Images est très certainement le moteur de recherche de photographies le plus puissant. 2. Les photographies présentes sur ImageBase sont variées, d’extrêmement bonne qualité, totalement gratuites et vous pouvez les utiliser comme bon vous semble. 3. Pour bénéficier des images présentes sur Stock Photos for Free, vous devez dans un premier temps vous inscrire (gratuitement, bien sûr). 4. Tout comme ImageBase, les photographies proposées sur Bajstock sont de très bonne qualité, sur des thèmes divers et variés et libres de droits pour un projet commercial. 5. Grâce au moteur de recherche de photos libres de droits de Flickr, vous trouverez facilement les contenus gratuits qui vous intéressent.

60 typographies d’exception gratuites pour cet été 2015 2015 est depuis le début une année incroyablement prolifique et qualitative pour les typographies gratuites. Webdesigner Depot a sélectionné 60 des meilleurs typographies de ces 3 derniers mois afin que vous puissiez habiller vos designs de la typographie parfaite cet été. Vous trouverez de tout : des familles de police entières, des typographies adaptées pour des titres ou d’autres pour du corps de texte, certaines très sobres ou d’autres très ornementées et graphiques dans des styles variés. Elles sont gratuites alors profitez-en pour les découvrir, les tester et les adopter ! Retrouvez l’intégralité de la liste de polices sur l’illustre blog de design anglophone : 60 des meilleurs typographies gratuites, été 2015 Ci-dessous, une large sélection de celles qui m’ont plu parmi ces 60 typographies : Ailerons Yeah Papa Etna Phelix Boomgartner Glass Beads Sensei Reef Geom Prosto Sans Bold Brixton Line Hamster Script Shumi Fancy No Name Helena Endless Neon Tube Metropolis Charming Ohitika Spumante Blackberg Quirko

Publicité Google Adwords : Comment maitriser l’art de créer une campagne web rentable avec le référencement payant pour une PME? Table des Matières: Introduction sur Google Adwords et la Publicité en ligneGoogle Adwords, le produit central au cœur des profits de Google14 Statistiques surprenantes sur le géant web Google AdwordsQu’est-ce que le système de publicité Web Google Adwords?- Les 4 types de Publicités Web offerts par Google Adword- Le système de Publicité du Réseau de Recherche- Le système de Publicité du Réseau Display- Le système de Publicité Vidéo- Le système de Publicité du pour MobilePourquoi faire une campagne de publicité avec Google Adwords?Utiliser Adwords pour avoir plus de clients, trafic, visibilité et notoriétéUtiliser Adwords pour tester son taux de conversion et améliorer son site webCombien ça coute faire du marketing web avec Google Adwords? Introduction sur Google Adwords et la Publicité en ligne Google Adwords! Toutes les entreprises (ou presque) peuvent bénéficier de la visibilité que ce système peut offrir en y mettant le temps et budget nécessaire. Sources : Alors? Le Budget Quotidien

10 fonts gratuites pour le mois de juin 2015 Pour les professionnels qui utilisent souvent des fonts dans leurs travaux, il est parfois difficile de trouver des polices originales ou différentes. Voici 10 fonts à utiliser dans vos créations pour une qualité professionnelle.Des polices souples et élégantes, d’autres puissantes et agressives. Il y en a pour tous les goûts et pour tous les styles. De quoi trouver votre bonheur pour satisfaire les attentes de vos clients. N’hésitez pas à partager l’article sur les réseaux sociaux Stormfaze Stormfaze est une police pour les adeptes de science fiction ou pour les fans de high-tech. Découvrir Stormfaze Recevez les /listes de Template.pro directement par mail Tous les matins à 9h avec votre café, recevez les meilleurs ressources, les meilleurs templates ou de l'inspiration pour bien commencer la journée ! Belladona Belladona est une font qui vous fera voyager dans le monde et dans le temps. Découvrir Belladona Lombok Lombok est une police moderne et contemporaine. Découvrir Lombok Yarin Wask New

20 Fantastic Photography Documentaries On YouTube » Expert Photography Photography documentaries are fantastic combinations of knowledge and entertainment. You can learn so much from those who have mastered the field of photography. We’ve compiled this list to help inspire you. Don’t forget; photography is a life-long journey of learning! 1. This movie was made by Williard Van Dyke. There are a couple of quotes that stood out to me: “Look for the light that will best reveal the nature of the material you’re photographing”. “There are no rules of composition because each picture presents it own special set of problems. 2. Brooke Shaden breaks down all the misconceptions about finding inspiration for photography. She calls for action when you have a creative block in your mind. Watch the hour-long documentary here. 3. Gordon Parks was a true modern renaissance man with achievements in many fields. His images had a deep impact on our culture. 4. This excellent 90-minute-long documentary is part of the PBS American Masters series. 5. 6. 7. 8. 9. 10. 11. 12. 13.

Les 25 outils pour faire l'audit SEO d'un site La pratique du SEO nécessite d’avoir recours à des outils d’analyse. Afin d’optimiser le référencement d’un site, il faut tout d’abord en réaliser l’audit, pour identifier les points à améliorer. Voici une liste de ces outils d’analyse, étape par étape : Analysez votre site en détail avec AuditSEO, Woorank, Screaming Frog, Alexa, SeeUrank ; Suivez vos liens avec Ahrefs, MajesticSEO, Google Webmaster Tools, OpensiteEwplorer, Backlinkwatch ;Visualisez vos performances avec SearchMetrics, SEO Book, Botify, HootSuite, AdvancedWebRankingUtilisez les bons mots-clés avec SEM Rush, Google Adwords Keyword Tool, Ubersuggest, Google Trends, Market Samurai ;Suivez votre positionnement avec SEO Soft, SEOScope, Ranks.fr, My Poseo, Moz Rank Tracker. Google : Faut-il mettre ses liens naturels sortants en NoFollow ? L’attribut “NoFollow” a été créé par Google pour permettre aux webmasters d’indiquer aux moteurs de recherche de ne pas suivre un lien spécifique ou tous les liens d’une page. Initialement, cet attribut a été utilisé par de nombreux blogs afin de lutter contre le spam dans leurs commentaires. Ce qui était susceptible de les protéger contre des pénalités manuelles ou des pénalités de l’algorithme Penguin pour liens factices ou artificiels, et donc non naturels De même, si vous rédigez un article sponsorisé, vous devez mettre les liens sortants insérés dans ce type d’articles en NoFollow. Il en va de même aussi pour les liens d’affiliation et les liens payants qui sont considérés par Google comme étant susceptibles de manipuler l’algorithme de classement en faisant passer du “jus”. C’est pour répondre à cette question que +John Mueller de chez Google a récemment publié le post Google+ ci-dessous : John Mueller confirme donc qu’il n’est nullement besoin de les mettre en NoFollow.

70 Of The Best Photoshop Actions For Enhancing Photos The compilation consist of 70 of the best Photoshop actions collected from all around the web from photo effects to actions for even creating photo borders, An essential design resource for all designers weather your an expert or an beginner. Photoshop actions consist of a series of menu commands such as i.e. filters, image adjustments etc which can be recorded and played back this process is called a Photoshop action. Photoshop actions are perfect for novices to Photoshop simply because it allows you to apply multiple different photo effects to an image within a few seconds without having knowledge about the ins and outs of Photoshop. Photo Effect Actions 1) Double sketch effect action for Photoshop This action offers a “double” sketch effect, just like if you painted the sketch twice, once from left to right, and once from right to left. 2) Photoshop Action – Bright Eyes A Photoshop action to enhance the appearance of the eye but only works with blue eyes. 3) Pencil Draw Photoshop Action

Photoshop Tutorials & Adobe Photoshop Plugins

Related: