T0m-S

http://dev.t0m-s.be/copie/

Cette page sert à prendre un screenshot d’une page (par exemple pour être anonyme, ou si la page est bloquée dans votre pays).

Le script est encore en dev (et le design aussi), donc ca peut planter (et ca le fera surement, d’ailleurs).

Par défaut la qualité de l’image est sur 70 (au-dessus ca fait ramer un peu la génération, mais avec 70 le rapport vitesse de génération/qualité est assez bon) et le javascript est désactivé : les js peuvent tourner assez longtemps, et donc augmenter le temps de rendu, mais dans certain cas il faut l’activer (par exemple les commentaires disqus, ou autres).

Le script est encore en dev, je donnerai le code source une fois que j’aurai intégré certaines autres fonctions et que le code sera plus propre.

Si vous rencontrez des beugs n’hésitez pas à me les communiquer, si vous avez des idées/critiques/autres vous pouvez y aller aussi.

Salut à tous,

Aujourd’hui je vous livre une petite astuce pour compresser vos fichiers beaucoup plus vite sous linux, la seule condition étant d’avoir un processeur multi-coeurs.

Pour cela il suffit d’ajouter le programme pbzip2

Pour Ubuntu ou Debian :

sudo apt-get install pbzip2

Pour toutes les autres distribs je vous renvoie sur le site de pbzip2

Maintenant voyons un peu la différence de vitesse, le tout avec un processeur quadcore tournant à 2.4GHz, le fichier était du texte et pesait 802,4Mo.

Après compression le fichier ne pesait plus que 238,4Mo, mais ce qui nous intéresse vraiment c’est la vitesse de compression:

Avec bzip2 : 138 secondes (2 minutes 18 secondes)
Avec pbzip2 : 42 secondes

Ce qui fait plus de 3 fois plus rapide, un joli gain de temps.

Pour utiliser pbzip2 c’est simple, c’est presque le même que bzip2 :

pbzip2 votre_fichier

J’espère que l’astuce vous servira, n’hésitez pas à poster vos résultats dans les commentaires pour comparer.

PS : bonne année en retard

Encore une petite astuce pour WordPress aujourd’hui, elle va vous permettre de placer des nouveaux boutons pour l’éditeur de texte.

Le petit désavantage de cette astuce est que les bouton ne seront utilisable qu’en mode d’édition html et qu’il ne pourront faire que des actions « simple ». Par exemple j’ai créé un balise pour rentrer du code, la balise n’est pas compliquée (mais un peu longue) et comme je m’en sers assez souvent j’ai trouvé utile de lui offrir un petit raccourci.

Pour créer un bouton comme ça c’est assez simple, il va juste falloir éditer un fichier.
Connectez vous à votre FTP et éditer le fichier

wp-includes/js/quicktags.js

Si vous regardez un peu le fichier, vous pourrez voir des fonctions avec les noms des boutons déjà existants.
Imaginons que vous vouliez placer votre nouveau bouton après celui nommé « code », pour cela vous allez devoir chercher la ligne

