Word 2013 : Ajouter des cases à cocher (checkbox) dans un document

Il y a quelques jours, j’ai réalisé un questionnaire pour une enquête avec Word 2013. Ce questionnaire devant être imprimé et distribué, je souhaitais tout de même qu’il ait un minimum de classe.

Il m’a donc fallu ajouter un élément de formulaire à mon document : des cases à cocher.

Pour pouvoir accéder aux cases à cocher sous Word 2013, il faut afficher un menu caché par défaut.

Pour ce faire :

Cliquez sur la petite flèche situé tout à droite de la barre d’outils « Accès rapide », et cliquez sur « Autres commandes… ».

Word 2013 : Personnaliser du ruban

 

Cliquez ensuite sur « Personnaliser le ruban » et cochez la case « Développeur ».

Word 2013 : Options Word

 

Un nouvel élément apparaît dans le menu. Dans son ruban, vous trouverez les éléments de formulaire à ajouter à vos questionnaires, formulaire ou autre :

Word 2013 : Ruban Développeur

 

Et le tour est joué ^^

Word 2013 : Case à cocher

Mes extensions Firefox #1 : µBlock

La première extension de ma série de billets consacrés aux extensions Firefox que j’utilise est à mes yeux la plus indispensable : µBlock.

Pendant longtemps, j’ai utilisé Adblock Plus. Je ne sais plus trop quand exactement, ses développeurs avaient ajouté une liste blanche de publicitaires. Normal, il faut bien que les développeurs mangent. Normal… mais pas trop ma tasse de thé. Du coup, je suis passé sur un de ces forks : Adblock Edge. Depuis peu, la page de l’extension affiche un message indiquant un arrêt du développement de cet outil au profit de µBlock. C’est donc naturellement que je me suis orienté vers cette solution.

 

Lire la suite…

Mes extensions Firefox : Introduction

Illustration Firefox

Un développeur Web s’appuie sur (au moins) 2 logiciels indispensables, le premier étant bien entendu l’éditeur de code.

Le second n’est autre que le navigateur web.

Il en existe une multitude mais les principaux géants du secteur sont :

  • Firefox de la fondation Mozilla
  • Chromium de The Chromium Project dont Google Chrome est issu
  • Opera d’Opera Software
  • Internet Explorer (bientôt Edge) de Microsoft
  • Safari d’Apple

Mon préféré et celui que j’utilise au quotidien depuis de nombreuses années est Mozilla Firefox. Outre le fait qu’il s’agisse d’un logiciel libre, je me souviens que deux fonctionnalités avaient motivé mon passage à ce navigateur : la possibilité de naviguer via des onglets (seul Opera proposait cette fonctionnalité à l’époque) et la possibilité d’agrémenter le logiciel d’extensions.

Je vous propose donc une petite série de billets dans lesquels je vous présenterai les extensions que j’utilise au quotidien. Je souhaitais d’abord vous les présenter en un seul billet mais il aurait été beaucoup trop long.

Certaines de ces extensions sont utiles pour développer, d’autres simplement pour pouvoir surfer sereinement.

A très vite pour la présentation de la première extension ! ^^

Visual Studio Code : Premier contact avec le nouvel IDE de Microsoft

J’écris ce billet en même temps que je découvre cet IDE. Il s’agit donc de mes premières impressions en temps réel ! ^^

Visual Studio Code est un nouvel IDE, développé par Microsoft, qui vient tout juste de poindre.

Téléchargeable sur son site dédié, Code s’installe en quelques minutes. A noter, la fenêtre d’installation d’un genre nouveau est plutôt sympathique (je suis très sensible aux belles interfaces). 🙂

Visual Studio Code Installer

 

Lire la suite…

Maildev : interceptez, testez et visualisez les emails envoyés par votre serveur de dev

Si vous développez un site ou une appli web, vous êtes forcément confronté, à un moment ou à un autre, à devoir tester ou vérifier les emails de notification qui en émanent. Pour ce faire, il existe un superbe outil qui intercepte tous les emails envoyés depuis votre serveur de développement.

 

Qu’est ce que MailDev ?

MailDev est un serveur SMTP couplé à une interface Web (franchement jolie qui plus est) qui intercepte les emails émanant de votre serveur Web afin de les visualiser et les tester. Les emails interceptés n’étant pas délivrés, vous n’aurez plus à modifier les adresses de destinataires lors de vos tests. 🙂

MailDev dispose de nombreuses fonctionnalités vraiment très pratique. Vous en trouverez le détail sur le site de l’éditeur : https://maildev.github.io/maildev/.

Personnellement, les fonctionnalités que j’apprécie particulièrement sont :

  • simplicité de mise en place de l’outil
  • interface web claire et épurée
  • dès qu’un email est intercepté, un indicateur apparaît dans l’onglet (cf. fin du billet)
  • visualisation du header complet des emails en un clic
  • possibilité de tester la « responsivité » des emails
  • passage de la version HTML à Plain Text d’un clic

 

Lire la suite…

Gandi Simple Hosting : Redirection permanente de www vers blog

Ce billet est un mémo personnel. Je le partage ici pour d’une part en conserver une trace et, d’autre part, car il pourrait servir à d’autres utilisateurs du service GSH. Pour info, ce mémo n’est valable que si vous utilisez les serveurs de nom (DNS) de Gandi. Ce mémo est basé sur ma configuration personnel. Libre à vous de l’adapter selon vos besoins.

