Comment ruiner le design d'un blog

Je suis un gros lecteur de blogs. Dans cette masse, certains blogs ont un design vraiment bien torché. Dans ce sous-ensemble, certains blogs sont magnifiques, d'autres pourraient l'être si il ne faisaient pas ce qui me semble être une grave erreur. Laquelle ? Celle-ci :

Quel gâchis ! Le site avait un si bon feeling... flingué par cette image. Non, les gars, arrêtez ça, votre site mérite mieux que ça, vous méritez mieux que ça.

Pour ma part, lorsque je vois une telle vignette, je catalogue direct le site comme un réservoir de contenus bidons pleins de mots-clés, et par conséquent son auteur comme un soiffard de compteur de visites et de clics sur ses pubs.

Supposons qu'au lieu d'être blogueur, vous soyez sportif professionnel. Vous promèneriez-vous dans la rue avec sur votre tee-shirt : " Votre pub ici pour seulement 6000 € / mois " ?

Soit vous êtes sponsorisé et vous portez le tee-shirt Adidas, soit vous portez un tee-shirt personnel.

Alors, si vous voulez qu'un annonceur comprenne qu'il y a des espaces disponibles pour de la pub sur votre site, s'il-vous-plait, évitez ces immondes vignettes. Remplacez-les par du contenu intéressant, et rajoutez quelque part sur votre site un petit lien du genre :

Annoncer sur ce site

Votre publicité ici ?

C'est quand même moins grossier, quoi.

Back-office de cybergang

Un des plus grand réseau d'ordinateurs zombies a été mis à jour par Finjan, un éditeur de sécurité, qui a découvert que pas moins de 1,9 millions de PC zombies sont contrôlés à distance par ce cybergang. Ouch.

Quand on cherche à contrôler ainsi une telle quantité de machines, des outils sont nécessaires pour y arriver. Il faut notamment un serveur, qui connait l'adresse de tous ces ordinateurs infectés et qui peut leur envoyer des ordres (télécharge tel fichier sur telle url, exécute silencieusement tel fichier, etc.)

Sur un tel serveur, des petits programmes (souvent faits maisons) sont utilisés par les hackeurs. De façon plus ou moins automatique, ce sont ces programmes qui gèrent l'intelligence du réseau de PC zombies, et qui peuvent déclencher de véritables bombes virtuelles par un simple clic sur un bouton.

Ce qui est intéressant ici, c'est que la firme à réussi à mettre la main sur ce serveur - situé en Ukraine - et plus fort encore, à accéder à cette fameuse application qui gère ces PC zombies...

Et cette application est "sympa" ! Les screenshot ci-dessous montrent une interface ergonomique et confortable à utiliser. C'est un véritable back-office pour hackeurs, loin des petits bricolages courants dans ce milieu. Alors, à quoi ressemble une interface d'administration de PC zombies ? Place aux screenshots :

Sur celui-ci, on peut voir un début de la liste des ordinateurs infectés et le nombre total d'ordinateurs infectés. Les gars de chez Finjan disent voir ce nombre augmenter d'heure en heure, en direct.

Ici, on peut voir une interface permettant d'éditer une commande malicieuse, du genre "Télécharge un fichier sur telle url". Cette même commande pourra être envoyée à tous les PC infectés. Notez la présence de boutons "Rule Code" et "Condition code" qui laissent deviner que la commande pourra varier selon des critères (version de Windows, antivirus etc.)

Ces différentes commandes malicieuses sont ici listées. D'un simple clic, on peut demander au serveur de les transmettre aux PC infectés.

Les pirates sont ainsi capables de faire à peu prêt ce qu'ils veulent sur les PC infectés :

• Lire l'adresse mail et autres infos de l'utilisateur
• Faire communiquer l'ordinateur avec d'autres
• Lancer un programme sur le PC
• Injecter du code dans d'autres programmes
• Faire visiter des sites web
• Ecouter les entrées clavier...

Avec une telle force de frappe, ce cybergang peut faire tomber la plupart des services disponibles sur le web, et donc faire du chantage, et donc se renforcer...

