Allégeons Twitter avec l’Oiseau Filou

Attention, cet article a été déplacé dans les archives, donc le contenu peut ne plus être à jour. A vous de voir 🙂

Edit : Suite à des modifications de l’interface de Twitter, et leur passage à une architecture type AJAX, j’ai préféré fermer ce service qui n’avait plus d’intérêt.
Une mise à jour, peut être, quand … ? 😉

Suite à une discussion avec Christophe Logiste sur Twitter et le minimalisme, j’ai pris quelques heures pour concevoir un générateur de script pour alléger Twitter.

Son principe, inspiré du script Greasemonkey par Arpinext, est on ne peut plus simple : Supprimer les éléments indésirables de Twitter, tels que les Trending Topics, la liste de following ou encore le mini profil personnel.

Il fonctionne grâce à GreaseMonkey sur Firefox (et d’autres navigateurs également) et s’installe en quelques secondes.

Découvrez vite L’Oiseau Filou ! (Un nom pourri, oui)

Partager cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  • Pourquoi tester le type des noeuds DOM ? Si l’identifiant existe toujours après mise à jour du template du site il y a de fortes chances pour que le rôle de l’élément reste inchangé, vu les noms explicites employés.

    Sinon histoire de simplifier le code (irk ces multiples appels à document.getElementById() et la non factorisation :p), tu peux faire un truc du genre :

    (function() {
    var c, els = [
        "custom_search",
        "direct_messages_tab",
        "favorites_tab",
        "following",
        "footer",
        "geo_status",
        "header",
        "heading",
        "home_tab",
        "latest_status",
        "logo",
        "pagination",
        "profile",
        "replies_tab",
        "retweets_by_others_tab",
        "rssfeed",
        "saved_searches",
        "side_lists",
        "trends"
    ], e, i;
    for (i = 0, c = els.length; i < c; i++) {
        e = document.getElementById(els[i]);
        if (e) {
            e.style.display = 'none';
        }
    }
})();

    Il te suffira d’ajouter ou d’enlever des éléments du tableau `els`.

  • Ok, je viens de voir pour les tests sur le type des nœuds, ces ânes sont capables de coller 2 fois le même ID dans une page -_-
    Il faudrait donc jouer avec les classes également.

  • Voilà le souci. le id profile s’applique au body pour la page d’un profil, ou au mini profil pour la home.

    mon premier code suivait ton algo, en un poil plus crado :3

  • Dans un premier temps tu peux du coup factoriser comme suit :

    (function() {
    var id, e, els = {
        custom_search: "DIV",
        direct_messages_tab: "LI",
        favorites_tab: "LI",
        following: "DIV",
        footer: "DIV",
        geo_status: "DIV",
        header: "DIV",
        heading: "H1",
        home_tab: "LI",
        latest_status: "DIV",
        logo: "A",
        pagination: "DIV",
        profile: "DIV",
        replies_tab: "LI",
        retweets_by_others_tab: "LI",
        rssfeed: "DIV",
        saved_searches: "DIV",
        side_lists: "DIV",
        trends: "DIV"
    };
    for (id in els) {
        e = document.getElementById(id);
        if (e && e.tagName === els[id]) {
            e.style.display = 'none';
        }
    }
})();

  • Ouais, en effet, ton code semble bien plus efficace vu comme ça.
    Merci pour le coup d’oeil 😉