Lors de la création de ce blog, j’ai opté pour l’adresse blog.juansorroche.com. Aujourd’hui, je souhaite que les internautes saisissant l’adresse www.juansorroche.com ou juansorroche.com ou encore n-importe-quoi-d-autre.juansorroche.com soient automatiquement redirigés vers blog.juansorroche.com.

Pour ce faire, c’est très simple :

  1. Connectez-vous sur votre compte Gandi.
  2. Cliquez sur le nom de domaine auquel vous souhaitez appliquer la redirection.
  3. Dans le menu de droite, cliquez sur « Gérer » de l’item « Redirections web« .
    Gandi.net - Redirections web
  4. Cliquez ensuite sur « Ajouter une redirection« . Vous arrivez alors sur ce formulaire :
    Gandi Ajouter une redirection
  5. Sélectionnez « Directe (permanente) » comme type de redirection puis indiquez le sous-domaine à rediriger. Enfin, saisissez l’adresse de destination.

 

Chaque fois que vous créez une redirection, votre fichier de zone DNS est automatiquement mis à jour.

Au final, votre panneau de gestion de redirections doit ressembler à cela :

Gandi Redirections enregistrées

N.B. : Il faut compter environ deux heures pour que le fichier de zone DNS soit propagé. Passé ce délai, vous accéderez à votre site quelque soit le sous-domaine saisie (ou non saisie).

Et le tour est joué ^^

Php – preg_match : recherches multi-lignes et insensibles à la casse (eregi)

Ou comment passer de la fonction eregi à la fonction preg_match.

Jusqu’à présent, au boulot, notre serveur web tournait sur Php 5.2. Une migration vers Php 5.4 est imminente mais nous avons encore certains (très vieux) scripts qui tournent avec des fonctions devenues obsolètes dès la version 5.3.

Parmi ces fonctions passées de vie à trépas, il y a la fonction eregi.

La documentation PHP indique qu’il suffit de remplacer eregi par preg_match en ajoutant le paramètre i.

On pourrait donc penser qu’il suffit de remplacer :

eregi($pattern, $subject, $matches);

 

Par :

preg_match($pattern.'i', $subject, $matches);

 

En fait, ce n’est pas suffisant. Tout d’abord, il faut savoir que la fonction preg_match nécessite des délimiteurs. Vous pouvez librement les choisir. Personnellement, j’ai opté pour ~ car mon preg_match va traiter des portions de code Html. Cela m’évitera donc de devoir échapper le délimiteur. Ensuite, vu la nature de ma chaîne d’entrée (Html), il me faut un traitement multi-lignes. Je vais donc ajouter l’option de recherche (Pattern Modifier) s en plus de l’option i qui, je le rappelle, rend la recherche insensible à la casse (le même i qu’à la fin de eregi).

 

Au final, la fonction eregi doit être remplacée par :

preg_match('~'.$pattern.'~is', $subject, $matches);

 

Je résume. Pour passer de la fonction eregi à preg_match, il faut :

  • ajouter un délimiteur (par exemple : ~ ou # ou / ou ! ou autre)
  • ajouter l’option i pour une recherche insensible à la casse
  • ajouter l’option s pour une recherche sur plusieurs lignes

Et le tour est joué ^^

 

Source : http://stackoverflow.com/questions/12667369/php-preg-match-not-matching-past-line-breaks

Mon thème PluXml

Petit billet rapide concernant le thème de ce blog. Hier, en fin de matinée, j’ai « pushé » quelques nouveautés :

  • mise en forme des pages : Tags, Archives, Catégories, Erreur et Contact
  • les billets sont maintenant justifiés par défaut
  • mise en place d’une ombre sous les blocs de la sidebar
  • mise en place d’une ombre sous le bandeau
  • boutons du menu plus visibles

Je pense que mon thème est pratiquement terminé. Il n’est pas encore parfait et j’y apporterai sans doute encore quelques petites améliorations mais globalement, j’ai obtenu le rendu que je recherchais.

Finalement, j’ai mis moins de temps que ce que je pensais. Cela est dû en grande partie à la facilité de prise en main du code de PluXml.

J’espère que ce thème vous plait. Il sera d’ailleurs bientôt téléchargeable sur une page dédiée pour ceux que cela intéresse.

Maintenant que je dispose d’un thème personnalisé qui me convient, je vais pouvoir me concentrer à nouveau sur le contenu. J’ai plein d’idée de billets en tête. ^^

Bref, à très vite.

Web Analytics : Piwik ou Open Web Analytics

Ceux d’entre vous qui utilisent Ghostery l’auront sans doute remarqué. Depuis quelques mois, je teste Piwik et Open Web Analytics (OWA) en parallèle.

 

Illustration statistiques

 

Lorsque j’ai lancé ce blog sur mon serveur auto-hébergé, j’ai d’abord utilisé Awstats. Lorsque mon serveur a rendu l’âme, j’ai décidé de sous-traiter mon hébergement et me suis alors orienté vers une solution Gandi Simple Hosting. Malheureusement, Gandi ne propose pas Awstats pour suivre la fréquentation de son instance. Après quelques recherches, j’ai trouvé ces deux produits : Piwik et OWA. Avant d’en choisir un, j’ai voulu les tester tous les deux.

Après 6 mois d’utilisations, j’ai fait mon choix !

Petite remarque : Je me contente des indicateurs basiques, principalement : Nombre de visiteurs/visiteurs uniques et les pages d’entrées. Ce comparatif est donc relativement subjectif et repose uniquement sur mon utilisation personnelle de ces deux outils. Il ne s’agit en aucun cas d’un comparatif technique.

Mais revenons à nos moutons : le grand gagnant est…

 

Lire la suite…