Cocktail Web » Code is poetry

online-toolz.com boîte à outil pour webmaster ou pas.

Thierry Roget — Fri, 18 May 2012 11:23:23 +0000

Il existe sur le net des tas d’outils plutôt utiles et qui rendent la vie un peu plus facile. Online-toolz.com en est un qui semble relativement récent et qui offre un tas de petits utilitaires pour geek informatique ou non.

Clipped from: online-toolz.com (share this clip)

La liste des outils est impressionnante et j’en ai compté 38 au total, la plupart des outils sont plutôt dédié au design web, mais on pourra apprécier la calculatrice scientifique, le convertisseur d’unité, la convertisseur de change….

Notepad
WYSIWYG/HTML Editor
Character Map
Scientific Calculator
Unit Converter
Currency Converter
Random Text Generator
CSS Compressor
Javascript Minifier
Javascript Obfuscator
MD5 Generator
SHA1 Generator
SHA-256 Generator
PHP URL Encoder- Decoder
JS Escape Functions
Text – Base64 Conversion
Text – Hex Conversion
Text – Binary Conversion
Hex – Binary Conversion
Text – HTML Entites Conversion
Unicode Escaping
Unicode – HTML Entites Conversion
String Functions
Character Functions
Date Functions
Text Encryption – Decryption
XPATH Tester
XSLT Transformation
XML Validator
XML Formatter
HTML Validator
HTML Formatter
RegExp Editor
JSON Editor
JSON to XML Conversion
Color Chooser
Password Generator
Web Grep

http://online-toolz.com/ à mettre dans vos bookmarks

via feedmyapp.com

online-toolz.com boîte à outil pour webmaster ou pas. est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Google doc, xpath et facebooklike comment j’ai créé ma moulinette

Thierry Roget — Tue, 28 Jun 2011 14:41:08 +0000

Pour faire mon classement wikio avec les likes de facebook, je me suis un peu creusé la tête pour faire ce classement de façon plus ou moins automatique. J’ai fait mes recherches classiques sur internet car il y a toujours quelqu’un de plus calé que soi pour avoir fait la même chose avant !

1 la requête sur l’api facebook

Déjà pour savoir combien de “like”s ou de “j’aimes” possède un url, il faut faire une petite requête de ce style

https://graph.facebook.com/?ids=http://roget.biz

Vous allez avoir un retour de ce type

__________________________

{
   "http://roget.biz": {
      "id": "http://roget.biz",
      "shares": 12
   }
}

__________________________

On voit donc que mon blogue roget.biz a été liké 12 fois

2 le script sur google doc

Un script c’est un peu comme une macro excel, ça permet de créer une formule personnalisée qui sera intégrée ensuite dans vos formules classiques. J’essaie dans la mesure du possible de ne pas utiliser des logiciels payants, c’est pour cela que j’utilise google doc. Pour créer un script il faut aller dans “outils” puis sur “Éditeur de scripts”

J’ai créé une fonction qui a cette tête

___________________

function toto(url) {

var jsondata=UrlFetchApp.fetch(“http://graph.facebook.com/”+url) ;

var object = Utilities.jsonParse(jsondata.getContentText());return object.shares;

}

____________________

3) Insertion de la formule

Pour le fun ma formule s’appelle toto. Mon fichier se trouve sur spreadsheets.google.com

4) recopie de la formule vers le bas

En prenant le bas gauche de la première cellule, il est possible de copier la première cellule sur toutes les cellules en face de chaque url.

5) export vers html

pour exporter un fichier google doc, il faut aller sur “fichier” “télécharger au format” et sélectionner le format “html” pour mon cas. Ensuite il n’y a plus qu’à copier une partie du code html dans le blogue

N’étant pas un codeur profesionnel, j’ai pris la source d’inspiration sur le site appsumo.com/googledocsunleashed qui explique un peu plus la technique et j’ai appris beaucoup!

Conclusion

Google doc devient de plus en plus puissant. Les tableaux croisés dynamiques ont été créés il y a peu de jours, cet outil devient vraiment intéressant et l’interaction avec le web est vraiment top. Si vous maniez un peu de code, vous allez pouvoir monter des veilles internet sur des prix, des marques, des cours d’actions…. Un vrai plus pour creuser profond le web. Je pense que je vais de plus en plus potasser ces outils!

Google doc, xpath et facebooklike comment j’ai créé ma moulinette est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