Via Finjan vital security

8 expérimentations Javascript pouvant être utiles sur un blog

Voici une petite sélection d'expériences Javascript qui ont retenu mon intérêt. Je pense bientôt en essayer quelque-unes, en gardant en tête de laisser le code clean et de ne pas flinguer l'accessibilité (flux rss, navigateur sans javascript etc.)

• Nihilogic propose un code bien sympa pour faire en sorte que le texte suive le contour d'une image flottante qui a un fond transparent. Celui-là, je pense le mettre sur mon site un de ces quatre.
• Pour permettre d'afficher une image en plus grand au premier plan, je recommande la lightbox chez leandrovieira.com, du plus bel effet. Par contre il vous faudra aussi la librairie Javascript .
• Je crois bien que je vais me laisser tenter par un peu de ce générateur d'ombre, toujours avec JQuery. Fonctionne aussi bien sur du texte que sur des images, ou même des élements de formulaire.
• Pourquoi ne pas changer complétement le look de l'ascenseur ? Avec en plus la possibilité de sauter de façon souple d'un chapitre à l'autre. Par contre, il y a besoin cette fois de la librairie Prototype.
• Fatigué de voir toujours les mêmes boutons radios et autres checkbox ? Ce plugin MooTools vous permet de les enjoliver sans modifier vos balises HTML.
• On peut rendre aussi les boutons un peu plus jolis avec cette technique chez p54 Labs.
• Si votre blog doit proposer des morceaux de code (qu'importe le language), formattez-le avec ce syntaxhighlighter. Celui chez Mihai Bazon est pas mal non plus. Ca aussi, je vais le mettre son mon blog.
• Si vos faites de longs billets, proposez un scroll progressif entre les chapitres !

Quelques travaux sur l'ergonomie du blog

Hop, mise à jour du site !

Passage sur 2 colonnes, simplification du look général. Mais surtout quelques modifications, qui sont aussi des propositions pour améliorer la navigation sur un blog :

• Des boutons "5 Suivants" et "5 Précédents" en bas de page. Ce qui permet de parcourir par liste de billets. Mais si on survole le bouton, une liste apparait et permet de choisir individuellement un billet.
• Pour naviguer plus facilement, j'ai développé un menu simple (le bloc à navigation droite) qui donne les derniers articles, les articles les plus commentés et les derniers commentaires, avec un coup d'ajax pour que ça aille vite !
• Enfin, il y a toujours les commentaires en fenêtre flottante sur lesquel j'ai fait quelques modifs transparentes.

L'objectif, c'est d'avoir des fonctions de navigation rapides et intuitifs, mais sans occuper trop d'espace afin de bien laisser la place au contenu.

Une fenêtre flottante pour les commentaires

Au départ, c'est en feuilletant le blog bd de kek puis d'autres, j'ai trouvé intéressante l'idée d'ouvrir une nouvelle fenêtre pour afficher les commentaires d'un billet.

Je me suis bricolé le mien en utilisant plutôt un DIV flottant, un appel Ajax pour charger le texte, et un coup de script de drag & drop pour le confort. Je garde :)

Quand j'aurais un peu de temps, je posterais le code.

Testé avec Firefox, IE et Chrome.

Ext Desktop, un bureau pour les Google Apps ?

Avec les Googles Apps, l'utilisateur s'affranchit de plus en plus de son systême d'exploitation.

Voici une première expérience sur le sujet, avec l'intégration des Google Apps sur Ext Desktop, une extension du phénoménal Ext de Jack Slocum.

C'est avant tout un concept... Je peux avoir plusieurs documents ouverts, faire du copier-coller, bref gérer mon environnement documentaire un peu (pas beaucoup hein, mais un peu) comme sous windows avec Word. (Mais si, une barre des tâches, c'est un peu plus fonctionnel que des onglets. Vous allez me dire, autant développer un plugin Firefox pour afficher les onglets en tant que barre de tâche, et vous aurez raison)

Il faut avoir un compte Google activé sur les Google Apps, Calendar et Gmail. Sinon, se contenter du screenshot ;)