Capture des options du package control dans Sublime text
Front-end développement

Utilisateur à plein temps de l’éditeur Sublime Text (acheté la licence, je vous le recommande fortement), j’ai passé du temps sur la toile pour regrouper les extensions indispensables qui me permettrait de m’aider dans mon travail. Il en existe des dizaines et des dizaines, que vous soyez développeur front ou back, j’ai tenté de réunir des extensions pouvant répondre aux besoins de tous. Au delà du Package Control, essentiel pour faciliter l’installation des packages, voici donc ma petite liste :

  • Emmet : je pense que ce n’est plus la peine de la présenter, anciennement Zen Coding. Facilite l’écriture HTML et CSS grâce à une écriture simplifiée.
  • Sidebar enchancement : une extension qui étends énormément le menu déroulant du clic droit. INDISPENSABLE !
  • Terminal : pour moi qui travaille avec le terminal continuellement, cette extension qui se rajoute dans le menu créé par Sidebar Enchancement me permet d’ouvrir le terminal directement dans le dossier que je veux.
  • Advanced New File : Permet de créer facilement de nouveaux fichiers.
  • Gist : Créer ou récupérer vos Gist facilement.
  • Git : Intégration de Git dans Sublime text.
  • Sublime Linter : permet de signaler une erreur javascript avec un point d’interrogation orange sur le côté de l’écran.
  • Align Tabular : permet d’aligner
  • DocBlockr : permet de rajouter des commentaires DocBlockr quasi automatiquement
  • Tag : permet de fermer une balise en écrivant le / de fin, autoformater un code html etc… Plusieurs options sont disponibles.
  • Tortoise : Implémente Tortoise dans Sublime text. Il est ainsi plus facile de faire un Update, Commit…

J’utilise bien sûr d’autres extensions, j’aurai peut être l’occasion de détailler davantage dans un prochain article, mon utilisation de toutes ces extensions pour Sublime text.

N’hésitez pas à me partager les extensions que vous préférez et/ou utilisez.

JavaScript

Tout intégrateur devrait avoir dans ses favoris une liste d’outils JavaScript les plus courants sur le web. J’ai décidé de plonger dans les miens pour vous présenter 10 outils JavaScript suffisamment intéressants pour être utiliser en production. La liste n’est bien sûr nullement exhaustive, mais elle constitue une bonne base pour vos futurs développements.
Je veux continuer de lire

Raspberry Pi

Raspberry Pi avec dongle wifi

Si vous recherchez à connecter en wifi votre Raspberry Pi, n’hésitez pas à vous procurer pour une dizaine d’euros, chez Amazon, le dongle wifi Edimax EW-7811UN Nano.

Configuration du dongle wifi sur le Raspberry

J’ai parcouru pas mal d’articles sur le web, avant de trouver la configuration qui fonctionne sans aucun soucis. Donc n’hésitez pas à me remonter vos témoignages si vous rencontrez un problème.

Avant de commencer, penser à récupérer votre mot de passe WIFI, vous en aurez besoin pour configurer le Raspberry.

  1. Tout d’abord, allumer votre Raspberry PI en ayant votre câble Ethernet et votre adaptateur wifi sur le port USB.
  2. Connectez vous en SSH pour accéder au terminal de ligne de commandes.
    sudo nano /etc/network/interfaces
  3. A ce moment, vous pouvez éditer le fichier de telle manière qu’il soit identique à ça :
    
    auto loiface lo inet loppback
    iface eth0 inet dhcpallow-hotplug wlan0
    auto wlan0
    
    # iface wlan0 inet manual
    iface wlan0 inet dhcp
    # wpa-roam /etc/wpa_supplicant/wpa_supplicant.conf
    # iface default inet dhcp
    wpa-ssid "VOTRE SSID"
    wpa-psdk "VOTRE MOT DE PASSE"
    
  4. Lorsque vous avez terminé, notamment en indiquant votre nom d’SSID et votre mot de passe de réseau wifi, il ne vous reste plus qu’à enregistrer et fermer le fichier (CTRL+X) et d’indiquer
    sudo reboot