HTACCESS pour les nuls : Astuce pour rediriger un lien qui change de direction (souvent)

Thierry Roget — Fri, 06 May 2011 11:46:43 +0000

C’est marrant des fois on se fait des noeuds au cerveau pour des choses qui sont d’une simplicité presque enfantine. C’est mon cas parfois (mais je me soigne) et j’avoue que quand on me parlait de redirection 301, ça me faisait trembler de peur (presque), puis j’ai regardé un tuto sur le sujet (comment-transferer-articles-blog) et j’ai trouvé cela tellement simple que je me suis senti plutôt stupide de m’être fait des noeuds au cerveau pour si peu de choses.

Suite à mon problème de tag actuphoto (où un gentil monsieur m’a dit que ce mot lui appartenait) j’ai changé mon tag actuphoto en actuaphoto (cf explication sur connectware.biz).

La semaine dernière j’ai décidé de faire profiter de la notoriété de mon blogue pour faire profiter du parrainage dropbox à vous lecteurs. (voir mon billet : quota dropbox)

Le problème :

Comment faire pour changer le même lien de parrainage sur l’ensemble des liens que j’ai faits sur mon blogue. La solution aurait été de reprendre tous mes billet et de changer manuellement tous les liens! Pratiquement impossible! ou gros boulot!

La solution :

htaccess ! Pour un webmaster chevronné, c’est vraiment un truc banal, mais pour quelqu’un dont ce n’est pas forcément le métier c’est un truc vraiment bizarre ! le fichier htaccess se trouve dans la racine de votre blogue. Vous pouvez le télécharger sur votre pc avec FTP pour voir ce qu’il y a dedans (j’ai fait mes premières découvertes sur htaccess pour éviter le hotlinking sur mon blogue)

Voilà c’est simple j’ai ajouté tout simplement une ligne de code :

RedirectPermanent /dropbox http://db.tt/I9GUJaL

Cela veut dire que maintenant en mettant le lien http://roget.biz/dropbox le lien va être redirigé vers http://db.tt/I9GUJaL et quand je vais changer de lien de redirection je vais juste changer mon fichier htacess une fois plutôt que de changer tous mes liens dans ce blogue!

______________

Je sais que les webmaster chevronnés vont me dire que je viens d’enfoncer une porte aussi vieille que le monde, mais comme j’écris ce que je fait et je fais ce que j’écris, je voulais donc partager ma petite bidouille. Notez qu’il existe des plugins qui font ce travail, mais j’évite de surcharger mes blogues avec des plugins, surtout si je peux faire autrement.

HTACCESS pour les nuls : Astuce pour rediriger un lien qui change de direction (souvent) est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Ajout d’un bouton tweet et d’un bouton like de facebook

Thierry Roget — Wed, 18 Aug 2010 19:51:45 +0000

N’étant pas doué pour écrire une ligne de code, mais très doué pour les pomper ailleurs surtout quand c’est donné gentillement, j’ai sucombé à la mode et j’ai ajouté mes deux petits boutons comme beaucoup le monde

1) Le boutons twitter (redondant avec mon bouton tweetmeme que je garde pour l’instant)

2) Le bouton facebook qui s’intégrer dans un iframe (je pensais que le iframe était un truc du passé)

A cette fin j’ai fait ma petite recherche et j’ai copié le code twitter chez

mrboo.fr en prenant soin d’y mettre mon @thierryroget à la place de @mrboo. Je n’ai pas longtemps attendu pour voir si ça bugué ou pas car avec twitter il faut s’attendre à tout

Et pour le code de chez facebook je l’ai récupéré chez

l-tz.com ou j’ai récopié la version longue

Nota 1: Une fois installé j’ai regardé le résultat et ça n’a pas marché. Bien sûr, il y a mon plugin wp super cache qui est activé. Donc si vous êtes comme moi, attendez que le cache se vide pour voir apparaître le résultat.

Nota 2: je n’ai pas intégré quoique ce soit dans la feuille de style CSS, les boutons sont donc simplement à gauche après le billet

Nota 3: j’ai préféré ajouter le bouton à la fin de l’article, car j’estime quand même que mon visiteur doit découvrir le bouton après avoir lu ou disons survolé ma prose.

Ajout d’un bouton tweet et d’un bouton like de facebook est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Coloreminder: pour trouver des variations de couleurs

Thierry Roget — Mon, 14 Jun 2010 19:19:31 +0000

