Référencement, Création site internet http://www.eric-couchelou.net Trucs et astuces pour créer un site internet, référencement/SEO, webdesign & co. Mon, 02 Nov 2015 13:21:12 +0000 fr-FR hourly 1 http://wordpress.org/?v=4.1.10 Créez des SVG Sprites pour vos designs http://www.eric-couchelou.net/creez-des-svg-sprites-pour-vos-designs/ http://www.eric-couchelou.net/creez-des-svg-sprites-pour-vos-designs/#comments Wed, 28 Oct 2015 13:57:06 +0000 http://www.eric-couchelou.net/?p=1479 Il y a quelques mois je vous avais parlé de Fontello, un outil vous permettant de créer vos propres font-icons en quelques click. Aujourd’hui, je vous présente une solution encore plus aboutie. Son nom: Fontastic. Une fois votre inscription effectuée (rapide, gratuite, avec activation immédiate), vous aurez accès à leur très belle (et intuitive) interface, d’où vous pouvez gérer vos font-icons.

Il vous sera non-seulement possible de sélectionner les icônes dont vous avez besoin parmi un large choix d’icônes gratuites, mais également d’activer des packs payants, et même d’importer vos propres fichiers .svg. Au total, vous avez près de 9000 icônes à disposition!

Mais ce n’est pas tout: Fontastic vous propose en plus d’héberger votre font-icons sur leurs serveurs, rendant l’intégration sur votre site encore plus simple! Bien sur, il y a une limite au delà de laquelle il vous faudra payer (50.000 pages vues/mois).

Cerise sur la gâteau, vous pouvez générer des SVG sprite à la place des font-icons si vous le souahitez. Un MUST. Chapeau bas messieurs.

]]>
http://www.eric-couchelou.net/creez-des-svg-sprites-pour-vos-designs/feed/ 0
Caractères unicode / icônes CSS : taux de compatibilité http://www.eric-couchelou.net/caracteres-unicode-icones-css-taux-de-compatibilite/ http://www.eric-couchelou.net/caracteres-unicode-icones-css-taux-de-compatibilite/#comments Mon, 05 Oct 2015 12:07:48 +0000 http://www.eric-couchelou.net/?p=1475 Les icônes vectorielles sont devenues les alliées indispensables des sites responsive, grâce notamment à l’apparition de Polices de caractères spécifiques (style FontAwesome), rendant leur intégration on ne peu plus simple. A l’aide d’un simple code CSS, il est ainsi possible d’intégrer et personnaliser une multitude d’icônes pour son app. Quelques secondes suffisent, la limite étant bien évidemment la limite des icônes disponibles (et dans une certaine mesure, l’originalité).

On en oublierait presque qu’il existe aussi ces bons vieux caractères unicode! Et oui, parce qu’en tant que tel, pas besoin d’intégrer une Police de caractères spéciale pour arriver au même résultat… du moins en théorie. Déjà parce que la plupart des systèmes utilisent le même genre de stratégie (@font-face) pour les afficher. Ensuite, car le degré de compatibilité varie en fonction des appareils, navigateurs, et type de caractère. Un sacré bazar donc, auquel Unify tente de mettre un peu d’ordre. Au programme donc: des tests de compatibilités! Grâce à ce projet, vous saurez en un instant si votre icône est compatible. A titre d’exemple, si vous n’avez besoin que d’une hamburger icon pour vos menus mobiles, vous pouvez simplement utiliser le code suivant: ≡ ( ≡ ). Son score de compatibilité s’élève à 96%!

On regrettera simplement le faible nombre de caractères testés (il y a les principaux), et le fait qu’à ce jour il n’existe pas de page listant tous les caractères disponibles.

 

]]>
http://www.eric-couchelou.net/caracteres-unicode-icones-css-taux-de-compatibilite/feed/ 0
Proxys anonymes gratuits pour vos scripts http://www.eric-couchelou.net/proxys-anonymes-gratuits-pour-vos-scripts/ http://www.eric-couchelou.net/proxys-anonymes-gratuits-pour-vos-scripts/#comments Wed, 23 Sep 2015 12:54:32 +0000 http://www.eric-couchelou.net/?p=1480 Besoin de listes de Proxys pour vos script CURL & co? Voici différentes listes gratuites mises à jour toutes les heures: Proxy IP List.

 

]]>
http://www.eric-couchelou.net/proxys-anonymes-gratuits-pour-vos-scripts/feed/ 0
Comment étendre la période d’essai d’un logiciel payant (shareware) http://www.eric-couchelou.net/comment-etendre-la-periode-dessai-dun-logiciel-payant-shareware/ http://www.eric-couchelou.net/comment-etendre-la-periode-dessai-dun-logiciel-payant-shareware/#comments Thu, 10 Sep 2015 08:25:55 +0000 http://www.eric-couchelou.net/?p=1469 Comme vous le savez sans doute, un certain nombre de programmes vous permettent d’en essayer la version complète pendant un temps limité, le plus souvent 15 ou 30 jours. Ce que vous ne savez sans doute pas, c’est qu’il est possible d’étendre et même de rendre illimitée cette période d’essai.

