css 4 design » AdSense http://css4design.com Le blog de l'intégrateur web Thu, 18 Mar 2010 20:55:08 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 1000 ressources pour le développement web et WordPress : la grosse grosse liste http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web#comments Fri, 08 Feb 2008 13:25:58 +0000 Bruno Bichet http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web Vous voulez un bon éditeur de page HTML et CSS et avoir sous le coude le maximum de ressources à portée de souris ? Cet article est fait pour vous si cherchez le bon plugin jQuery pour votre projet ou si vous êtes friand de liens pointant vers des ressources indispensables pour la création de sites web. Si en plus vous utilisez WordPress, c’est votre dossier Plugins qui va être content ! Le titre est trompeur : il n’y a pas 1000 ressources, mais bien plus à découvrir… Attention, cette liste est vivante et grandit avec vos suggestions !

La boite à outils du codeur de site web

Editeurs de page web

Windows (et/ou multi-OS)

Eclipse
Eclipse est un environnement de développement intégré (IDE) lancé par IBM pour développer des application Java. Son architecture est développée autour de la notion de plugin, ce qui permet de l’utiliser pour le développement web où il remplacera sans peine un Dreamweaver ou un Notepad++ grâce notamment aux « plugins » suivants :
  • WTP (Web Tools Platform) — Reconnait les formats HTML, CSS, JSP, JSF, javascript, XML, DTD, XSLT… (coloration syntaxique, auto-complétion, validation et aide à la saisie des fichiers XML par la DTD associée, etc.)
  • Aptana — Mêmes fonctionnalités que WTP. L’auto-complétion des fichiers CSS donne la compatibilité (IE et Firefox) des différentes balises de style, Débugger Javascript
  • ATF (Ajax Toolkit Framework) — Prise en compte du langage AJAX dans le développement web
  • Amateras EclipseHTMLEditor — Reconnait les formats HTML, CSS, JSP, javascript, XML, DTD… avec un éditeur graphique de pages
  • XMLBuddy — Plugin léger pour le format XML (validation des fichiers si DTD associée), DTD, XML SCHEMA, et XSLT
  • X-Men — Editeur de fichiers XML (non maintenu depuis 2003)
  • OxygenXML — Prise en charge du format XML, DTD, XML SCHEMA, et XSLT (avec un débugger de feuilles de style XSLT)
  • EclipseTidy — Editeur de fichiers HTML et XML
  • eZing Builder — Editeur WYSIWYG de pages web (HTML)
  • Euromath 2 — Editeur WYSIWYG de fichiers XML permettant d’écrire des expressions mathématiques (un peu de la même manière qu’avec Latex)
  • EclipseXSLT — Création Gestion avancée des fichiers XSLT, avec la coloration syntaxique, la possibilité de créer plusieurs configurations de style applicables à un même fichier XML, etc.

Retrouvez la liste complète des plugins Eclipse sous forme d’un PDF mis à jour par Benoît Courtine qui a aussi un blog.

Dreamweaver

Dreamweaver — Cet éditeur de pages web créé par Macromedia puis racheté par Adobe (certains prononcent Adobi – à l’anglo-saxonne – mais je préfère dire Adobeu. D’ailleurs ceux qui prononcent Adobi sont souvent les mêmes qui prononcent notepad++ comme plus plus au lieu de pleus pleus ^_^v).

La fonction chercher-remplacer plus que complète (il faudrait un tutoriel pour faire le tour de la question) et la gestion multi-sites avec le transfert FTP méritent à eux seuls l’achat du produit. L’aspect ouiziouigue du bidule est encore – dans la version CS3 – réservé aux gadgétophiles.

Le gros point noir de Dreamweaver est sa gestion fantaisiste du format UTF-8 qui nécessite un passage préalable dans un vrai éditeur comme Notepad++…

Notepad++

Notepad++ — Quand Dreamweaver m’ennuie, c’est vers Notepad++ que je me tourne, tant sa simplicité apparente est reposante. Il prend en charge la coloration syntaxique de pratiquement tous les langages et ses fonctions de « traitement » de textes sont impressionnantes (même si je n’en n’utilise pas le dixième).

Les plus : Notepad++ est capable de plier-déplier les blocs de code et possède un explorateur de fichier. De plus, utilisé conjointement avec FileZilla (en le spécifiant comme éditeur de texte distant, par exemple), vous avez une configuration légère pour trois fois rien ;)