new edButton("ed_code"

Vous tomberez donc sur le code du bouton « code », qui ressemble à cela

edButtons[edButtons.length] =
new edButton("ed_code"
,"code"
,"<code>"
,"</code>"
,"c");

Bon c’est bien on a trouvé les lignes qu’il nous fallait, on va les éditer pour qu’elles fassent ce qu’on a envie, exemple avec les balises <pre> et </pre>, qui permet d’interpréter le texte qui est écrit entre tel quel (je sais qu’elle se trouve déjà dans l’éditeur visuel, mais je n’avais pas d’autres idées ).

edButtons[edButtons.length] = //On ne touche pas à ça
new edButton("ed_pre" //Ça va être le nom de votre balise
,"pre" //Ici c'est ce qui s'affiche sur le bouton
,"
<pre>" //Ici c'est la balise d'ouverture
,"</pre>
" //Ici, vous l'aurez deviné, la balise de fermeture
,"/pre"); //Ici c'est le texte qui s'affiche sur le bouton tant que vous n'avez pas fermé la balise

Voilà, il ne reste plus qu’à éditer ça avec vos propres paramètres et vous aurez un joli petit bouton qui vous facilitera bien la vie.

N’hésitez pas à commenter si vous avez quelque chose à ajouter

Aujourd’hui une petite astuce toute simple.

Si vous avez une installation WordPress de base (donc pas WordPress Mu) et que vous avez envie de tester un peu ce que donne le multi-blog c’est devenu très simple (enfin presque).

Tout d’abord, il faut mettre à jour WP et le passer en version 3.0, cette nouvelle version fusionne WP et WP Mu.

Ok, jusque là c’est pas compliqué, mais y’a un petit problème .. Je fais quoi après o_O y’a pas d’option pour faire du multi-blog…

Et bien pour l’activer il va falloir chipoter un peu dans les fichiers (pas de problème, ça reste assez simple pour l’instant).

Accédez à votre FTP pour modifier le fichier wp-config.php, vous allez pour l’instant rajoutez une simple instruction après le <?php

/**
On va mettre ci-dessous les différentes options pour activer le multi-sites
**/
define('WP_ALLOW_MULTISITE', true);

Normalement vous devrez désactiver TOUTES vos extensions avant de vraiment lancer le multi-blog, mais pas de panique, vous pourrez les réactiver après (mais il n’est pas sûr qu’elles soient toutes compatibles).

Allez maintenant dans le menu Outil vous aurez une option Réseau, allez donc lui faire un petit coucou et par la même occasion donnez lui toutes les infos qu’elle désire et enfin cliquez sur Installer.

Tadammmm WP vous donne des infos à entrer dans le fichier wp-config (rentrez les juste après le « define(‘WP_ALLOW_MULTISITE’, true); » de tout à l’heure) il faudra aussi modifier le fichier .htaccess et ce sera bon.

Le seul petit truc que vous auriez peut-être envie de modifier est l’utilisation soit des sous-domaines, soit des répertoires (par exemple : jean.mon-reseau.com ou alors mon-reseau.com/jean/ ).

Pour modifier cela, vous devrez changer dans votre wp-config.php la ligne « define( ‘SUBDOMAIN_INSTALL’, false ); »

define( 'SUBDOMAIN_INSTALL', false ); //Pour utiliser les répertoires
define( 'SUBDOMAIN_INSTALL', true ); // Pour utiliser les sous-domaines

Utilisez la ligne dont vous avez besoin (pas les deux, hein, sinon ça va pas trop bien marcher), la ligne se trouve déjà dans celle que WP vous donnera, donc il faut seulement modifier le « true » ou le « false ».

Par contre, si vous êtes sur un hébergement mutualisé, choisissez les répertoires, car pour les sous-domaines il faut configurer apache (et c’est impossible sur du mutu :-/ ).

Voilà j’espère que ça aura aidé quelqu’un, bon blogage

Salut à tous,

Je vais vous expliquer comment vectoriser facilement un petit logo.

D’abord, quelques notions à avoir :
Une image « normale » est composée de pixels, c’est-à-dire de points. Donc en agrandissant cette image nous ne pouvons qu’agrandir les points, et il y a donc une perte de qualité.
Une image « vectorielle » est composée de courbes, de droites et de formes géométriques. Chacun de ces objets a ses caractéristiques propres : coordonnées, couleur, taille, …
Donc une image simple c’est un ensemble de points et une image vectorielle un ensemble de fonctions mathématiques.

Voilà pour la théorie, maintenant passons à la pratique.

Pour vectoriser une image il va vous falloir un programme, je vous recommande Inkscape que vous pouvez télécharger gratuitement et pour tous les systèmes (Windows, Linux, Mac). Voici le lien apt pour Ubuntu.

Une fois Inkscape installé, munissez-vous du logo que vous voulez vectoriser, un logo simple de préférence. Moi j’ai pris celui d’OVH que voici :
Suite à une utilisation frauduleuse du logo (dans le cadre de fishing) OVH m’a demandé de retirer le logo, ce que j’ai fais n’étant pas d’accord avec ce genre de pratiques frauduleuse, je laisse le tutoriel en ligne, mais ne fournirai plus les logos OVH).

Une fois votre logo choisi, ouvrez Inkscape et allez dans « Fichier > Ouvrir » et choisissez votre logo.

Vous devriez donc avoir ceci :

Cliquez sur une image pour l'agrandir

Maintenant nous allons sélectionner notre image en cliquant dessus, ensuite rendez-vous dans « Chemin > Vectoriser le bitmap ».

Là une fenêtre devrait s’ouvrir avec plein d’options bizarres.

Ici vous allez devoir jouer avec les réglages jusqu’à ce que l’image dans le cadre à droite (n’oubliez pas de cliquer sur « Mettre à jour » après chaque changement) ressemble environ à l’image de base.

Moi j’ai utilisé ces réglages-là :

Maintenant cliquez sur valider (vous pouvez toujours annuler en faisant  »Ctrl+Z » et ensuite re-cliquer sur valider, jusqu’à ce que les réglages vous plaisent) et fermez la fenêtre de réglages.

Là votre logo est devenu tout noir, cliquez dessus et déplacez-le un peu sur le côté pour voir la différence.

Si vous zoomez un peu (Ctrl+ molette de la souris, ou le bouton loupe dans le menu à gauche) vous pouvez voir que votre nouveau logo reste très net, et l’ancien pixellise très fort.

À gauche le logo vectorisé, à droite le logo de base.

Avant de sauvegarder, faites un clic droit sur l’ancien logo et choisissez  »Supprimer », ensuite dans le menu « Fichier > Enregistrer sous » et choisissez l’emplacement (avec cette méthode vous le sauvegarder au format « .svg » il va donc être vectoriel.

Si vous préférez l’enregistrer sous un format plus classique (.png par exemple) : sélectionnez votre logo et allez dans « Fichier > Exporter en bitmap » ici une fenêtre s’ouvre, les seule options à renseigner sont celle de la taille du logo, voici un exemple pour un logo de 2000 pixels de large (la hauteur se réglera proportionnellement à la largeur) :

N’oubliez pas de renommer votre logo avant l’exportation
Bien sûr cette méthode n’est pas parfaite, elle ne marchera pas sur une photo, car c’est beaucoup trop de points, mais vous pouvez toujours tester pour vous amuser.

J’espère que ce petit tuto vous a plu, n’hésitez pas à poser vos questions dans les commentaires.

Ah oui, pour ceux qui veulent les fichier originaux : le logo OVH d’origine, la version vectorisée, une exportation de 2000 pixels de large.
Même raison que plus haut …