Si c’est ce que vous voulez faire, diverses solutions s’offrent à vous, de la plus simple mais pas forcément très pratique (changer la date de son ordinateur à une date antérieure), à la plus complexe (tracer les clés de registre créées lors de l’installation du programme en question). Entre les deux, il existe un certain nombre de petits utilitaires, dont Time Stopper.

Une fois l’application en marche, il vous suffit sélectionner l’exécutable du shareware cible, et de définir une date à laquelle votre période d’essai est toujours valide. Time Stopper ajoutera alors un raccourci spécial sur votre bureau, permettant de lancer le shareware avec la date spécifiée.

S’il est potentiellement possible d’utiliser n’importe quel programme payant gratuitement et de façon illimitée, le but de cet article est uniquement de vous montrer comment il est possible d’étendre la période d’essai d’un software. Personnellement, il m’arrive fréquemment d’avoir besoin de temps supplémentaire pour tester en profondeur certains programmes. Bien sûr si à l’issue de votre test, vous êtes convaincu que le programme répond à vos besoin, vous devez acheter les licences.

]]>
http://www.eric-couchelou.net/comment-etendre-la-periode-dessai-dun-logiciel-payant-shareware/feed/ 0
Personnalisez et générez vos propres font-icons http://www.eric-couchelou.net/generer-son-pack-personnalite-de-font-icons/ http://www.eric-couchelou.net/generer-son-pack-personnalite-de-font-icons/#comments Fri, 03 Apr 2015 12:17:05 +0000 http://www.eric-couchelou.net/?p=1477 Il existe à ce jour un certain nombre de font-icons gratuites, vous permettant d’insérer/personnaliser des icônes vectorielles en quelques secondes via les propriétés CSS. Le problème, c’est que ces packs sont souvent plutôt lourds (forcément), et qu’en bonus il manque souvent quelques icônes. Pour palier à ce problème, je vous présente Fontello, un générateur de font-icons personnel tout simplement génial!

Cet outil vous permet de choisir vos icônes une par une, parmi les diverses font-icons disponibles, puis de générer les fichiers correspondants. Il est même possible de rechercher les icônes par nom pour gagner du temps! A consommer sans modération!

]]>
http://www.eric-couchelou.net/generer-son-pack-personnalite-de-font-icons/feed/ 0
Optimisez votre productivité avec ColdTurkey http://www.eric-couchelou.net/optimisez-votre-productivite-avec-coldturkey/ http://www.eric-couchelou.net/optimisez-votre-productivite-avec-coldturkey/#comments Tue, 17 Mar 2015 10:19:31 +0000 http://www.eric-couchelou.net/?p=1472 cold turkeyQui n’a jamais été distrait pendant son temps de travail? Probablement personne. Fort de ce constat, ColdTurkey vous propose de booster votre productivité par l’immersion dans une zone de travail stricte dont vous définissez les contours. En clair le programme va gérer diverses règles, dans le but de réduire au maximum votre perte de temps.

Voici les principales fonctionnalités incluses gratuitement:

  • Blocage de sites : créez/importez une liste de sites à bloquer (pour vous faciliter la vie, une liste de sites populaires est disponible ici),
  • Verrouillage du calendrier : garder vos objectifs à l’œil en verrouillant le calendrier jusqu’à une certaine heure/date. Cold Turkey démarrera automatiquement et reprendra là où vous laissé, même si vous redémarrez votre ordinateur,
  • Gestion des groupes : il est possible de définir 3 « profils » d’utilisation différents, lesquels peuvent s’activer automatiquement aux périodes définies,

Pour ceux qui voudraient aller plus loin, la version pro propose des fonctionnalités supplémentaires (pas forcément nécessaire, mais utiles) :

  • Blocage d’applications : en plus des sites, vous pouvez bloquer des jeux, et autres software de divertissement,
  • Planification de pauses: exécution automatique des profils par plages horaires de 30mn,
  • Blocage global et exceptions : bloquez tous les domaines, et ajoutez des exceptions,

On pourrait résumer le principe par l’équation suivante: moins distractions = travail efficace = plus de temps libre.

]]>
http://www.eric-couchelou.net/optimisez-votre-productivite-avec-coldturkey/feed/ 0
Loi UE sur les cookies: script gratuit avec géolocalisation http://www.eric-couchelou.net/loi-ue-sur-les-cookies-script-gratuit-avec-geolocalisation/ http://www.eric-couchelou.net/loi-ue-sur-les-cookies-script-gratuit-avec-geolocalisation/#comments Wed, 28 Jan 2015 08:59:33 +0000 http://www.eric-couchelou.net/?p=1470 Cookie Monster (Krümelmonster) / Artist: DISOH #streetart

Avec l’introduction de la loi Européenne complètement stérile et inefficace sur les cookies, et surtout le début de contrôles il devenu obligatoire d’informer et d’obtenir le consentement de ses visiteurs avant d’utiliser des cookies sur leurs navigateurs. De fait, un certain nombre de scripts ont rapidement vu le jour afin de faciliter cette mise en conformité sur votre site. Dans le lot

Si mon fidèle compagnon reste le populaire Cookie Consent (pour sa simplicité d’intégration), force est de constater qu’il a, comme toutes solutions gratuites, un défaut de taille: l’absence de géolocalisation. Si cela ne pose pas de problème pour le webmaster confirmé (il suffit d’intégrer un GeoIP en amont et le tour est joué), cela s’avère nettement plus compliqué pour le néophyte qui voudrait n’afficher un message que pour les personnes concernées par cette loi (les utilisateurs de Union-européenne).

Par chance, il existe une solution gratuite clé en main: Cookie Consent Banner App, par Shareaholic. De nombreux paramètres sont disponibles (dont la fameuse géolocalisation), vous permettant de personnaliser le message d’avertissement comme bon vous semble. Seule petite ombre au tableau: l’inscription est obligatoire.

]]>
http://www.eric-couchelou.net/loi-ue-sur-les-cookies-script-gratuit-avec-geolocalisation/feed/ 0
Stock Photos Lab: toujours plus de photos libres de droits http://www.eric-couchelou.net/stock-photos-lab-photos-libres-de-droits/ http://www.eric-couchelou.net/stock-photos-lab-photos-libres-de-droits/#comments Fri, 05 Dec 2014 16:52:12 +0000 http://www.eric-couchelou.net/?p=1465 StockPhotosLab logoS’il est devenu peu onéreux de se procurer des photos pour illustrer ses sites web (grâce à Fotolia & co.), il est également de plus en plus facile de trouver des photos libres de droit. Si vous ne souhaitez pas dépenser votre budget pour illustrer vos pages, vous trouverez alors deux types de sites: ceux disposant de leur propre base de données exclusive (ex. FreeImages), mais dont la qualité reste souvent à désirer; ceux utilisant l’API de Flickr, où il est possible de trouver de très belles images.

Revers de la médaille, la plupart de ces moteurs de recherche ont tartiné leurs pages de résultats de liens sponsorisés, si bien qu’au final le bruit considérable. Aujourd’hui, je suis tombé sur Stock Photos Lab, un moteur de recherche de photos d’une simplicité extrême: un champ de recherche et deux filtres (utilisation commerciale ou non, pertinence des résultats). Rien d’autre. Pas de pub, pas de pagination. On n’a même pas besoin de cliquer, les images se chargent automatiquement selon le modèle de la page infinie (vous défilez vers le bas).

Petit plus bien appréciable, le site est responsive, du coup peu importe votre résolution, les résultats sont toujours affichés de façon optimale.

]]>
http://www.eric-couchelou.net/stock-photos-lab-photos-libres-de-droits/feed/ 0
Google Panda: liste des critères ayant fuité http://www.eric-couchelou.net/google-panda-liste-des-criteres-ayant-fuite/ http://www.eric-couchelou.net/google-panda-liste-des-criteres-ayant-fuite/#comments Sun, 09 Nov 2014 12:08:37 +0000 http://www.eric-couchelou.net/?p=1467 Josh Bachynski a récemment publié sur son site une liste des critères Google Panda ayant fuité sur le Net depuis son introduction. Voici donc la liste des choses à faire/ne pas faire:

Facteurs de haute qualité (sans ordre particulier):

  1. Des métriques indiquant la satisfaction de l’utilisateur avec votre contenu / présentation,
  2. Des mentions positives sur les réseaux sociaux,
  3. Des avis positifs sur un site indépendante,
  4. Liens externes pointant vers des domaine d’autorité / Citation des sources,
  5. Les extensions .com, .net, et .org, un facteur de confiance/qualité,
  6. Une adresse et/ou contact clairement listé sur chaque page,
  7. Une page « à propos » précise, incluant les signes d’une activité légitime,
  8. Une page de contact/information précise,
  9. Une réputation très positive sur les blogs/forums (ex. News, Wikipedia, forums, blogs, etc.)
  10. Avis des experts dans votre domaine à propos de votre site,
  11. Date et information sur chaque page,
  12. Différence claire entre le contenu principal et les contenu complémentaire,
  13. Nom de domaine agé,

Facteurs de faible qualité (sans ordre particulier):

  1. Des mauvaises statistiques montrant une possible insatisfaction des utilisateurs avec le contenu / la présentation
  2. Contenu dupliqué (Tag, catégorie)
  3. Titres et Meta descriptions dupliquées
  4. Sur-optimisation des mots clés (incluant URL, contenu, balises ou attributs HTML)
  5. Mot-clés dans les liens internes ou pages,
  6. Liens ou contenus hors-sujet,
  7. Les sites « clones » sont un facteur très important,
  8. Informations périmées ou inexactes,
  9. Text-poubelle, phrases uniques, content spinning, fautes d’orthographe/grammaiore, erreurs sur la page,
  10. Sites faits pour AdSense & co,
  11. Pages d’erreurs 404 inutiles, excès d’erreurs 500, erreurs PHP/Mysql
  12. Contenu principal invisible (below the fold),
  13. Publicité excessive,
  14. Mauvaise réputation sur les sites indépendants comme BBB, Wiki, Scamreport, etc.
  15. Bloquer GoogleBot en CSS ou JS
  16. Sidebar inutile,
  17. Contenu de mauvaise qualité, Spammy, dupliqué, généré automatiquement,
  18. Noms de domaines truffés de mots clés (Exact Domain Match),
  19. Noms de domaines longs,
  20. Site lent (temps de chargement supérieur à 20 secondes)
  21. Les sites de médecine, légaux, eCommerce dont les standards qualité ne sont pas assez élevés,
  22. Textes sans intérêt/évidents,
  23. Liens morts, images cassées, site non maintenu, pages semblant abandonnées,
  24. Les sites ayant des liens monétisés,
  25. Landing-pages optimisées pour les moteurs de recherche,

 

Source: The Complete Google Leaked PANDA Do & Don’t LIST

]]>
http://www.eric-couchelou.net/google-panda-liste-des-criteres-ayant-fuite/feed/ 0
+50.000 icônes vectorielles gratuites pour une utilisation commerciale http://www.eric-couchelou.net/50000-icones-vectorielles-gratuites-utilisation-commerciale/ http://www.eric-couchelou.net/50000-icones-vectorielles-gratuites-utilisation-commerciale/#comments Thu, 31 Jul 2014 09:18:35 +0000 http://www.eric-couchelou.net/?p=1457 Besoin d’icônes vectorielles? Alors faites un tour sur Flat Icons, vous y trouverez plus de 50.000 pictos pour illustrer vos designs ou créations! Toutes les icônes sont disponibles en SVG, EPS, PSD ou PNG, et utilisables pour des projets commerciaux ou non. Pour ne rien gâcher, il existe des packs thématiques vous permettant de télécharger toutes les icônes du pack d’un coup!

En bonus, il existe même un plugin Photoshop vous permettant de chercher l’icône dont vous avez besoin au sein même du programme. Ce qu’on pourrait prendre pour un gadget s’avère vraiment pratique.

Bien sûr, et comme le nom du site l’indique, il s’agit exclusivement de « Flat icons », donc d’illustrations simples et sans fioriture. Tout simplement grandiose!

]]>
http://www.eric-couchelou.net/50000-icones-vectorielles-gratuites-utilisation-commerciale/feed/ 0