bbxdesign

CSS, WordPress & Web Design

Astuces

Empêcher la redimension des textarea dans Google Chrome

Si vous êtes vous aussi ennuyé de temps à autre par la possibilité dans Google Chrome de redimensionner les textarea à la guise de l’utilisateur (ce qui, en soit, est très bénéfique pour l’utilisateur parce qu’il a la main sur un élément de l’interface, mais qui, du point de vue du designer, peut amener à des aberrations graphiques), alors voici une astuce en CSS.

Avant

Textarea avec flèche

Après

Textarea sans la flèche

Code CSS

textarea{ resize:none;}

4 commentaires »

Désactiver les notifications mail de Google Buzz

Je vous le dis tout de suite : il n’y a pas d’option actuellement pour avoir Buzz dans GMail sans avoir les notifications mail. Mais il y a une astuce toute bête que j’avais partagée sur mon Buzz.

Filtrer les Buzz entrants

Chaque notification de Buzz arrivant dans la boîte mail obtient d’office 2 étiquettes :

  • is:buzz
  • label:buzz (vous noterez d’ailleurs qu’il n’est plus possible de créer un label “Buzz” car étant réservé par GMail)

Il suffit d’utiliser ces étiquettes (l’une ou l’autre) pour sélectionner les mails Buzz et leur faire faire ce que l’on veut.
Lire la suite »

1 commentaire »

Récupérer sa clé de CD Windows XP avec Ubuntu

Un billet un peu à part pour simplement partager une astuce pour récupérer le CD Key de son installation Windows alors que vous êtes sous Ubuntu.

Comment j’en suis arrivé là ?

Un beau matin, mon Win XP ne démarre plus. J’ai même plus l’écran de chargement Windows. J’ai tenté une réinstall avec un CD de Win XP, rien n’y fait. Heureusement j’ai encore Ubuntu.

Différence ProductID / Product Key

J’ai envie de récupérer la clé de CD de mon Windows XP (officiel, acheté). Mais j’ai perdu mon CD. Et le registre Windows ne contient que l’ID du produit.
A partir de cet ID, il faut utiliser un logiciel spécial pour retrouver la clé du CD : Magical Jelly Bean Keyfinder.

Donc en gros : ProductID -> Magical Jelly Bean Keyfinder -> Clé du CD original

Le seul problème : Magical Jelly Bean ne fonctionne que sous Windows XP… et justement, ce dernier ne marche plus chez moi. Je peux utiliser Wine sous Ubuntu pour utiliser ce programme, mais il me faut le registre Windows de mon install foireuse d’abord…
Lire la suite »

2 commentaires »

Le comments-popup.php de WordPress

A force de faire des thèmes WordPress, je commence UN PEU à comprendre comment ça marche. Et là, y a une énigme que j’ai enfin résolue (enfin, j’ai lu la solution chez quelqu’un d’autre).

Dans le thème Kubrick (le thème par défaut de WP, qui se fait un peu vieux d’ailleurs), y a ce fichier : comments-popup.php. Mais que fait-il ? A priori, c’est une popup… des commentaires. Ok. Mais ça apparaît quand ? Comment ? Où est-ce qu’on l’active ?

Comment l’activer ?

J’ai lu la solution chez Playworkplay : le comments popup s’active par un script à mettre dans le <head>. Il est présent dans le thème “classic” d’ailleurs.

<?php //comments_popup_script(); // off by default ?>

Par défaut, il est désactivé. Faut juste virer les deux slash (//) du début.

Il fait quoi au juste ?

Maintenant, en cliquant sur un lien du style “1 commentaire”, au lieu d’aller à l’ancre des commentaires dans la page du post, ça ouvre une popup avec les commentaires.

Je clique sur le lien…

lien-popup-commentaire

… et ça affiche la popup

popup-commentaire

C’est bien ou pas ?

Je dirais NON. D’abord, c’est pas beau. Puis c’est pas du tout pratique pour l’utilisateur. Puis ça sort les commentaires du contexte de l’article. Puis c’est une popup au départ donc déjà…

Pas étonnant que le thème Kubrick ne l’utilise pas et qu’aucun blog WordPress ne l’utilise (si vous en trouvez un, dites-le moi, j’irai pas voir).

Bref, ce post est juste là pour clarifier les choses.

1 commentaire »

Un JavaScript pour générer du HTML

James Padolsey a réalisé un plugin jQuery pour aisément générer du code HTML : Satisfy that selector. Pratique lorsqu’on veut réaliser un template HTML rapidement. C’est surtout très pratique pour le modifier très rapidement.

Imaginons que je vais créer une liste avec 10 éléments et des liens dedans, je fais :

jQuery('ul li:5 a[innerHTML="link"]').satisfy();

Puis je me dis que je veux 20 éléments et avec un span dans les liens. Au lieu de faire du copier-coller ou du search & replace, j’ai juste à faire :

jQuery('ul li:20 a span[innerHTML="link"]').satisfy();

Un plugin qu’il est pratique! Je vous conseille de vous abonner à son blog car il est très bon.

Commenter »

5 balises HTML peu utilisées

Davantage pour leur sémantique que pour leur pouvoir en SEO, il est intéressant et pratique d’utiliser les balises HTML suivantes. Elles permettent de donner du sens au contenu d’un site, ou plutôt à son code.
Lire la suite »

11 commentaires »