Les moins : l’auto-complétion des propriétés CSS n’est pas vraiment contextuelle (contrairement à Dreamweaver).

Nvu

Nvu — Prononcez N-view. A mi-chemin entre Dreamweaver et Notepad++, cet éditeur est la refonte du module d’édition HTML Composer de Mozilla. Le logiciel est en version 1.0 depuis 2005 sans mise à jour depuis. A noter qu’il existe un tutoriel Nvu bien fait sur Framasoft. Nvu est remplacé par KompoZer. Pour connaitre le pourquoi du comment, c’est sur Framasoft. (Merci burningHat).

KompoZer

KompoZer — Développé à partir de la version 1.0 de Nvu, ce logiciel reprend à son compte la gestion des plugins et des thème à la Gecko (Firefox), ce qui semble prometteur pour l’avenir. Des fondations de Nvu, KompoZer semble avoir gardé le goût de la non-simplicité pour la gestion des feuilles de style, notamment.

D’autres infos sur Nvu (valable pour KompoZer ?) sur geckozone.

Intype

Intype — Ce puissant éditeur de code est d’après p4bl0 l’équivalent de TextMate sur Windows. Encore en version Alpha, vous pourrez suivre l’évolution du développement de cet éditeur prometteur sur le blog.

HTML-Kit

HTML-Kit — J’ai une relation ambiguë avec ce logiciel : je l’installe aussi souvent que je le désinstalle à cause de son interface peu intuitive qui finit toujours par me gêner avant que je trouve mes marques. Mais c’est un très bon produit et je ne désespère pas de m’y adapter un jour !

Il est possible d’avoir HTML-Kit en français avec une présentation du logiciel en prime.

UltraEdit-32

UltraEdit-32 — C’est un éditeur de code source qui supporte la plupart des langages (C++, PHP, HTML, VB Perl, Java). Il dispose aussi d’un module FTP et permet – comme Notepad++ d’enregistrer des macro-commandes pour les tâches répétitives.

Ce n’est pas un logiciel gratuit, mais la version UltraEdit-32 Professional Text Editor ne coûte que 34€, soit 12 fois moins que Dreamweaver CS3 !

Jedit

Jedit –C’est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.

Quanta Plus

Quanta Plus — Avec cet éditeur de texte, on sort un peu du développement web, puisqu’il permet également de créer des livrets de documentation, ce qui peut toujours être utile.

CSSED

CSSED — Cet éditeur de feuilles de style CSS nécessite l’installation de GTK+ Runtime Environment avec comme avantage de tourner sous Linux, Mac OSX et Windows !

E-Texte Editor

E Texte Editor — Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).

PSPad

PSPad — Le meilleur pour la fin ? C’est bien possible car contrairement à HTML-Kit, son interface est très agréable et son intégration avec TopStyle Lite est très réussie. L’ensemble fournit un environnement de développement de pages web très complet et simple d’utilisation.

Parmis les petits plus appréciables : un générateur de faux-texte Lorem Ipsum et l’intégration de Google avec des options de recherche avancées, toujours utiles en plein travail.

A noter que la version Pro de TopStyle inclut un éditeur HTML.

Linux

Scribes

Scribes — C’est un éditeur pour Linux, puissant tout en restant simple et léger.

gedit

gedit — Il s’agit de l’éditeur de texte officiel pour l’environnement de bureau GNOME.

SciTE

SciTE — Cet éditeur de texte complet (coloration syntaxique, arbre de code dépliant, fonctions rechercher/remplacer) se distingue par l’exportation au format PDF, RTF ou HTML. Bien que disponible également pour Windows, SciTE gagne sa place dans la section Linux grâce à sa configuration par fichiers : pas de panique, Framasoft veille ;)

Mac OS X 10.4+

TextMate

TextMate — L’éditeur manquant ? Sur Windows, en tout cas, c’est sûr ;)

BBEdit

BBEdit — Si vous êtes Apple Addict.

TextWrangler

TextWrangler – Par le même éditeur de BBEdit dont il est une version allégée, cet éditeur autorise la manipulation de texte et l’administration de serveur Unix.

Smultron

Smultron — Conçu à la fois pour ne pas effrayer les débutants et satisfaire les utilisateurs avancés.

cssedit

cssedit — un très bon éditeur de CSS. Via 64K.

Coda

Coda — Encore un bien joli éditeur de texte et de CSS qui intègre un module de transfert FTP.

