Cipher Bliss

ça arrive souvent qu’on ait besoin de remplacer des choses dans un texte, mais saviez vous que le retour à la ligne, ou la tabulation sont des caractères recherchables et remplaçables?

(Oui, le billet du jour est pour monsieur et madame michu.)

\n pour la nouvelle ligne, parfois \r\n avec le retour chariot
\t pour la tabulation

Sur une page web, au lieu de passer quinze plombes à rechercher un mot sans aucune aide, n’oubliez pas le raccourci Ctrl + F, comme Find qui veut dire trouver.

Par exemple dans le langage wiki de la plateforme dotclear, pour faire des retour à la ligne on ne fait pas entrée mais un pourcentage trois fois %.
On peut bien sûr éditer ses posts en version html qui propose une partie Wiziwig (wouate you zi is ouate you guette) et convertir un texte wiki en html, ou inversement.
Cependant, plus généralement ça peut se révéler très utile dans pas mal de cas.

Si vous codez et que vous ne vous appelez pas Michu, ça peut se révéler vital de savoir quelques expressions régulières.

Vous trouverez un très bon tuto sur le site du zéro (renommé openclassrooms) à ce propos.

Si encore vous vous demandez à quoi ça peut bien servir de savoir faire des RegEx, voici un exemple concret dessiné par Randall Munroe, sur XKCD
https://xkcd.com/208/
Enjoyez!

Pour un exercice donné par Nadir Kademe je me suis lancé dans une démo de Javascript / CSS où l’on découpe des cercles de couleur en passant le curseur dessus.
Au bout d’une heure la démo n’était pas super opérationnelle, mais une heure de plus et voici la démo visible sur mon portfolio et disponible sur github, ainsi chacun peut se l’approprier et la bidouiller à loisir.
possibilités:
choix de mélanger les couleurs ou non avec le cercle parent.
choix de couleurs plutôt claires, grises ou foncées comme batman les aime.
choix de profondeur de découpe.
cercles ou carrés.

Jouez zy donc sur artlemoine.com :
http://artlemoine.com/circles

Les sélecteurs CSS totalisent un certain score pour définir leur priorité d’exécution, comprendre cette façon de compter les points vous évitera bien des soucis dans l’héritage des styles.

Dans l’ordre du plus prioritaire au moins important:

• les sélecteurs inline ( par exemple

  )

• les #id (

  )

• les .classes (

  )

• les <éléments> (

  )

Votre navigateur, pour déterminer quel sélecteur doit avoir raison fait un tableau selon cet ordre.

inline | id | class | element
0 | 0 | 0 | 0

Quand il rencontre un sélecteur il examine de quoi il s’agit. Par exemple si j’ai ce CSS:

#patate .douce.fraiche { color : red; }

.douce { color : blue;}

Le premier sélecteur comporte un ID et une classe. Il a donc ce nombre de points selon le tableau vu ci dessus: 0 | 1 | 2 | 0. C’est à dire 120 points.
Le deuxième sélecteur aura juste 10 points.
120 étant supérieur a 10, c’est le premier sélecteur qui aura la priorité pour repeindre.

Pour plusse de trucs et astuces sur le CSS, je vous conseille le site d’Alsacréations.com et openclassrooms.com.
Enjoyez.

Pendant que le marché des smart watch commence à faire semblant de s’installer, j’ai préféré me monter ma propre smart watch avec un bracelet.

Pour quoi faire ? Ce n’est pas seulement pour se prendre pour un cyborg ou pour zieuter des séries sans se fatiguer le bras dans sa chaise longue ou dans le train, c’est pour faire un GPS quand je prends mon deux roues dans Paris pour aller à des endroits perdus du style Gare Saint Lazare.
Une smart watch coûte dans les 250€ minimum, ce bracelet trouvé sur amazon et adapté au Galaxy S3 : 3€ + 5€ de frais de port.

« On a des smart screen, des smart phones, des smart buildings, mais quand est ce qu’on aura des smart-people? »

En bonus, le textile élastique permet d’insérer une version du GS3 avec une batterie personnalisée si on pousse un peu.
L’avantage de mettre son tel comme ça c’est de ne pas avoir a recharger un objet de plus au quotidien aussi. Le tel est protégé de la pluie, la surface transparente permet de garder le tactile de l’écran utilisable.
Et le scratch rend le montage rapide. Marvellouss!

ô développeur qui cherche à optimiser son temps, si tu aimes faire du HTML mais que son écriture, pour faire de l’intégration par exemple te semble fort fastidieuse et verbeuse, j’ai un truc ‘achement bien pour toi nommé Zen coding. ça n’a rien à voir avec coder avez le nez pour des djeunz. Il s’agit d’écrire un sélecteur css, de sélectionner notre sélecteur, puis de l’étendre avec un raccourci clavier.J’utilise Netbeans comme IDE, le plugin zen coding a de base un raccourci ctrl+alt+N.

Tous les exemples de syntaxe zen coding sont disponibles sur google code.

Petite astuce si vous utilisez un framework css comme twitter bootstrap (ce qui est fort pratique), vous aurez souvent besoin de div avec des classes. hébien vous n’êtes même pas obligés de marquer div pour faire une div de classe maClasse. Il suffit d’écrire .maClasse et Zen coding assumera qu’il s’agit d’une div. Pareil pour les #id.

On peut aussi se créer des palettes de code, comme une palette de peinture. Sauf qu’au lieu de piocher des couleurs on piocherait des blocks de code, par exemple des composants de twitter bootstrap comme un panel accordéon dépliable, ou un carroussel.

Autre petite astuce pour avoir un code bien indenté, le raccourci de formattage: ctrl + maj +F. Les subtilités de reformatage sont disponibles dans les options d’édition de texte de votre IDE.

Wouala, que le zen soit avec vous!
image

Des astuces pour les débutants en ligne de commande, des raccourcis, des symboles magiques. Tout ce qu’il faut savoir dans ce merveilleux article de lifeHacker.com
http://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts

un tutoriel en anglais vous propose pas à pas de comprendre les principales commandes de git avec le logo de github: l’octocat.
Facile à comprendre grâce à sa représentation en fichiers et sans besoin d’installer git, il vous permettra de vous plonger dans git sans toucher à vos fichiers.

http://try.github.io/

Si vous avez un peu plus d’expérience et que vous aimeriez comprendre (en français) pourquoi la commande git checkout fait des tas de choses différentes, je vous conseille la lecture de ce tutoriel ci:
http://www.miximum.fr/tutos/1546-enfin-comprendre-git

pour afficher ou masquer des infos dans la barre des tâches d’ubuntu,
installez le paquet dconf-tools

apt-get install dconf-tools

puis lancez dconf-editor
allez dans le menu: com> canonical > indicator > datetime
et cochez show-day
vous verrez vos modifications agir en temps réel. Et vouala \o/