Je ne suis pas un web designer, mais de temps en temps j’aime faire une petite retouche de couleur sur un de mes nombreux blogs et à ce titre je collectionne des sites qui parlent de couleur et de choix de couleurs sur internet. Ils sont nombreux et Coloreminder.com vient de sortir et il permet de trouver un dégradé d’une couleur du plus foncé au plus clair.

A ce titre, il suffit de taper le code alphanumérique d’une couleur pour obtenir une palette. Si vous ne savez pas ce qu’est un code alphanumérique, vous pouvez choisir une couleur en appuyant sur le petit cercle multicolore. Il y a un petit tuto sur le site qui explique bien comment on intégre une couleur en code html.

Coloreminder.com

pour trouver d’autres sites du même genres : delicious.com/marothro/couleur?detail=1

Coloreminder: pour trouver des variations de couleurs est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Ideone, testez votre code en ligne c++, python, php, Ruby….

Thierry Roget — Wed, 25 Nov 2009 23:05:16 +0000

Je ne suis pas un grand codeur, mais de temps en temps une petite ligne de code en PHP ne me fait pas peur, on peut installer un serveur php sur son ordinateur, mais on peut également tester le code sur des testeurs en ligne comme ideone.com.

Sur Ideone.com vous avez une liste relativement exhaustive de codes à tester en ligne, et vous pouvez rendre public les codes que vous testez, l’histoire d’en faire profiter les autres. Je trouve cela assez astucieux est sympathique. Dans le même ordre d’idée vous avez également phpanywhere.net.

En tout cas, je mets de côté cet outil en ligne pour un usage futur!

Ideone, testez votre code en ligne c++, python, php, Ruby…. est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Hotlinking: Je viens de protéger ce blog

Thierry Roget — Tue, 27 Oct 2009 13:38:36 +0000

Ceci n”est pas un scoop, cela fait partie de la vie d’un blog. Un jour on trouve des photos à droite à gauche sur des blogs qui nous appartiennent. Cela dit, ce n’est pas très important à partir du moment où les photos recopiées sont hébergés chez l’autre. Mais parfois, par négligence et ignorance, (j’ose espérer) certaines personnes copient non pas la photo mais le code html autour de la photo et hop, on appelle ça du hotlinking conséquence: surcharge du serveur et surtout c’est une question de netiquette.

Donc ceux qui ont copié mes photos, verront maintenant la photo ci-dessus. Je me fait un peu de pub au passage et vous pouvez voir le résultat sur Marketing Buzzz: Wikio a sorti un petit outil . Attention je ne critique pas l’auteur de ce billet, je suis sûr que c’est de l’ignorance, car il a eu la gentillesse de faire un lien vers mon blog. Cela dit, il y a surement d’autres personnes qui n’ont fait que piquer mes photos sans même me prévenir, alors c’est pas bien et surtout je suis incapable de savoir combien de mes photos sont hotlinkées, donc incapable de quantifier combien de bande passante on me pique (je présume que c’est très peu)

Problématique:

ne pas planter mon site en modifiant htaccess
éviter l’utilisation de bande passante
ne pas faire en sorte que les clients feedburner et netvibes et autres ne soient affectés (les acteurs majeurs)
continuer les hotlinking entre mes blogs

N’étant pas un grand spécialiste du domaine, je me faisais une montage du problème, mais en lisant l’excellent tutoriel sur quick-tutoriel.com qui est à mon goût archicomplet. Et si je l’ai fait, vous pouvez le faire aussi!

Hotlinking: Je viens de protéger ce blog est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Quand un plugin fait planter le serveur mutualisé et l’hébergeur supprime mon compte

Thierry Roget — Thu, 08 Jan 2009 16:30:41 +0000

Si vous avez visité mon blogs à maintes reprises ces derniers jours, vous avez du tomber sur une série de messages,du type

Exceded CPU load
Problème avec la base de données MYSQL
Ce compte a été supprimé pour des raisons techniques

Phase 1) Mes premières réactions vis à vis de ces problèmes ont été d’appeler la hotline de mon hébergeur. La plupart du temps, c’était un problème de base de données du serveur et le système était réparé dans les 15 minutes.

Phase 2) La hotline m’a affirmé que j’avais un problème de base de données et qu’il fallait que je nettoie les bases de temps en temps ce qui a résulté par un billet : Réparez vos bases de données SQL (débutant)

Phase 3) Mon compte, hier, a carrément était supprimé car je sollicitais trop mon serveur et faisait planter les autres noms de domaines hébergés sur le serveur!