Javascript »

]]> http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/feed 102 rollSense : Google Adsense du contenu ou révolution dans l'échange de lien ? http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien#comments Wed, 17 Oct 2007 10:16:08 +0000 Bruno Bichet http://www.css4design.com/index.php/2007/10/17/136-rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien C’est grâce à Alexis que j’ai découvert rollSense. Je m’attendais à un Criteo de plus, mais passé le stade de la découverte, rollSense me parait plus attractif, plus fun à utiliser. Alors que Criteo propose à vos visiteurs des sites qui ont un rapport avec le vôtre, rollSense recommande à vos lecteurs des articles en relation avec le thème de vos pages. Une fois le widget installé, chaque fois qu’un lecteur cliquera sur un de vos billets pour le lire, rollSense fournira ses recommandations. Il est possible de sélectionner soi-même les sources d’information dans lesquelles le service puisera pour afficher ses résultats et ne mettre que son site ou son réseau de sites. Et pourquoi pas, créer un réseau de liens réciproques comme Google les aime tant ;)

Cerise sur le gâteau, des liens sponsorisés et ciblés (tiens ça ne vous rappelle rien ?) fournis par Yahoo! Search Marketing peuvent contribuer à la monétisation de votre blog, ce qui ne peut pas lui faire de mal :)

rollsense

rollSense en bref

  • Vous décidez d’où viennent les articles recommandés,
  • Les articles recommandés le sont par rapport au billet que parcoure votre lecteur,
  • Facile à activer, rollSense ne demande que l’adresse de votre blog et votre blogroll ou OPML,
  • Installation simple sur le blog, vous copiez et collez un bout de code HTML,
  • Vous pourrez suivre les visites en provenance d’autres sites, comme celles générées vers votre blogroll,
  • rollSense peut aussi être utilisé pour simplement afficher les billets les plus récents de votre blogroll, éventuellement filtrés par vos mots clés

Allez, hop ! je m’inscris

5 champs à remplir, plus la case concernant les conditions d’utilisation à cocher et je reçois le mail d’activation qui me renvoie curieusement sur une page m’indiquant que mon « canal » n’est pas valide… Demander le minimum d’information à l’inscription c’est bien, mais ils auraient pu demander l’adresse du flux dès le départ et nous faire économiser un clic ! Je clique néanmoins sur « OK » et j’arrive sur la page pour initialiser mon canal rollSense.

Je regrette (comme souvent) le choix restreint des intitulés de rubriques pour classer mon blog : je n’ai rien trouvé de mieux que « Ordinateurs & Internet »… triste, non ?

Monétiser son blog ?

Voilà, c’est fini ! mon inscription est en attente d’approbation. En attendant, je définis mes options de paiement qui peut s’effectuer par chèque (à partir de 100€ d’avoir) ou par PayPal (à partir de 60€). Hum… si les montants ressemblent à ceux de Google Adsense, je pourrais offrir une figurine de Grendizer à mon fils de 4 ans pour ses 7 ans ;) Je vais donc attendre un peu avant de donner mes informations personnelles.

Vous pouvez admirer ensuite votre widget personnalisable – dont la langue utilisée – en largeur (de 150px à 450px) et en couleur à l’image de ce qui se fait habituellement. Pour un meilleur contrôle, je vous conseille quand même de modifier les valeurs directement dans le code, c’est pas sorcier ;)

Yahoo! Search Marketing ?

Je ne sais pas si vous êtes comme moi, mais j’avais presque fini par oublier qu’il y avait une vie en dehors de Google dans le domaine de la publicité contextuelle d’envergure. Je me dit que c’est assez bien vu de la part de Yahoo! de s’associer avec rollSense pour tenter de tailler des croupières à Google sur son terrain de jeux par le biais d’un widget qui a tout pour plaire.

Je suis emballé

Pour commencer, je me servirai certainement de rollSense pour faire des liens croisés entre les articles publiés sur Notorious Blog et celui-ci, en indiquant pour chacun d’eux le flux de l’autre. Sinon, il est possible de faire les choses en grand en ajoutant n’importe quel fichier OPML : pourquoi pas la liste de vos blogmarks favoris ?

