Ubuntu, Sublime Text et LiveReload

LiveReload est un utilitaire qui, lorsque vous enregistrez un fichier d’un projet, recharge la page du navigateur après avoir compilé le fichier si nécessaire. Il fonctionne avec les fichiers HTML, CSS, SASS et LESS. C’est un outil très pratique lorsque vous faites de l’intégration, en dual screen notamment.

Installation

Pour installer le package LiveReload sur Sublime Text 3, il faut taper les commandes suivantes :

cd ~/.config/sublime-text-3/Packages
rm -rf LiveReload
git clone -b devel https://github.com/dz0ny/LiveReload-sublimetext2.git LiveReload

Vous pouvez ensuite installer l’extension LiveReload correspondant à votre navigateur (ici pour Chrome, là pour Firefox).

Utilisation

Avant d’utiliser LiveReload, il faut penser à l’activer dans Sublime Text. Pour cela, il faut ouvrir le lanceur de commandes (Ctrl + Shift + P), saisir LiveReload puis choisir « LiveReload: Enable/disable plug-ins ».

Activer LiveReload

Il faut également insérer le script JavaScript de LiveReload. Vous pouvez l’insérer facilement avec le snippet LiveReload.

document.write('<script src="http://' + (location.host || 'localhost') .split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')

Enfin, il faut penser à activer LiveReload sur votre navigateur, via l’icône de l’extension.

Amusez-vous bien !

Source : https://github.com/dz0ny/LiveReload-sublimetext2

Installer Sublime Text 2 sur Ubuntu

Sublime Text 2 est un super éditeur de code que j’utilise au quotidien depuis quelques mois. Couplé à quelques plugins, il a parfaitement remplacé Netbeans, l’IDE que j’utilisais auparavant. Cependant, son installation n’est pas forcément aisée sous Linux. Je vous ai donc indiqué les manipulations à suivre pour l’installer sous Ubuntu, et plus particulièrement sous Gnome 3.

Le logo de Sublime Text 2

  • D’abord, il vous faut télécharger l’archive sur le site officiel.
  • Ensuite, décompressez l’archive

tar xf Sublime\ Text\ 2.0.1\ x64.tar.bz2

  • Déplacez Sublime dans le répertoire /opt

sudo mv Sublime\ Text\ 2 /opt/

  • Créez un lien symbolique dans le répertoire /usr/bin/

sudo ln -s /opt/Sublime\ Text\ 2/sublime_text /usr/bin/sublime

  • Enfin, créez le fichier sublime.desktop pour obtenir un raccourci vers l’application

sudo gedit /usr/share/applications/sublime.desktop

  • Le contenu de ce fichier doit-être le suivant :
[Desktop Entry]
Version=1.0
Name=Sublime Text
GenericName=Sublime Text 2
Exec=sublime %U
Icon=/opt/Sublime Text 2/Icon/128x128/sublime_text.png
Terminal=false
Type=Application
X-GIO-NoFuse=true
X-GNOME-Gettext-Domain=sublime
X-GNOME-FullName=Sublime Text
X-Ayatana-Appmenu-Show-Stubs=false

Et voilà, vous pouvez maintenant commencer à coder !

Meetup HTML5, CSS3 … sans les Pizzas !

Le 14 novembre dernier a eu lieu, à l’IESA, l’Institut d’Études Supérieures des Arts, le cinquième Meetup HTML5, CSS3 & Pizzas. Il s’agit d’une conférence HTML5 animée par des intervenants du monde du Web.

Meetup HTML5

Cette cinquième édition  a ainsi accueilli Sylvain Weber, CEO et co-fondateur de Kontest,  Geoffrey Dorne, designer et CEO et Raphaël Goetter, intégrateur HTML/CSS et créateur d’Alsacréations.

La soirée ayant été filmée, je vous invite à regarder cette conférence,  si vous avez un peu de temps devant vous. L’actualité d’HTML5 et son avenir y sont traités, et c’est forcément intéressant !

Vous pouvez également retrouver les diapositives de chacun des intervenants ci-dessous :

Sources : bemyapp et graphism.fr

L’erreur 404 devient utile

L’erreur 404 est un code d’erreur du protocole HTTP qui est envoyé par le serveur pour indiquer que la page demandée n’existe pas. L’affichage de cette erreur est bien sûr configurable. La plupart des sites affichent un simple message expliquant, en gros, que « la page demandée n’a pas été trouvée ». D’autres y affichent des images  drôles ou originales. Des sites sont d’ailleurs spécialisés dans le recensement des ces messages d’erreurs, comme le site Bonjour 404.

404 Not Found

Le site Notfound.org va encore plus loin. Il vous propose d’afficher sur votre page 404 la photo et la description d’un enfant disparu, avec le slogan choc : « La page n’a pas été trouvée, untel non plus. »

notfound

Pour munir votre site de cette erreur 404, rien de plus simple. Il faut pour cela :

  1. Cliquer sur le bouton « Yes, I’ll make better user of my 404-page ».
  2. Enregistrer l’adresse de votre site.
  3. Créer une page nommée 404.php par exemple, et y placer le code qui vous est fourni.
  4. Placer ce fichier à la racine de votre site.
  5. Créez un fichier nommé .htaccess à la racine de votre site, s’il n’existe pas déjà. Saisissez-y la ligne suivante : ErrorDocument 404 http://www.votresite.fr/404.php
Je trouve que c’est une bonne initiative, surtout que ça ne coûte rien à mettre en place. Je l’ai fait sur mon site, et vous invite à en faire de même !

Source : Notfound.org