Rendez utilisable le nouveau pick-a-brick de Lego.com

Lego.com vient de mettre à jour son shop et la partie pick-a-brick, qui permet d’acheter des briques individuellement. L’interface est plus moderne, plus d’iframe minuscule et un panier difficilement lisible.

Par contre on perd le choix du nombre d’éléments affichés et surtout l’affichage est énorme, comme si vous aviez zoomé votre navigateur au maximum. Ce qui le rend inutilisable même sur un grand écran.

Heureusement il est possible de modifier le CSS avec le module Stylish qui est disponible sur Firefox et Chrome. Ce dernier permet d’injecter un petit bout de CSS sur une page définie et ainsi modifier l’affichage.

J’ai écrit quelques lignes qui rend la boutique Lego un peu plus lisible, le lien est ici et le résultat est visible ci-dessous :

2016-09-07_145241

Au lieu de l’affichage initial :

2016-09-07_145304

Au passage en entrant le code FR10 vous aurez une réduction de 10€ pour tout achat d’au moins 40€.

Edit : Le code promotion ne marche malheureusement pas pour l’achat de briques

Modifier la largeur de Feedly

Comment passer de ça :

2013-03-26_084623

A ça :

2013-03-26_084609

Si vous avez choisi Feedly pour remplacer Google Reader , vous avez certainement vu que son affichage était un peu étriqué. Pour remédier à cela vous aurez besoin de Stylish et de Firefox.

Il faudra faire une règle CSS pour feedly.com et entrer le code suivant pour toutes ses pages :

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.feedly.com") {
 #feedlyFrame { width: 100% !important; }
 #feedlyPage { width: 100% !important; }
 #mainArea { width: 100% !important; }
 #feedlyTabsHolder { width: 190px !important; }
 #mainBar { margin-left: 190px !important; }
 #feedlyTabs { width: 170px !important; }
 .topRecommendedEntry { margin-bottom: 15px !important; margin-right: 14px !important; }
 .read { color: #BEE492 !important; }
}

Edit : Code mis à jour, si vous avez des propositions pour améliorer l’affichage, insérez votre CSS dans un commentaire.
Edit 2 : Modification de la couleur des titres lus

 

Modifier le CSS par site web

2013-02-21_095020

Vous avez peut-être parfois envie de modifier l’affichage d’un site en particulier, une couleur? une taille de texte? des liens?

Et bien vous allez pouvoir surcharger le CSS par site web grâce au plug Stylish sous Firefox. Un peu comme GreaseMonkey le fait en Javascript, vous pourrez ajouter un bout de code lorsque vous irez sur des pages web (que vous définirez).

Un petit exemple : Modifions la couleur des liens pointant vers YouTube sur la tribune Factornews :

.msg a[href*="www.youtu"]:after {content: " youtube";color: #f00;}
body {
    color:#123456 !important;
}
.contenu {
    background:#fefefe !important;
}
.boite {
    background:#eeeeee !important;
    border: none !important;
}
#barre {
    background:#eeeeee !important;
}
#latribune div:nth-child(2n) {
     background:#f5f5f5 !important;
}

Utilisez Google Web Fonts pour vos sites

Google Web Fonts se base sur les propriétés de CSS3 concernant les polices de caractères. Il vous permet d’utiliser des polices que l’utilisateur n’a pas forcément, en lui proposant d’aller les chercher sur les serveurs de Google (en tache de fond).

Il y a des avantages et des inconvénients : les plus, c’est que vous n’avez pas à gérer les polices et c’est la bande passante de Google qui sera utilisée lors du téléchargement. L’inconvénient est le même, si Google rame ou est down, les internautes n’auront pas tout de suite les bonnes polices.

Vous pouvez donc faire un mix des deux et mettre en premier choix les TTF ou ODT prises chez Google, en spear (back up), celles misent sur votre serveur et enfin les polices de bases communes à tout les OS (Arial, Verdana…).

Cela vous permettra de démarquer votre site des concurrents en utilisant des polices originales.

Un post de 3 ans, une carte Counter Strike Source

En trifouillant mon disque dur j’ai retrouvé une carte Counter Strike Source que j’avais faite il y a 3 ans de ça pour la team avec laquelle je jouais souvent (plus trop maintenant, désolé les gars).

C’est ma première et seule carte mais au fil des tutoriels, ça m’a permis de me faire la main et de sortir une map : Aim_Zak_Texture_Sunset (une aim map rapide et simple).