Installé par simple curiosité au début, ce widget vient déjà de prendre sa place dans la page des billets et a même remplacé la liste des derniers billets publiés. Le fait de spécifier soi-même les flux pris en compte – et uniquement ceux-ci – est un plus indéniable qui permet d’envisager autrement la notion d’échange de liens, un peu has been, il faut bien le dire, malgré son efficacité redoutable ;)

]]> http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien/feed 10 Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense#comments Mon, 15 Oct 2007 18:32:13 +0000 Bruno Bichet http://www.css4design.com/index.php/2007/10/15/135-interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense Feedburner Adsense

Ils n’ont pas oublié de monétiser leur FeedBurner, au Googleplex ;)

Tout ça pour dire que j’avais confié la redirection des flux RSS de WordPress vers FeedBurner aux bons soins du plugin Feedburner FeedSmith qui n’a pas rempli son office… Au cas où, les flux RSS officiels pour ce blog sont :

Je remercie fab et Samy (sans oublier Nico) pour m’avoir signalé le problème ;) Merci de votre compréhension en cette période de flux migratoires.

]]> http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense/feed 3 7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank ! http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank#comments Tue, 28 Aug 2007 03:04:52 +0000 Bruno Bichet http://www.css4design.com/blog-reloaded/?p=118 Après Text-Link-Ads, LinkLift propose l’achat et la vente de liens sur les blogs. Et Google n’a pas l’air d’apprécier. Il faut dire que ce que ces sociétés vendent à leurs acheteurs de liens, c’est du PageRank en barre ! Et le PageRank, comme chacun sait, appartient à Google qui voit d’un mauvais oeil des sociétés concurrentes à son programe AdSense tirer les marrons du feu en profitant de son outil de confiance. Un formulaire est même disponible si l’on est témoin d’un achat ou d’une vente de liens à la sauvette. Ca fout les jetons.

  1. Au début, je me suis dit que Google exagérait, puis je me suis rappellé que les liens AdWords ou AdSense n’entraient pas dans le calcul du PR, raison pour laquelle, il faudrait mettre du rel=nofollow à tout va dès qu’il s’agit de liens sponsorisés. Ce qui, est-il utile de le préciser, rendrait caduque les accords entre les éditeurs et les sociétés sus-citées.
  2. Ceci étant, Google a le droit pour lui (enfin j’imagine). Sauf que si le PR appartient à Google en tant que technologie, il est aussi la propriété de l’éditeur du blog : le PR ne fait que traduire le travail du blogueur en terme de rédaction, de référencement et d’implication dans la blogosphère. Le PR ne fait donc que constater le fait que de nombreux liens pointent vers un site. De là à dire que google profite lui-même largement du contenu des blogs pour se faire de l’argent, il n’y a qu’un pas, qu’on pourrait franchir aisément en pensant à la très faible rémunération du programme AdSense pour les petits blogs comme le mien…
  3. Où je veux en venir ? Et bien, en relisant quelques articles sur le PageRank, il apparait qu’il ne s’agit pas à l’origine d’un outil permettant de mesurer la confiance : il s’agit surtout de mesurer la probabilité de tomber sur un site donné en suivant des liens au hasard. D’ailleurs, la notion de TrustRank a été mise en place bien plus tard.
  4. En supposant que les blogs affichant des liens vendus par TLA ou LL soient dénoncés et que la sanction soit (au pire) le bannissement de l’index, la probabilité de tomber sur ces sites en cliquant de lien en lien subsisterait. D’ailleurs, comme je l’ai déjà évoqué, le ClickRank (associé au PageRank) devrait être le seul indice suffisamment fiable pour juger de la qualité d’un site. Et puis, c’est d’ailleurs le principe retenu pour les enchères AdWords : plus une annonce est cliquée et mieux elle est placée et/ou moins elle coûte cher à l’annonceur.
  5. Bref, vous l’aurez compris, je me pose des questions existentielles concernant l’affichage des publicités Text-Link-Ads ou LinkLift sur mon blog. D’autant plus que j’ai l’impression que les prix d’achat sont faibles (entre 25€ et 35€ par liens et par mois pour l’acheteur) comparés aux risques éventuels si l’ami Google se met en colère et se décide à faire couler la fiente de ses pigeons sur nos pauvres blogs…
  6. A ce sujet, j’aimerais bien connaitre l’échelle des sanctions prévue par Google : riposte graduée ou destruction sans sommation ?
  7. J’ai bien envie de demander une prime de risque…

Stay tuned and mind the gap!

PS : J’aimerais bien m’inscrire sur le forum taggle. Je peux proposer un échange de lien contre une cooptation (no tapar :D )

]]> http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank/feed 7