Developer / Coder / Programmer, you may have to celebrate something today!

That’s my list of events related to computer science that you have to celebrate at office with your colleagues. So you have no excuse to clean out your computer in February, do a backup in March or celebrate all your killed Bugs during the year in December. There is a lot of other days to celebrate, you can find my list and feel free to contribute.

And please, don’t forget to bring croissants at office…

January Event
15 Jan Wikipedia Day
25 Jan Macintosh Computer Day
28 Jan Data Privacy Day
February Event
04 Feb Facebook’s Birthday
08 Feb Clean Out Your Computer Day
20 Feb Introduce a Girl to Engineering Day
22 Feb World Thinking Day
March Event
14 Mar Pi day
31 Mar World Backup Day
April Event
05 Apr Annual CSS Naked Day
21 Apr High Five Day
27 Apr Morse Code Day
May Event
01 May CSS Reboot Day
22 May The Ethernet Birthday
25 May Geek Pride Day
June Event
23 Jun Alan Turing’s Birthday
July Event
06 Jul Take Your Webmaster to Lunch Day
22 Jul Pi Approximation Day
26 Jul System Administrator Appreciation Day
September Event
07 Sep Google Commemoration Day
12 Sep Programmer’s Day
20 Sep Software Freedom Day
October Event
16 Oct Steve Jobs Day
November Event
25 Nov Update Your Parents Browser Day
30 Nov Computer Security Day
December Event
02 Dec Kill a Bug Day

Cheers.

Sublime Text et l’auto-complétion, ça coince! Mais…

On va pas se le cacher, Sublime Text et l’auto-complétion c’est pas ce qui a de mieux!

Pas top

Après quelques recherches je n’ai pas trouvé de plugin ou autre qui améliore cette fonctionnalité (qui est indispensable et qu’on trouve dans tous les IDE aujourd’hui…). Malgré tout, j’ai trouvé quelques commandes qui peuvent faire l’affaire et qui vous assureront une auto-complétion à peu près correcte.

Configuration

Le fichier à modifier est le fichier de config JSON qui se trouve sous “Préférences > Settings – User(Preferences.sublime-settings)

> Par défaut, c’est activé mais on ne sait jamais…

[javascript]"auto_complete": true[/javascript]

> On limite la taille maxi du fichier à auto-compléter

[javascript]"auto_complete_size_limit": 4194304[/javascript]

> Le délai entre chaque frappe au clavier avant de déclencher la complétion (en ms)

[javascript]"auto_complete_delay": 50[/javascript]

> L’étendue du scope qui est balayé et proposé (à adapter selon vos besoin!)

[javascript]"auto_complete_selector": "source – comment"[/javascript]

Pour valider la complétion, on utilise la touche Enter. On peut modifier et utiliser la touche enter en passant la variable auto_complete_commit_on_tab à true

[javascript]"auto_complete_commit_on_tab": true[/javascript]

Si vous avez d’autres astuces ou des plugins intéressants que j’aurais loupé, je suis preneur!

Time to pack up : Application Android pour gérer le contenu de sa valise et préparer son voyage.

TimeToPackUp est une petite application Android que j’ai développé.

C’est une application qui vous permet de gérer efficacement le contenu de votre valise et préparer au mieux votre voyage.

Vous pourrez donc partir l’esprit tranquille en étant sûr de n’avoir rien oublié!

download_app_timetopackup

Elle est disponible au téléchargement (gratuit!) sur le Play Store à l’adresse suivante : TimeToPackUp

Le screen d’ouverture/accueil

htcone0

 

Les différentes catégories ajoutées par l’utilisateur :

htcone2

 

L’écran d’ajout d’une nouvelle catégorie (nom, logo et couleur) :

htcone_1

 

L’aide à l’utilisation :

htcone_3

 

Les sources sont également disponibles sur Github : ttps://github.com/joeybronner/TimeToPackUp

timetopackup_github_sources

Comparez le contenu de vos fichiers et répertoires avec WinMerge

Si vous souhaitez voir toutes les différences entre un dossier en local et un autre dossier distant, je vous conseil un petit soft gratuit : WinMerge.

Suite à de nombreux problèmes avec la synchronisation de Google Drive, je me suis retrouvé à avoir pas mal de différence entre ma version Drive en local et celle sur le serveur de Google.

J’ai donc trouvé cet outil gratuit, simple et très efficace que je recommande vivement!

Site officiel : WinMerge

La version actuelle (25/07/2014) est la 2.14.0 

Etape 1 : Téléchargement

Pour commencer, téléchargez la dernière version stable de WinMerge ICI

winmerge_setup

Etape 2 : Installation