Panique à bord, appel à la hotline, réponse de la hotline, certaines de mes bases n’ont pas d’index! (pour moi ça ne veut rien dire, mais globalement des bases non indexées ne sont pas des bases optimisées par conséquent, il y a plus de sollicitation sur le serveur, voir des requêtes qui tournent en rond et génére des milliers de requête, puis plante le serveur)

a) un bref aperçu dans l’un de mes fichiers dans le répertoire /tmp/mysql_slow_queries et je découvre que c’est un plugin qui pose des problèmes en lisant un des fichiers.

Voilà le charabia que j’ai lu “

…LEFT JOIN wp_ak_popularity_contest…

Issu du plugin Popularity Contest (plugin qui permet de connaître quels sont les fichiers les plus lu)

b) Il a fallu ensuite aller dans la partie phpmyadmin et cliquer sur la base wp_ak_popularity_contest et constater que la base n’avait pas d’index.

c) j’ai tout de suite désactivé le plugin, supprimé la base et supprimé les codes dans ma sidebar!

Conclusions

Avant de mettre en place un plugin, vérifier si une table est créée dans la base.
Notez bien quelle table a été créé lors de l’activation du plugin
Vérifier que la base est bien indexée
Regardez vos logs /tmp/mysql_slow_queries de temps en temps pour voir justement si quelque chose cloche
Si vous retirez le plugin définitivement, prenez soin de supprimer la table associée, car a priori, elle ne s’efface pas toute seule
Évidemment faite une sauvegarde journalière de vos bases de données à partir de PhpMyadmin.

Remarques et conseils

