blog

Vestiges d’un CSS Guru

Catégorie : Astuces

Statut

Si vous aimez le Find & Replace“de Notepad++, et notamment son option regex, voici comment créer un backreference dans le Find et le réutiliser comme replacement text dans le Replace :

Find : ([a-z])<em>
Replace : \1</em>

Là, ça matche tous les <em> précédés d’une lettre (et non d’un espace). Le résultat est ensuite remplacé par la lettre trouvée (sauvegardée entretemps dans une variable) puis par la balise fermante </em>.

Lien

→ Free mobile : activer les données cellulaires pour la 3G et les MMS

Si vous êtes passés chez Free mais que vos données cellulaires ne sont pas activées, vous ne pourrez pas aller sur internet (mais vous pourrez quand même téléphoner et envoyer des SMS). En fait, il faut activer manuellement les données cellulaires, et cette vidéo d’1 min vous explique comment.

Billet

Colonnes, marges et nth-child en CSS 3

Mail d’une amie :

J’ai une colle pour toi :

1 – 4 colonnes de 240px => largeur totale 960px
2 – je rajoute un margin-right de 5px et soustrais 5px de la largeur de la colonne => largeur totale 960px
Et pourtant dans le 2ème cas, visuellement la largeur totale est inférieure à 960px.
How is it possible ?

Elle n’était vraisemblablement pas bien réveillée parce qu’elle connaissait la réponse, mais je vais développer la méthode ici pour ceux qui auraient des soucis.

Lire la suite →

Image Screen shot 2012-01-16 at 7.50.19 PM

La feature “Multiple inboxes” couplée à un label “2do” est l’outil parfait pour gérer son Inbox :

  • ma 2nde Inbox (paramétrée pour afficher uniquement les “Label: 2do”)  me montre :
    • les mails auxquels je dois répondre
    • les livraisons en cours
    • les processus administratifs en cours
    • les voyages prévus
  • l’orthographe du label “2do” et pas “ToDo” ou “A faire” fait qu’il est le premier de ma liste de labels.

Et avec les raccourcis claviers, ajouter un mail à cette Inbox nécessite uniquement de taper “L” puis “2” et “Entrée”.

Lien

→ Script Photoshop : calques vers JPG Web

Vous connaissez sans doute l’excellent outil Photoshop pour “Exporter les calques dans les fichiers” : chaque calque est exporté individuellement et son nom est celui du fichier exporté.

Le seul souci : ce sont des JPG “normaux”, c’est à dire non optimisés pour le Web (Fichier -> Enregistrer pour le Web).

Ce script, en utilisant l’option “JPG SFW”, regroupe les deux qualités : l’automatisation du processus d’exportation et la qualité optimale pour le Web. Vous économisez ainsi 90% d’espace : je suis moi-même passé de 3Mo d’images à 320Ko.

Billet

Introduction à WordPress 3 : custom post type et custom taxonomy

J’ai écrit un tutoriel complet pour réaliser un thème WordPress de A à Z.
Il est plus récent et parle aussi des Custom Post Type et Custom Taxonomy. Du coup, je vous invite à aller le lire.

WordPress vient d’annoncer une Release Candidate pour la version 3. J’ai pour ma part installé et mis en prod la version Beta 2 qui, ma foi, est très stable. Si vous comptez l’installer, allez-y! Les mises à jour se font comme les WP actuellement, c’est à dire automatiquement. Et le système de template pour les thèmes est identique donc vos thèmes marcheront sans souci! Le seul souci est qu’il n’y a pas de version française encore mais bon, c’est uniquement pour l’admin qui est vraiment très simple en anglais.

Nouveautés WordPress 3

Dans les nouveautés, il y a :

  • choisir son login et son mot de passe : au lieu d’avoir “admin” et un mot de passe généré automatiquement, on peut les choisir soi-même.
  • un nouveau thème par défaut, bourré de nouvelles fonctions et qu’on va customiser dans ce tutoriel
  • custom background : un outil dans l’admin pour pouvoir choisir un fond pour le site. Si vous développez des thèmes vous même, ça vous est inutile.
  • Multi-sites! En fait, WordPress et WordPress µ ont fusionné : il est donc possible avec 1 seule installation WP de mettre en place autant de blogs différents que l’on veut. Par exemple : css.bbxdesign.com pour un blog de CSS, inspiration.bbxdesign.com pour un blog d’inspiration etc.
  • Custom Post Types
  • Custom Taxonomies

Je vais développer ces 2 derniers points car ils sont les plus intéressants.
Lire la suite →

Billet

L’URL Shortener de Google génère des codes QR

Vous connaissez les codes QR ? Ces code-barres en 2D très utilisés dans le domaine du mobile.
Et vous savez que Google a son propre URL shortener ? Par exemple, pour mon article sur le formulaire CSS3, Google a généré l’URL http://goo.gl/fb/HioT
Si vous ajoutez .qr à la fin, vous obtenez son code QR!

Via Matt Cutts