Lancez le Setup d’installation que vous avez téléchargé à l’étape 1.

winmerge_installation1

Cliquez sur Suivant

winmerge_installation2

Cliquez sur Suivant

winmerge_installation3

Choisissez le répertoire d’installation et cliquez sur Suivant

winmerge_installation4

Choisissez “Installation typique” et cliquez sur Suivant

winmerge_installation5

Cochez les caractéristiques selon vos besoins et cliquez sur Suivant
(si vous n’utilisez pas SVN, décochez-le)

winmerge_installation6

Pour finir, cliquez sur Installer

Etape 3 : Utilisation

L’utilisation de WinMerge est très basique. C’est sa simplicité d’utilisation qui le rend utile et très efficace.

Au lancement, vous obtenez une interface vide avec une barre d’outil.

winmerge_utilisation1

Cliquez sur l’icone du dossier qui se trouve en haut à gauche (voir icone ci-dessous)

winmerge_icone1

La fenêtre de sélection des fichiers / répertoires s’ouvre.
Saisissez le chemin des fichiers / répertoires à comparer.

winmerge_utilisation2

Les fichiers contenus dans chacun des deux dossiers (droite et gauche) sont listés.
Sur le screenshot ci-dessous, vous pouvez constater plusieurs icones différents :

Binaire vert = fichier présent dans les deux répertoires et identiques
Binaire rouge = fichier présent dans les deux répertoires mais différents
Feuille déchirée = fichier présent que dans un deux deux répertoires

winmerge_utilisation2_2

Les dates de modifications sont également indiquées dans le détail des fichiers.

 

Etape 4 : Différence entre fichiers

Pour constater les différences de texte entre deux fichiers, il suffit de le sélectionner, clic droit, “Comparer”.

En surbrillance, toutes les différences entre les deux fichiers comparés :

winmerge_utilisation3

 

Pour conclure, c’est un petit soft très pratique à garder de côté au cas où!

Markdown, la syntaxe de mise en forme discrète

Qu’est ce que Markdown ?

Markdown est un type de balisage qui permet de mettre en forme un fichier texte (readme par exemple) sans perturber une personne qui va lire le fichier en brut.

Où est utilisé ce type de fichier ?

La plateforme GitHub par exemple utilise ce type de fichier pour décrire un projet. Il est donc utile de connaitre les quelques balises qui vous permettront de mettre en forme le texte.

L’extension de ces fichiers est : .md

Pour tester les différentes balises, j’utiliserai ce notepad qui permet de voir le rendu en temps réel :  http://notepag.es

notepages

1.1 Les titres

La taille des titres se définit avec le nombre de dièses (#) placés avant et après le titre :

# Taille H1 #
## Taille H2 ##
###### Taille H6 ######

Ce qui donne, une fois traduit :

titres_markdown_

2 Les blocs de retrait

C’est l’équivalent de la balise <blockquote> en HTML :

> Le premier degré de retrait
>
> > Second degré.
>
> Autre ligne.

blockquote_markdown

3 Liste d’éléments

Vous pouvez utiliser le caractère “*“, “” ou “+“, l’effet est le même :

* Elément 1
* Elément 2
* Elément 3

ou

+ Elément 1
+ Elément 2
+ Elément 3

ou

– Elément 1
– Elément 2
– Elément 3

liste_markdown

4 Lignes horizontales

Il existe différentes manières de faire une ligne horizontale (</hr> en HTML) :

* * *

***

*****

– – –

—————————————

Peu importe la syntaxe utilisée, le résultat est le même :

ligne_horizontale_markdown

5 Code

Pour partager et mettre en forme du code source informatique, il suffit simplement de mettre  le texte concerné entre des backtick (`) .

Le texte :

Voilà une balise HTML qui permet de mettre le texte en gras `<b>`

donne :

balise_code_markdown

6 Liens

Pour activer l’hyperlink sur un mot, il suffit de le placer entre “<” et “>” :

<http://blog.joeybronner.fr/>

<contact@nicetocodeyou.com>

hyperlink_markdown

7 Images

L’ajout d’une image, avec les paramètres habituels qui sont le texte de remplacement, l’URL de l’image et le titre optionnel :

![Logo Twitter](https://g.twimg.com/Twitter_logo_blue.png)

 

twotter_logo

8 Mettre en évidence du texte

Pour mettre du texte en évidence (gras, barré, italique, etc…) on utilise la syntaxe suivante :

Texte barré : ~~barré~~
Texte italique : *en italique*
Texte gras : **en gras**
Citation : > Ceci est une citation

mise_en_forme_markdown

 

markdown_logo_large

http://fr.wikipedia.org/wiki/Markdown