Créez vous un blog de test pour vous entrainer.
Testez vos plugins sur ce blog de test avant de le déployer sur votre blog.
Même si vous testez vos plugins sur un blog de test, vous ne pourrait par reproduier certains problème, du fait qu’il faut tester le plugin en charge. (votre blog de test est sensé ne pas faire de trafic, donc ne sollicité pas les bases de données de la même façon
Même si le plugin est un plugin réputé (popularity contest en est un) méfiez vous
Si vous avez un problème sur votre blog, essayer de reproduire le problème sur votre blog de test
Je ne suis pas un expert du domaine, je viens juste de vous énumérer ce que j’ai fait, un expert pourra éventuellement corriger!

Je remercie à Thierry.stiegler.fr Jbonnel.over-blog.com maigretsblog.com de m’avoir prévenu par twitt et un oscar pour blogmotion.fr qui a pu me demerder sur un problème annexe ! Vraiment sympa les gars.

Rendez vous pour le prochain plantage!

Quand un plugin fait planter le serveur mutualisé et l’hébergeur supprime mon compte est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Embedder presse-citron ou les autres blogs dans votre blog

Thierry Roget — Tue, 06 Jan 2009 19:02:01 +0000

J’ai récemment écrit un billet sur Embedit.in : integrez n’importe quoi dans votre blog. J’ai mené une petite enquête pour savoir un peu comment on faisait pour intégrer des documents dans un blog et j’ai trouvé comment on peut intégrer un blog dans un blog!

J’ai pris comme cobaye press-citron ! Numéro 1 oblige et voilà le résultat

Source http://en.wikipedia.org/wiki/IFrame

Embedder presse-citron ou les autres blogs dans votre blog est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Tableizer, créez un tableau dans votre blog

Thierry Roget — Tue, 16 Dec 2008 00:22:08 +0000

Je parle peu d’HTML sur ce blog car, je ne suis vraiment pas un pro du sujet (je laisse ça à css4design) à tel point que pour moi, créer un tableau dans ce blog relève du grand défi. Non pas que je pense que c’est insurmontable, mais parce que je n’y consacre pas l’énergie nécessaire pour approfondir. (c’est toujours une question de priorité)

Pour faire un tableau avec TABLEIZER, je ne vais plus avoir ce soucis, c’est un jeu d’enfant, il suffit de créer un tableau dans excel ou dans google, coller le tableau dans la fenêtre de saisie du TABLEIZER, récupérer le code html et on obtient le résultat ultra rapide de ce type. (ne pas oublier de passer le poste en mode html pour copier le texte)

Test	note
Site 1	20
Site 2	15
Site 3	4
Site 4	6
Site 5	4
Site 6	12
Site 7	15

On peut choisir la grosseur du caractère, la police et la couleur de la première ligne. Franchement il me fallait un truc aussi simple pour mon usage peronnel. (je ne suis pas arrivé à centrer la bête au milieu du tableau, mais cela ne saurait tarder.

Pour faire la même chose sur votre blog c’est sur tableizer.journalistopia.com

Tableizer, créez un tableau dans votre blog est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Réparez vos bases de données SQL (débutant)

Thierry Roget — Mon, 08 Dec 2008 11:54:56 +0000

Il se peut que vous ayez des problèmes avec vos bases de données SQL. Un des problèmes est justement une baisse des performances de requêtes SQL. (il existe tellement de facteurs qui ralentissent les performances d’un site, qu’il est souvent difficile d’en diagnostique la source). Il faut donc procéder à quelques routines de maintenance comme celle expliquée dans ce billet.

Attention ceci n’est pas un tutorial de pro. J’écris ce billet pour vous informer que j’ai eu un problème avec mes bases de données SQL de mes blogs et que mon hébergeur a tout simplement suspendu mon compte car cela perturbait le serveur (non dédié) et donc les noms de domaines qui ne m’appartenaient pas.

Appel de la hotline qui me dit qu’il faut que je répare mes bases de données! C’est un peu comme s’ils me demandaient d’aller chercher un peu de sable sur la lune! Heureusement ils m’ont guidé dans les étapes et à la fin, ils m’ont envoyé un mode opératoire. Je vous relate ce fait car cela peut éventuellement vous arriver, autant partager l’information.

Constatation des dégâts

Tout a commencé par la vérification des logs disponibles dans le répertoire “tmp/mysql_slow-queries“ Pour accéder à ces fichiers, vous pouvez soit faire un ftp, soit vous y rendre à partir de votre Cpanel.

En sélectionnant home directory accédez au File Manager. Sélectionnez le répertoire TMP puis mysql_slow_queries

Une fois sélectionné le répertoire mysql_slow_queries j’ai pu constater les dégats.

J’y ai découvert une bonne centaine de rapport (entouré en rouge dans la figure du dessus). En cliquant sur un des fichiers il est possible de voir le nom de la base de données qui donne des problème (wrdp8 par exemple)

Réparation des bases de données

Une fois constaté les dégâts, il faut faire deux opérations, “réparer les bases de données” et “optimiser les bases de données”. Pour cela rendez vous sur le CPanel et cliquez sur le logo “PHPmyadmin”

Cliquez sur une des bases de données exemple wrdp1

On atterri sur un tableau de ce genre.

Etape 1 sélectionnez toutes les tables
Etape 2 Réparez la table (sélectionnez “Réparer la table” dans le menu déroulant)
Attendre que la table se répare (quelques secondes)
Etape 3 Optimiser la table (sélectionnez “Optimiser la table” dans le menu déroulant)
Répétez le processus pour toutes vos tables

Enfin voilà le mode opératoire résumé qui m’a été envoyé par la hotline

“IMPORTANT: Databases can be repaired and optimized within “phpMyAdmin”. Select a database, ”check all”, and in the drop down choose “Repair DB”. Then repeat the process for “optimizing” databases using the drop down. You must “Go Back” and repeat the repair for other databases in your account. Do them ALL and don’t forget one just because it isn’t used much, they are all connected.”

Réparez vos bases de données SQL (débutant) est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

WordPress : s’abonner au flux RSS des commentaires d’un billet

Thierry Roget — Fri, 05 Dec 2008 15:37:34 +0000

Je vois quelques blogs qui possèdent l’option de pouvoir s’abonner par RSS aux flux des commentaires d’un seul billet et je trouve cela assez smart car laisser un commentaire par exemple chez Presse-citron, c’est être assuré de se retrouver avec 40 mails dans sa boîte, ce qui n’est pas très drôle.

Voila donc le code en question (pas de plugin ce coup)

Il faut placer ce bout de code dans votre fichier comment.php à l’endroit où vous voulez. Je pense qu’il faut le placer bien en vue juste au dessus de la boîte de saisie du commentaire et changer ”

En attendant d’installer l’option de “pouvoir s’abonner par mailsans pour cela avoir à commenter“, cette petite astuce est utile.

Ok mon blog n’a pas encore de nombreux commentaires, mais ça vient tout doucement alors autant faciliter la tâche des lecteurs.

Je n’ai pas trouvé ce truc seul, je me suis inspiré sur wprecipes.com

WordPress : s’abonner au flux RSS des commentaires d’un billet est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi: