logo

Beautifier Css et html

Beautifier Css et html

Pour les amoureux de l’ordre et de la clarté : quelques outils qui devraient vous faire gagner du temps. Des outils capable de mettre de l’ordre dans les arborescences de vos fichiers html, php ou CSS.

Pour les fichier Css : PROCSSOR (propose plusieurs paramétrage)

 

ou FreeFormatter pour le HTML (chosissez l’option Tab Delimited, qui allège votre fichier)

Merci à Maxime pour les liens.

netlinking

linkEn matière de SEO, l’échange de lien (netlinking) est un bon moyen de réussir son référencement. La méthode est de plus en plus usitée, elle a l’avantage de favoriser votre « rank » mais aussi et surtout de créer du passage cohérent sur votre site.

Mais voilà, si l’idée est bonne, elle n’est pas toujours respectée par vos partenaires. En premier lieu, les annuaires qui demandent parfois un lien retour pour vous inscrire. Certains ne vous inscriront jamais et vous serez trop occupé à développer votre réseau sur internet pour vous en rendre compte. Pourtant, il restera un lien pointant leur site sur le votre. Affaiblissant ainsi votre propre référencement.

Il en est de même pour certains partenaires, qui vous proposeront du netlinking et ne le respecteront pas. C’est ennuyeux, d’autant que lorsqu’on se lance dans l’échange de liens à grande échèle il est difficile de suivre la disparition de vos backlinks sur les sites de vos partenaires. Mais heureusement sur internet, lorsqu’un besoin se fait sentir, il existe toujours une solution pour y répondre. Parfois gratuite et parfois payante.

La solution gratuite mais fastidieuse : domain pop + excel. Copiez la liste donnée par « domain pop » et collez là sur un fichier excel. Enregistrez et attendez un mois pour refaire la même chose. Comparez régulièrement les listes enregistrées. J’avais prévenu que ce serait pénible, en plus (dans tous les cas) il vous faudra auparavant noter sur un autre fichier tous les partenaires que vous avez sollicités et qui ont répondu positivement à votre demande d’échange de liens.

La solution payante mais tellement plus simple : Backlink Checker (offre d’essai gratuite 1 mois) et 168 € par an. L’outil est complet et il offre une grande gamme de services qui vous faciliteront la vie.

Source : webmarketing&com

Menu pur Css

Pure css menuIl y a plusieurs raisons de préférer un menu en pure CSS plutôt qu’un menu CSS et javascript : incompatibilité probable, lourdeur possible …

PureCSSmenu.com, un nom de domaine qui en dit long, vous propose de faire facilement des menu horizontaux avec sous-menus. Facile, rapide et efficace.

Tweet o meter

tweetometerLe Centre for Advanced Spatial Analysis (Université londonienne)  vient de réaliser ce sympathique baromètre (le Tweet o meter)  des messages édités sur Twitter par minute. Sympathique bien qu’inutile, à mon goût.

J’aurais préféré, mais cela viendra peut être bientôt, des statistiques Twitter basés sur la réactivité face à l’actualité en temps réel.

Source : Digital urban

Limmz ou bingle

limmzLimmz est un métamoteur de recherche qui interroge tous les moteurs existants.  Le site vous permet de faire une requête et vous envoie les réponses des moteurs que vous aurez choisis : Google, Yahoo, Youtube, Flikr, Ask  et pleins d’autres. Facile !

Intéressant pour connaitre  ou comparer votre visibilité sur les différents moteurs de recherche à partir des mots clés qui vous intéressent.

bingle1A essayer également : Bingle, un comparateur de résultats entre Bing et Google, c’est amusant !

email temporaire

tempinbox.gif

Une solution simple et efficace pour éviter de polluer votre boite au lettre avec des « spams » intempestifs ou des messages que vous ne désirez pas. Surtout lorsque vous n’êtes pas sûr de là où vous mettez les pieds et que l’on vous demande une adresse email pour vous inscrire afin d’obtenir une information ou d’autres avantages qui vous ont amenés dans ces lieux.

Car il faut bien considérer que ce que vous obtenez « gratuitement »coûte parfois le prix de votre adresse email. Ce sont des produits d’appels, fruits d’actions webmarketing ciblées. Ces sites vous proposeront par la suite, et dans le meilleur des cas, d’autres produits ou services en phase avec votre requête de départ.

Beaucoup ont des adresses « poubelles » qu’ils utilisent dans ces cas précis, mais il faut là aussi (comme sur votre adresse principale) faire le ménage de temps à autre. C’est là qu’est tout l’intérêt de Tempinbox. Pas de ménage et l’accès à votre mail provisoire est très facile : pas de code et pas d’enregistrement, les messages disparaissent au bout d’un laps de temps sans que vous ayez à agir dans ce sens.

Optimiser sa CSS

cssoptimizerimg.jpgVoici quelques sites sur lesquels vous allez pouvoir offrir un régime amaigrissant et un lifting clarifiant à votre feuille de style (CSS) et cela, dans le but altruiste et esthétique visant à afficher plus rapidement le style de votre site.

Ces outils utiles pour les webdesigners facilitent la lisibilité de votre page, par vous même et par les navigateurs. Cependant même si vous n’obtiendrez aucune validation W3C pour votre CSS sur ces pages, ces outils devraient vous aider à mieux comprendre les résultats du test CSS validator W3C.

  • En Français :

cleancss.jpg CleanCss :

paramétrable et efficace (basée sur CSStidy)

  • En Anglais


flumpcakes.jpg flumpcakes
:

(au logo plus qu’étrange !) efficace


cssoptimizer.jpgcssoptimiser:

très simple d’utilisation mais peu paramétrable

  • Pour ceux qui voudraient leur « optimizer »

csstidy.jpgCSStidy à télécharger sur le site de sourceforge.net et à placer sur votre site :exemples : deux autres sites français : floele et codebeautifier

Effect générator

Pour diverses raisons vous n’avez pas Flash chez vous et pourtant vous aimeriez bien pouvoir placer sur votre site un petit slide show de vos photos favorites ou une petite animation sympathique pour égayer votre blog.

fx.jpgEffect generator et un outil gratuit de type Web2. En quelques clics vous aurez vite compris : l’outil est ergonomique et intuitif. Les constructeurs du site ont ajouté deux petits tutoriels vidéo (en anglais) qui vous aideront dans vos premiers pas.

Voici un petit exemple de ce que j’ai fait, en quelques minutes, à partir de mes photos.



Le web en couleur

web en couleur

web en couleur

Deux très bons outils utiles aux graphistes et aux créateurs de sites web : ColorMatch remix (Javascript) et Color Wizard (Flash). Outils qui devraient vous permettre de ne pas faire d’erreur de gout en matière de couleurs sur votre site. A partir d’une couleur de base vous allez pouvoir trouver les couleurs complémentaires ou celles qui s’accordent le mieux. Les deux sites ne proposent pas les mêmes solutions (Color Wizard en propose même plusieurs et souvent très originales), mais cela reste toujours intéressant d’avoir le choix.

Une touche « wizard » existe sur la version Color Wizard, elle aidera les moins inspirés à trouver leur bonheur. Color Wizard propose également de vous expliquer en anglais le fonctionnement des couleurs et de leur complémentarité, c’est très intéressant et très bien expliqué.

colormatch_remix.jpg

Ces deux outils gratuits ont été récemment actualisés afin de les rendre plus complets, plus pratiques et donc plus aptes à répondre à vos attentes.

Personnellement j’aime bien ColorMatch Remix pour sa simplicité et parce qu’il permet d’exporter les résultats sur photoshop ou illustrator. Ce qui le rend bien commode !