Le Raspberry va donc se relancer. Vous pouvez alors retirer le câble Ethernet. Vous devriez voir votre dongle wifi qui clignote bleu.

Voilà, votre Rapsberry est connecté à votre réseau sans-fil !

(N’oubliez pas que votre adresse IP ne sera plus la même que lorsque votre Raspberry était connecté par câble ethernet. Pensez à changer l’adresse ip dans Putty, si vous l’utilisez)

Colis en carton d'Amazon
Tests

Il ne m’arrive pas forcément très souvent de féliciter. Mais lorsqu’il le faut, loin de moi, l’envie d’hésiter. Et aujourd’hui, c’est Amazon.fr que je félicite pour leur relation client.

Achetant sur Amazon depuis au moins 2006, j’ai toujours été fidèle au site. Les prix sont en général dans les plus bas, la livraison est impeccable, et les deux fois où j’ai eu à m’entretenir avec le service client, cela s’est toujours très bien passé.

Mais ce soir a été pour moi une belle surprise.

Je veux continuer de lire

Logo oouleur du logiciel Sublime text sur fond blanc
Front-end développement

Quand on souhaite automatiser un maximum de tâches lors du développement d’une plateforme, qu’on a mis en place le livereload… Il reste une tâche répétitive qui peut facilement être automatisée aussi : le “CTRL + S”.

En effet, Sublime Text permet de sauvegarder automatiquement vos fichiers dès que vous changez le focus de la page en cours de modifications.

Rajouter l’option du “save on focus lost”

  1. Ouvrez Sublime Text.
  2. Allez dans le menu “Preferences” > “File Settings – User”.
  3. Rajouter la ligne
"save_on_focus_lost": true

Voilà ! Maintenant, faite un changement dans un de vos fichiers, cliquez ailleurs et voyez le rond de l’onglet de votre fichier, indiquant une modification, disparaître, indiquant ainsi que les modifications ont été enregistrées.

Adieu le CTRL S !

compass-655x392
Préprocesseurs

Sass et Compass c’est un peu comme le sel et le poivre, ils sont différents mais on les trouve toujours ensemble. Désolé pour cette image philosophique, mais c’est ainsi que j’ai à coeur de vous présenter une véritable petite compilations de ressources, de liens, slides, tutoriaux en lien direct avec le préprocesseur Sass et son compagnon inséparable : Compass.

Cela fait pour moi déjà plusieurs mois que j’ai franchis le pas des préprocesseurs et comme tous, je ne m’imagine pas revenir en arrière. Bien sûr, tout va dépendre de votre projet. Si vous n’avez pas plus de 300-400 lignes de CSS, utilisez Sass n’est peut-être pas nécessaire (quoique)… Mais lorsque votre projet devient un peu plus important, Sass et Compass peuvent vous aider énormément. Ne serait-ce que pour la création automatique des sprites par Compass.

Je vous laisse découvrir cette longue compilations de ressources, n’hésitez pas à m’indiquer en commentaire des ressources qui seraient susceptibles de manquer, je les rajouterais ! Je veux continuer de lire

Logo sur fond rouge du groupe Proximity BBDO
Front-end développement

Le 17 décembre 2012, j’ai eu la chance d’intégrer l’agence Proximity BBDO situé à Boulogne-Billancourt (92). Après presque deux ans à l’agence digital Mediagong, j’ai changé d’atmosphère, d’ambiance, intégrant ainsi une nouvelle équipe dynamique et pleine de ressources. Très rapidement, on me confie la responsabilité technique de la refonte du portail qu’on nomme « GHH », de Procter et Gamble. Un véritable défi dont l’objectif pour moi a été de refaire en beaucoup mieux ce qui avait été fait par le passé en beaucoup plus de temps.

L’annonce de ma arrivée chez Prox, a fait l’objet de quelques parutions sur quelques sites liés aux agences et au marketing.

Vous pouvez les visualiser à ces adresses :