mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-06-20 09:04:42 +02:00
separate hard to convert files
This commit is contained in:
Tykayn
tykayn
parent
2051ad3285
commit
ba63e60bc2
1782 changed files with 160412 additions and 28 deletions
|
|
@ -1,26 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 30b21c04-807c-4898-aee0-9efb375f7ff7
|
||||
:END:
|
||||
#+title: bienvenue-sur-informageek
|
||||
|
||||
* Article
|
||||
- ID: 309
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-11-26 17:01:59>
|
||||
- modifié: <2011-11-26 17:47:37>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Bienvenue sur Informageek !
|
||||
|
||||
:html:
|
||||
|
||||
<p><img alt="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" /></p>
|
||||
<p><br />Salut les ptis poulets et bienvenue dans un lieu de déperdition geekesque où vont s'affronter divers centres d'intérêt autour des nouvelles technologies, de la programmation et de l'insolite du web. Bonne visite!</p>
|
||||
<p>(<a title="Internet" hreflang="fr" href="http://fr.wikipedia.org/wiki/Internet">photo: wikipédia page internet</a>)</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: d794384c-07bb-43b2-94ae-a78523047fb9
|
||||
:END:
|
||||
#+title: geek-nerd-dork
|
||||
|
||||
* Article
|
||||
- ID: 306
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-11-29 15:31:13>
|
||||
- modifié: <2011-11-29 15:31:13>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Geek, nerd, dork?
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://blog.artlemoine.com/public/i/2011/11novembre/bebe_geek.jpg" alt="bebe geek" style="display:block; margin:0 auto;" /><br />
|
||||
Pour savoir de quoi on parle avec les mots geek (prononcer comme dans un gâteau ou du gui) , nerd ou encore dork il convient de mettre les choses au clair.<br />
|
||||
<img src="http://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg" alt="" />
|
||||
(<a href="http://www.gizmodo.fr/">graphique venant de gizmodo</a>)<br /><br />
|
||||
Certains vous diront que <em>geek</em> est tout comme <em>otaku</em>, signifiant qu'il s'agit de personnes plus expertes en savoir dans un certain domaine que n'importe quel expert (ce qui est très balèze), quoique otaku soit plus approprié pour les sous cultures Japonaises. Certains confondent encore <em>geek</em>(personne vouant une passion à l'informatique et à la programmation tout en sortant peu de chez elle), <em>no-life</em> (qui n'a pas de vie sous entendu de vie sociale, différent de mort, inanimé, zombie, ou fan de patrick sebastien) et <em>gamer</em>(personne qui passe sa vie sur des jeux vidéos qu'il s'agisse de meuporg ou de jeux solo) alors que ce sont des catégories distinctes bien que cumulables.<br />
|
||||
On aurait bien tort de se dire geek quand on touche un peu de Photoshop ou qu'on passe son temps sur youtube ou facebook, à moins que la notion de geek soit aussi volubile que celle de l'art ou du droit de vote.<br /><br />
|
||||
Puisqu'on dit de moi que je suis hypersocial, que je fais du badminton pas régulièrement et que je gère quelques langages de programmation web tout en appréciant les jeux vidéos à petite dose (surtout avec d'autres gens, un bon mario kart, super smash bros brawl, un bonne partie de barres à mines sur half life) je m'autoproclamme rien du tout. Ou peut être geek. Enfin enfin, et pour vous c'est quoi? :)</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 186a9b12-4999-4178-bc2e-96b6f6a54373
|
||||
:END:
|
||||
#+title: ssd-tuto-de-remplacement-sur-pc-portable-laptop
|
||||
|
||||
* Article
|
||||
- ID: 305
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-11-29 16:15:19>
|
||||
- modifié: <2011-12-01 06:32:16>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** SSD tuto de remplacement sur pc portable / laptop
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD"><img src="http://blog.artlemoine.com/public/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG" alt="remplacer un disque dur de pc portable" style="display:block; margin:0 auto;" /></a>
|
||||
(<a href="http://fr.wikipedia.org/wiki/Solid-state_drive">c'est quoi un SSD?</a>)<br />
|
||||
Vous voulez bénéficier des performances des disques durs les plus rapides du monde sur votre pc portable? Voici un tuto détaillé que j'ai écrit l'an dernier pour faire ça sur un pc portable acer aspire 7:
|
||||
<a href="http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD">hacking de PC portable, tutoriel pour placer un SSD</a>
|
||||
Comme montré sur le graphique ci dessous les temps d'accès au disque en comparaison:
|
||||
<img src="http://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif" alt="" style="display:block; margin:0 auto;" />
|
||||
ça change vraiment la vie une telle rapidité en plus de rendre moins fragile aux chocs le système *0*</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 3d2e6caf-ebe0-4af3-8192-431a54c7e96d
|
||||
:END:
|
||||
#+title: connaissances-de-base-en-tableur
|
||||
|
||||
* Article
|
||||
- ID: 304
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-11-29 17:49:43>
|
||||
- modifié: <2011-11-29 17:49:43>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Connaissances de base en tableur
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg" alt="" />
|
||||
vous aimeriez bien savoir comment gérer vos comptes ou quoi que ce soit avec des logiciels de tableur tel que Ms Excel et Open office ? Voici un de mes <a href="/index.php?tag/tuto">tuto</a> de ce qu'il y a à savoir en connaissance de base.
|
||||
<a href="http://tykay.free.fr/index.php/post/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office">Trucs de classeur excel , Open Office</a>
|
||||
Hop, un chaud brevage, un bon fauteuil et c'est pari! :3
|
||||
Pour aller plus loin vous avez la <a href="http://fr.openoffice.org/Documentation/How-to/indexht-calc.html" hreflang="fr" title="docu officielle open office calc tableur">documentation officieile de open office calc</a> ou encore celle de Ms excel si vous trouvez parce que je ne trouve rien d'officiel :D</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: da008cee-74a9-44b7-9aa7-a24e864f6535
|
||||
:END:
|
||||
#+title: ninite-multi-installeur
|
||||
|
||||
* Article
|
||||
- ID: 303
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-11-30 15:50:35>
|
||||
- modifié: <2011-11-30 16:05:31>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Ninite - multi installeur
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://ninite.com/"><img src="http://ninite.com/static/app/img/ninite.png?v=0cd28" alt="" /></a>
|
||||
Vous avez fait acquisition d'un nouvel ordi, ou bien vous venez de faire table rase de votre machine et vous sentez que ça va être une plaie de réinstaller tout plein de vos programmes préférés. Eh bien podutout grâce à <a href="http://ninite.com/">Ninite.com</a>.<br /><br /></p>
|
||||
|
||||
|
||||
<p>Vous cochez les applications que vous voulez installer, vous récupérez l'installateur et ensuite en l'exécutant il se charge tout seul de mettre en place ce que vous avez sélectionné <strong>sans installer les toolbars pourries</strong> qu'on vous propose parfois et qui réduisent l'espace visuel des navigateurs comme vous pouvez en retirer 3 ou 4 à chaque fois que vous passez sur l'ordi de vos parents. ;)
|
||||
<br /><br />
|
||||
L'appli Ninite se chargera aussi de vérifier les mises à jour des programmes que vous avez choisi d'installer, vous pourrez aussi supprimer des programmes si vous en avez installé mais qui finalement ne vous plaisent pas. Avoir le choix, si ça c'est pas merveilleux!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 96750498-df06-4b7e-ba93-881f75c1b0db
|
||||
:END:
|
||||
#+title: restauration-de-fichiers
|
||||
|
||||
* Article
|
||||
- ID: 302
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-11-30 17:02:48>
|
||||
- modifié: <2011-11-30 17:28:28>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Restauration de fichiers
|
||||
|
||||
*** Testdisk
|
||||
#+begin_src bash
|
||||
apt-get install testdisk
|
||||
#+end_src
|
||||
|
||||
scanner le bon disque en utilisant son chemin dans /dev
|
||||
#+begin_src bash
|
||||
|
||||
testdisk /dev/dsj
|
||||
#+end_src
|
||||
|
||||
sélectionner le disque,
|
||||
si on trouve des dossiers les sélectionner avec ":"
|
||||
puis faire C pour copier la sélection ailleurs.
|
||||
choisir le dossier où copier, appuyer sur C encore pour commencer la copie.
|
||||
|
||||
*** foremost
|
||||
#+begin_src bash
|
||||
apt-get install foremost
|
||||
#+end_src
|
||||
|
||||
Imaginons que vous supprimiez le fichier /boot/images/fichier_effacé.jpg, il vous suffira de lancer cette commande:
|
||||
#+begin_src bash
|
||||
foremost -t jpg -i /dev/sda1 -o /home/dossier/restauration
|
||||
#+end_src
|
||||
|
||||
L’outil Foremost cherchera alors les fichiers de type jpg effacés sur la partition /dev/sda1 correspondant au dossier /boot/images où se situait le fichier effacé pour le restaurer dans le dossier /home/dossier/restauration.
|
||||
|
||||
*** Article de blog
|
||||
:html:
|
||||
#+begin_src html
|
||||
|
||||
<p><img src="http://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg" alt="" />
|
||||
<br />
|
||||
Vous avez par inadvertance supprimé un dossier de la carte mémoire de votre appareil photo ou de votre ordi? (après avoir fait table rase et juste avant d'<a href="/index.php?post/2011/11/30/Ninite-multi-installeur">installer plein de programmes en une seule fois</a> par exemple)<br />
|
||||
Don't panic! vous pourrez encore les récupérer, surtout si vous n'enregistrez pas quoi que ce soit par dessus.
|
||||
Parce qu'en fait sur les disques ou les lecteurs flash (cartes mémoires, clés usb...) quand vous supprimez un fichier c'est son nom qui est effacé, et le reste des données devient disponible à la réécriture.<br />
|
||||
Pas besoin de payer pour retrouver vos données et autres si chères photos ou films de vacances, choppez au choix un de ces utilitaires totalement gratuits:<br />
|
||||
<br /></p>
|
||||
|
||||
|
||||
<blockquote><p><a href="http://www.jetelecharge.com/Utilitaires/5766.php">Undelete360</a><br />
|
||||
Si vos fichiers trouvés par l'utilitaire ont été réécrits vous ne pourrez pas les récupérer. Faut pas déconner non plus.
|
||||
(une fois que vous avez fait une recherche de fichiers pour en cocher plusieurs à restaurer cliquez sur un puis maintenez shift et cliquez sur un autre, ça sélectionnera tous les fichiers entre deux. Vous n'avez plus qu'a appuyer sur le gros bouton "récupérer"<br /></p>
|
||||
<p>
|
||||
Vous avez aussi <a href="http://www.jetelecharge.com/Utilitaires/1488.php">Recuva</a><br />
|
||||
ou <a href="http://www.jetelecharge.com/Utilitaires/2602.php">PC Inspector File Recovery </a><br />
|
||||
Vouala vouala, enjoyez bien la récupération de vos données les petits coquinous.</p></blockquote>
|
||||
|
||||
#+end_src
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: f33afcd3-c851-41ba-94da-55800c917bc8
|
||||
:END:
|
||||
#+title: dotclear-commenter-sans-tre-oblig-de-preview
|
||||
|
||||
* Article
|
||||
- ID: 301
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-01 07:02:37>
|
||||
- modifié: <2011-12-01 07:08:46>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Dotclear - commenter sans être obligé de preview
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://fr.dotclear.org/affiliates/o-logo.png" alt="" style="display:block; margin:0 auto;" /><br />
|
||||
Vous avez un (multi)blog installé avec la plateforme <a href="http://fr.dotclear.org">dotclear</a> et souhaiteriez que vos visiteurs puissent commenter sans avoir obligatoirement à prévisualiser ce qu'ils ont écrit? <br />
|
||||
Facile, rendez vous dans votre interface d'admin. Puis cliquez sur... <br /></p>
|
||||
<ul>
|
||||
<li><img src="http://blog.artlemoine.com/admin/images/menu/themes.png" alt="" /> Apparence du blog <br /></li>
|
||||
<li>éditeur de thème <br /></li>
|
||||
<li><strong>post.html</strong> <br /></li>
|
||||
</ul>
|
||||
<p>Reprérez la ligne:</p>
|
||||
<pre> <tpl:IfCommentPreview><input type="submit" class="submit" value="{{tpl:lang send}}" /></tpl:IfCommentPreview></p> </pre>
|
||||
|
||||
<p>Et remplacez là par:</p>
|
||||
<pre> <!-- <tpl:IfCommentPreview> --> <input type="submit" class="submit" value="{{tpl:lang send}}" /> <!-- </tpl:IfCommentPreview> --> </p></pre>
|
||||
|
||||
<p>Ce qui mettra en commentaire les instructions qui disent d'afficher le bouton d'envoi seulement si la prévisualisation est activée.<br />
|
||||
Cliquez sur le bouton <em>Enregistrer (s)</em> <br />
|
||||
Et vous verrez le bouton <em>Envoyer</em> disponible dans les commentaires. Youpi! <br />
|
||||
Oubliez pas de vous équiper d'un bon plugin antispam ;) <br /></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 672f97fa-9d64-44d0-af7e-9db0f50d3922
|
||||
:END:
|
||||
#+title: url-maker-1-6-publier-des-liens-sans-avoir-les-crire
|
||||
|
||||
* Article
|
||||
- ID: 300
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-02 14:32:54>
|
||||
- modifié: <2011-12-03 03:58:16>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** url maker 1.6 - publier des liens sans avoir à les écrire
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="http://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg" alt="url maker1.6" style="display:block; margin:0 auto;" /></a></p>
|
||||
<p>Un script bon pour la flemme en php/js écrit par mes soins qui fouille des dossiers et donne les codes (html, ou wiki pour les blogs, ou bbcode pour les forums) pour <strong>publier des liens sans avoir à les écrire un par un</strong> vers plein de fichiers selon quelques options et des dossiers rangés par année/mois.<br />
|
||||
<a href="http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">URL maker 1.6 est Téléchargeable ici.</a><br />
|
||||
Les versions suivantes seront disponible sur <a href="http://artlemoine.com">mon portfolio</a> (dans la partie <strong>Free DL</strong>) qui héberge ce blog et les autres.<br />
|
||||
J'ai fait une vidéo avec la version précédente pour montrer à quoi ça sert et à quel point on peut partager des images rapidement (bien que ça pourrait toujours être amélioré avec du python...)<br />
|
||||
on peut par exemple avoir tous les liens d'images vers leur taille plus grande qui se trouverait dans un dossier nommé "g" ou encore choisir une taille à laquelle afficher les images (pour le langage html). Combiné à une lightbox ça peut vous faire une gallerie web assez facilement bien que le but premier soit de pouvoir mettre en ligne sur un blog toutes les images d'un dossier</p>
|
||||
<h3>Pour vous en servir</h3>
|
||||
<p>Il vous suffit d'un espace web.</p>
|
||||
<ul>
|
||||
<li><a href="http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="http://artlemoine.com/decoration/dl.png" alt="" />Choppez l'archive zip</a> \O/</li>
|
||||
<li>dézippez l'archive, balancez son contenu sur votre espace web.</li>
|
||||
<li>Rendez vous sur index.php dans votre navigateur web et vous n'aurez qu'a cliquer sur "enregistrer" pour que l'install mémorise une adresse absolue dans un fichier texte.</li>
|
||||
</ul>
|
||||
<p>C'est vraiment très facile à utiliser.
|
||||
Vous n'avez plus qu'a mettre vos tas d'images dans les sous dossiers ( essayez dans le dossier <strong>2011/12decembre</strong> par exemple, puis rendez vous dans la page d'index.php, et hop magie, le script explore directement le dossier 2011/12decembre parce que c'est l'année et le mois courant. Quand je vous disais que c'était bon pour la flemme!) de votre installation et de les parcourir avec l'appli puis de cliquer sur le bouton "copy" spécialement démesuré pour plus de flemme et à coller où vous voulez vos liens ! :D
|
||||
</p>
|
||||
<br /><iframe src="http://www.youtube.com/embed/W0_QBdNk6Xs" allowfullscreen="" frameborder="0" height="315" width="420"></iframe>
|
||||
(C'était sur la version 1.0 , les choses ont assez changé dans l'interface mais le principe est le même: on balance nos images sur le serveur, on va sur la page d'index d'url maker et y'a plus qu'a copier les liens. Ne faites pas attention à l'arrière plan de chat j'en ai tout <a title="tykayn blog, le vortex à chats" hreflang="fr" href="http://tykay.free.fr/">un vortex</a> ni à la musique piquée à ma mère grand)<br />
|
||||
<p>Merci de ne l'utiliser que dans un cadre de gratuité.<br />
|
||||
Et n'oubliez pas quand vous faites un script: donner des noms significatifs à vos variables vous épargnera de longues heures à chasser les bugs. Je suis ouvert à toute suggestion d'amélioration. Enjoyez.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 0770917a-f729-43a3-bb4f-d488c5513692
|
||||
:END:
|
||||
#+title: my-first-crowbar-manette-pour-half-life
|
||||
|
||||
* Article
|
||||
- ID: 299
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-04 18:57:51>
|
||||
- modifié: <2011-12-04 18:59:30>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** My first crowbar - manette pour half life
|
||||
|
||||
:html:
|
||||
|
||||
<iframe width="500" height="284" src="http://www.youtube.com/embed/aW49Mjn5f0g" frameborder="0" allowfullscreen></iframe><br />Qui n'a jamais rêvé de pouvoir jouer a half life avec une vraie crowbarre (pied de biche) tel un joueur de wii. Voici qui ravira les enfants.<br />
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: e86a2246-62fa-42fe-8bb9-b5bbf3c570bb
|
||||
:END:
|
||||
#+title: lier-une-image-alatoire-dans-un-dossier
|
||||
|
||||
* Article
|
||||
- ID: 298
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-06 03:39:12>
|
||||
- modifié: <2011-12-06 03:42:38>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Lier une image aléatoire dans un dossier
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg" alt="" style="display:block; margin:0 auto;" /><br />
|
||||
Vous rêvez de faire une bannière montrant aléatoirement une image parmi un dossier à chaque fois que vous chargez la page de votre site?
|
||||
Informageek vous offre gracieusement ce script à placer dans une page index.php du dossier comportant vos images à montrer aléatoirement.
|
||||
<br /></p>
|
||||
<pre>
|
||||
<?php
|
||||
/* Faire un lien vers cette page php pour afficher aléatoirement une image se trouvant dans le même dossier */
|
||||
$dir = dir('.');
|
||||
$images = array();
|
||||
while($entry = $dir->read())
|
||||
{
|
||||
if(is_file($entry) && eregi("(\.(jpg|jpeg|png|gif))$",$entry) && substr($entry,0,1) !== '.' )
|
||||
{
|
||||
$images[] = $entry ;
|
||||
}
|
||||
}
|
||||
$dir->close();
|
||||
$image = imagecreatefromjpeg($images[array_rand($images,1)]);
|
||||
header("Content-type:image/jpeg");
|
||||
imagejpeg($image);
|
||||
//*/
|
||||
?>
|
||||
</pre>
|
||||
|
||||
|
||||
|
||||
<p>Pour lier votre image mettez ce code HTML dans votre page où vous voulez afficher votre image en prenant soin de remplacer <em>mon-dossier-d-images-de-bannieres/</em> par le bon chemin vers votre dossier d'images comportant le script dans index.php:</p>
|
||||
<pre>
|
||||
<img src="mon-dossier-d-images-de-bannieres/" alt="banniere random de site" title="ma banniere" />
|
||||
</pre>
|
||||
|
||||
|
||||
<p>Magique!
|
||||
Enjoyez!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: b800f572-d49a-4628-87f6-d50f6403fe96
|
||||
:END:
|
||||
#+title: retour-haptique-haptic-feedback
|
||||
|
||||
* Article
|
||||
- ID: 296
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-06 04:49:56>
|
||||
- modifié: <2011-12-06 04:50:44>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** retour haptique haptic feedback
|
||||
|
||||
:html:
|
||||
|
||||
<iframe width="480" height="274" src="http://www.youtube.com/embed/trM7mXOjNFY" frameborder="0" allowfullscreen></iframe>
|
||||
<br/><br/>
|
||||
Les écrans tactiles sont plutôt révolutionnaires parce qu'ils permettent une flexibilité assez énorme question intreface. Cependant il manque un certain retour de sensation comme on peut en avec avec le ressort des touches d'un clavier ou les indices en relief qu'on peut trouver sur les touches F et J d'un clavier AZERTY ou QWERTY.<br/>
|
||||
Une possibilité est de greffer des petits écrans sur des touches de clavier, une autre est de créer un retour magnétique et de s'équiper de gants. On vous parlera surement de combien le magnétisme ça craint pour le corps humain. Dans ce cas il faut aussi que vous ayez peur des forces magnétiques venant des fils électriques de votre souris, de votre câble d'alimentation et surtout de vos canaux nerveux qui HOMONDIEU marchent eux aussi à l'électricité.
|
||||
<br/>
|
||||
<iframe width="560" height="315" src="http://www.youtube.com/embed/UiQ0AnlfBu4" frameborder="0" allowfullscreen></iframe>
|
||||
hou le joli clavier qui doit pomper un max de batterie!
|
||||
<br/><br/>
|
||||
Bientôt, des claviers tablettes où chaque pixel pourra se soulever ou se baisser. <br/>
|
||||
Enfin, un grand pas sera surtout fait quand tout notre mobilier électronique sera devenu waterproof et que la batterie tiendra vraimentt une semaine. mais peut être que je lis trop de science fiction :D
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: a1d00d69-f4b4-4de2-a3ce-68488fb92709
|
||||
:END:
|
||||
#+title: smartphone-voiture-pourquoi-choisir
|
||||
|
||||
* Article
|
||||
- ID: 295
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-09 04:20:31>
|
||||
- modifié: <2011-12-09 04:20:31>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Smartphone, voiture, pourquoi choisir
|
||||
|
||||
:html:
|
||||
|
||||
Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une concept-car qui fera smartphone.<br/>
|
||||
<iframe width="480" height="274" src="http://www.youtube.com/embed/jxat4x7VhMU" frameborder="0" allowfullscreen></iframe>
|
||||
Je ne suis pas persuadé de la vraie utilité d'écrans transparents qui en matière d'ergonomie ne doivent vraiment pas aider à l'utilisateur car il serait distrait par le fond. Toutefois c'est certain, la couleur choisissable et personnalisable va plaire.
|
||||
<br/>Manquerait plus qu'a coupler la carroserie à une surface photovoltaïque faite de <a href="http://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230" >cellules imprimables. <img src="http://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg" alt="film photovoltaique organique"/></a><br/><br/>
|
||||
Avoir une rayure sur le capot va prendre un tout autre sens à moins qu'on se décide à blinder le tout un peu comme le summum de la concept car, j'ai nommé K3000 (une série où chacune des transformation est un modèle Ford). <iframe frameborder="0" width="480" height="276" src="http://www.dailymotion.com/embed/video/x4fg2v"></iframe><br />
|
||||
Knight Industries Three Thousand qui en plus d'avoir mieux qu'un Siri embarqué (Kitt qui peut faire de l'humour contrairement à Siri) peut changer de modèle de voiture en pleine conduite (jvous raconte pas les soucis de pression de l'air dans le cockpit), lire et écouter à travers les murs par infrarouge ou rayons X (rien à foutre de la santé des gens!), micro longue portée, se propulser à l'hélium, détecter de la radioactivité, dispenser des premiers soins, générer des objets avec une imprimante 3D, grappin, détecteurs environnementaux mieux que les robots qui vont sur Mars, mitraillette et lance roquettes amovibles... Voilà qui fera pâlir batman et sa batmobile qui pour toute arme furtive dispose de néons bleus. :)
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 419896ff-5288-4487-a8e2-8367e0878f76
|
||||
:END:
|
||||
#+title: un-peu-de-ralit-augmente-magique
|
||||
|
||||
* Article
|
||||
- ID: 294
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-09 05:45:53>
|
||||
- modifié: <2011-12-09 05:45:53>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Un peu de réalité augmentée magique
|
||||
|
||||
:html:
|
||||
|
||||
<iframe src="http://player.vimeo.com/video/27887843?title=0&byline=0&portrait=0&color=CEBB2F" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="http://vimeo.com/27887843">Innovators@Google presents: Marco Tempest</a> from <a href="http://vimeo.com/magician">Marco Tempest</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
|
||||
<br/><br/><a href="http://marcotempest.com/" hreflang="en">Marco Tempest</a>, travaille chez Google.<br/>Il nous raconte comment la magie et la haute technologie se confondent dans une petite explication spectaculaire (en Anglais).
|
||||
Il réalise trois petits spectacles alliant des technologies C++ open source, du suivi de mouvement (motion tracking) avec des caméras à capture rapide, trois smartphones, un simple carton plume devenu interactif et de bonnes vieilles cartes qui prennent une nouvelle dimension.<br/>
|
||||
Bon dimanche à vous.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: f9202ecf-77bf-46f3-9e45-9a4393a1451a
|
||||
:END:
|
||||
#+title: ne-souriez-pas-aux-inconnus
|
||||
|
||||
* Article
|
||||
- ID: 293
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-18 23:14:05>
|
||||
- modifié: <2011-12-18 23:14:05>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Ne souriez pas aux inconnus
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg" alt="" />
|
||||
Ne souriez pas aux inconnus. Une image extraite du métro de New York que l'on pourrait très bien trouver de par nos latitudes Parisiennes tant de nombreuses personnes se sont passées le mot.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 7c0e152e-9ea6-480d-800d-b23899158303
|
||||
:END:
|
||||
#+title: dsignations-dans-une-quipe
|
||||
|
||||
* Article
|
||||
- ID: 292
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-19 17:57:54>
|
||||
- modifié: <2011-12-19 17:57:54>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Désignations dans une équipe
|
||||
|
||||
:html:
|
||||
|
||||
<p><img alt="" src="http://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg" /></p>
|
||||
<p>(la parabole des aveugles illustre merveilleusement ce billet)</p>
|
||||
<ul><li><strong>le Chef de projet:</strong> Est la personne qui pense que 9 femmes peuvent livrer un bébé en un mois.</li>
|
||||
<li><strong>Le Développeur:</strong> pense que ça va prendre 18 mois pour livrer un bébé.</li>
|
||||
<li><strong>Le Coordinateur de site:</strong> pense qu'une seule femme peut livrer neuf bébés en un mois.</li>
|
||||
<li><strong>Le Client:</strong> ne sait pas pourquoi il veut un bébé.</li>
|
||||
<li><strong>Le Gérant de marchés:</strong> pense qu'il peut livrer un bébé même si aucun homme ou femme ne sont disponibles.</li>
|
||||
<li><strong>l'Équipe d'optimisation des ressources:</strong> pensent qu'ils n'ont pas besoin d'hommes ou de femmes, ils vont produire un enfant sans aucune ressource.</li>
|
||||
<li><strong>L'Équipe de documentation:</strong> pense qu'ils s'en moquent si un enfant est livré, ils vont juste documenter pendant neuf mois.</li>
|
||||
<li><strong>L'Inspecteur de qualité:</strong> est la personne qui n'est jamais contente du PROCESSUS de confection de bébé.</li>
|
||||
<li><strong>Le Testeur:</strong> est la personne qui dit à chaque fois à sa femme que ce n'est pas le Bon bébé.</li>
|
||||
<li><strong>Le Chef des Ressources humaines:</strong> est la personne qui pense qu'un singe peut faire un bébé humain en 9 mois.</li>
|
||||
</ul><p>mwah ah ah!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 759c7bbc-e07f-4c96-a23b-a6a77057d0d9
|
||||
:END:
|
||||
#+title: fonction-random-picture
|
||||
|
||||
* Article
|
||||
- ID: 291
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-19 18:49:02>
|
||||
- modifié: <2011-12-19 18:50:00>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Fonction Random picture
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://artlemoine.com/medias/apps/random-picture/"><img src="http://artlemoine.com/medias/apps/random-picture/icon_random_picture.png" alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script Random picture est expliqué et disponible ici</a> et sur <a href="http://artlemoine.com">mon portfolio artlemoine.com</a> (section Web). C'est une fonction php qui permet d'afficher une image choisie au hasard dans un dossier. Pratique pour faire une bannière changeante par exemple. Et tout ça sans utiliser la librairie GD contrairement à ma proposition précédente. Enjoy!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 957ca9f7-8054-4c91-8bcf-dcbcf1b9e306
|
||||
:END:
|
||||
#+title: internet-meme-database-know-your-meme
|
||||
|
||||
* Article
|
||||
- ID: 290
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2011-12-27 22:59:52>
|
||||
- modifié: <2012-07-26 20:29:14>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Internet Meme Database - Know Your Meme
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="knowyourmeme.com"><img src="http://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg" alt="Know your meme team" style="display:block; margin:0 auto;" /></a>
|
||||
La sous-culture de l'intra web vous donne envie de vous rouler en boule dans un coin en proférant des insultes à l'égard des hamsters? Voici un site qui va vous en apprendre un maximum et vous évitera d'être déboussolé quand vous verrez des parents irreponsables se passer un bébé en le jetant par dessus une crevasse, une nana qui vous raconte qu'elle s'appelle boxxxy, un policier qui a un spray de la puissance d'une navette spatiale. Tout est expliqué sur le site <a href="knowyourmeme.com">Know your meme</a> (qui ne veut pas dire connais ta mère grand mais connais tes mémé). Les philosoraptors, me gusta, trollfaces, derp, insane kids et autres Yo Dawg n'auront plus de secrets pour vous *0*
|
||||
Oui enfin, faut causer un peu <a href="http://tykay.free.fr/index.php/post/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais">le Shakespeare</a> aussi.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: f5d912c6-0909-4590-a657-ea509296db54
|
||||
:END:
|
||||
#+title: entre-du-tgv-lyon-perrache-vue-conducteur
|
||||
|
||||
* Article
|
||||
- ID: 289
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-01-02 11:58:40>
|
||||
- modifié: <2012-01-02 12:04:13>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Entrée du TGV à Lyon perrache - vue conducteur
|
||||
|
||||
:html:
|
||||
|
||||
à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis la cabine conducteur pendant un trajet.<br />voilà une vidéo de <a hreflang="fr" href="http://gonzague.me">Gonzague</a>, bloggeux et testeur de produits divers de nouvelles technologies.<br /><iframe width="500" height="284" src="http://www.youtube.com/embed/VPIXnU0DJ9U" frameborder="0" allowfullscreen></iframe><br />
|
||||
<br />Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose vue passager :D <br />Notez tout le bazar du tableau de bord. Je savais déjà que le conducteur devait tenir et relâcher régulièrement le volant qui est en fait la manette d'accélération et que la <a href="http://geillon.pagesperso-orange.fr/trains/signaux/">signalisation des trains</a> était affichée sur la gauche de la voie. <br />Par exemple: <img src="http://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif" /> Ce panneau là demande à ce qu'on garde un air neutre au volant même en l'annonce de grèves. mwarh arh arh!<br />
|
||||
Tiens ça me rappelle que je connais quelqu'unnnnn qui m'avait dit qu'il pourrait me faire faire une visite de cabine de TGV en marche aussi. Votre sainteté, si vous m'écoutez, je suis toujours partant. B-)<br />
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 25355ad4-516f-4734-a2b1-9991b2a7ff10
|
||||
:END:
|
||||
#+title: se-dbarrasser-de-ie-6
|
||||
|
||||
* Article
|
||||
- ID: 288
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-01-04 11:08:42>
|
||||
- modifié: <2012-01-04 11:25:21>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Se débarrasser de IE 6
|
||||
|
||||
:html:
|
||||
|
||||
<p>Quand est ce qu'on pourra enfin se débarrasser de IE 6 (certains veulent le sauver :D <a href="http://www.saveie6.com/" hreflang="en">http://www.saveie6.com/</a> heureusement que c'est pour déconner) quand on considère la conception d'un design pour le web? Hébien, très bientôt il me semble.<br />
|
||||
ce qui permettra de <a href="http://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">faire plein de choses cool</a> comme utiliser les <em>sélecteurs d'enfants</em> en css, <em>min-width</em>, <em>max-width</em>, ne plus passer 90% du temps de design à trafiquer le style pour que ça s'affiche pareil pour chaque visiteur, gagner du temps (et donc du pognon), pouvoir se servir de <em>z-index</em>, bosser dans la joie et la bonne humeur. Levons les bras \o/
|
||||
Vous pouvez accélérer le mouvement en plaçant sur vos sites un encart conditionnel incitant vos visiteurs à prendre conscience qu'ils utilisent une technologie trop vulnérable, trop vieille et qui leur pourrit leur expérience utilisateur, <a href="http://tykay.free.fr/index.php/post/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux" hreflang="fr" title="Comment dire à Internet Explorer qu'il est trop vieux">comme je l'ai expliqué dans ce billet.</a>
|
||||
<br /><br />
|
||||
J'ai pris les <a href="http://www.w3schools.com/browsers/browsers_stats.asp">statistiques de fréquentations de w3c school</a> pour monter ces petits graphiques avec le tableur open office:
|
||||
<a href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg"><img src="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg" alt="versions IE 2009 2011" style="display:block; margin:0 auto;" /></a></p>
|
||||
|
||||
|
||||
<p><a href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg"><img src="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg" alt="navigateurs 2009 2011" style="display:block; margin:0 auto;" /></a>
|
||||
Ici on peut donc voir l'avancée de chrome et le léger recul de internet exlporer en général entre 2009 et fin 2011.
|
||||
<a href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/resolutions.jpg"><img src="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/resolutions.jpg" alt="resolutions" style="display:block; margin:0 auto;" /></a>
|
||||
Pour les résolutions d'écran, la plupart des gens en ont des plus grandes que 1024px de large, ce qui permet d'envisager des designs de sites de plus des sacro saints 960px de large pour le contenu.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 66051265-e99c-4ed1-885d-83ee2d3115aa
|
||||
:END:
|
||||
#+title: jusqu-o-peut-on-zoomer-dans-l-univers
|
||||
|
||||
* Article
|
||||
- ID: 287
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-01-13 23:16:42>
|
||||
- modifié: <2012-01-13 23:18:36>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Jusqu'où peut on zoomer dans l'univers ?
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif" alt="" />
|
||||
Jusqu'où peut on zoomer dans l'univers ?<br />
|
||||
<a href="http://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf" hreflang="en">La réponse interactive dans cette animation</a> qui met en rapport des choses les plus gigantesques ( 93 milliard d'années lumière , 9.3 * 10^26 mètres )jusqu'a la <a href="http://fr.wikipedia.org/wiki/Longueur_de_Planck" hreflang="fr" title="il en avait une toute petite, de longueur, planck">longueur de Planck</a> (10^-35 mètres)<br />
|
||||
<br />
|
||||
Tout simplement amazaing!<br /></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 01dc92d7-8800-40d8-a125-a93fd346935c
|
||||
:END:
|
||||
#+title: tron-legacy-les-effets-spciaux
|
||||
|
||||
* Article
|
||||
- ID: 286
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-01-14 18:20:02>
|
||||
- modifié: <2012-01-14 18:20:02>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Tron legacy : les effets spéciaux
|
||||
|
||||
:html:
|
||||
|
||||
<p><img alt="" src="http://jtnimoy.net/178/TRON_GFX_DG_04.JPG" width="500" /></p>
|
||||
<p>jtnimoy se présente comme une licorne de la Silicon valley, il est un artiste de software et s'est occupé en équipe des effets spéciaux et de tous les systèmes dans Tron: l'héritage avec Bradley "GMUNK" Munkowitz, Jake Sargeant, et David "dlew" LewandowskiIl. Il a aussi fait <a hreflang="en" href="http://www.balldroppings.com/js/">BallDroppings</a> , le jeu sonore interactif en javascript et en d'autres langages.</p>
|
||||
<p>Il raconte comme certains films tels que Hackers ou Jurassic Park (qui devrait s'appeller Crétacé Park en fait vu les bestioles présentes), ou encore Matrix, Battle Royale, Die Hard4... comportait des choses assez affreuses pour quiconque s'y connait un minimum en programmation.</p>
|
||||
<p><img alt="" src="http://www.balldroppings.com/images/artbanner.gif" /></p>
|
||||
<p>Retrouvez sa présentation intégrale de la démarche de conception des effets visuels sur Tron Legacy sur son site:</p>
|
||||
<p><a hreflang="en" href="http://jtnimoy.net/?q=178">http://jtnimoy.net/?q=178</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,25 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 37ec95bc-390a-4698-8a28-e1d072ce621a
|
||||
:END:
|
||||
#+title: technologie
|
||||
|
||||
* Article
|
||||
- ID: 284
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-02-15 17:13:20>
|
||||
- modifié: <2012-02-15 17:13:20>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Technologie
|
||||
|
||||
:html:
|
||||
|
||||
Voici une étude Britannique sur pourquoi les gens ont peur de la technologie<br/><br/>
|
||||
<iframe width="480" height="360" src="http://www.youtube.com/embed/Fc1P-AEaEp8" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: bb8d108c-5d15-4033-9422-d4c923f5242d
|
||||
:END:
|
||||
#+title: tablette-qui-fait-sentir-des-textures
|
||||
|
||||
* Article
|
||||
- ID: 283
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-03-20 21:02:24>
|
||||
- modifié: <2012-03-20 21:05:19>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Tablette qui fait sentir des textures
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg" alt="" />
|
||||
Aaaah les tablettes tactiles.<br />
|
||||
Avec ça, les constructeurs de claviers peuvent aller se rhabiller tant il est préférable d'avoir un clavier qui s'adapte à nos besoins.
|
||||
Bien sûr, il existe des claviers où chaque touche est munie d'un petit écran.<br />
|
||||
On dit souvent que les tablettes ont le défaut de ne pas nous faire ressentir de retour physique, sauf peut être par vibration. Que nenni, mauvaises langues!
|
||||
<a href="http://senseg.com/">Senseg</a> prévoit de sortir en 2013 ou au plus tard en 2014 une tablette à retour haptique pour le grand public. Une démo permet de ressentir des textures de plastique, de roche, de tissus, de simuler le volume d'une bille en verre.
|
||||
De nombreuses applications pourraient y être trouvées, notamment pour les non voyants.
|
||||
Mais aussi pour apporter encore plus de mimétisme au virtuel.<br />
|
||||
Mais comment ça marche ce retour haptique?<br />
|
||||
Avec des impulsions électromagnétiques qui disent à notre sens du toucher qu'on touche telle ou telle matière aussi bien qu'une enceinte trompe notre ouïe.. Le site est avare de détails, on n'en sait pas très précisément, mais bon, espionnage industriel, tout ça tout ça, et puis les gens faut les faire rêver, pas leur expliquer les choses. <br />
|
||||
J'en vois déjà sonner l'alarme aux mauvaises ondes et aux incidents sur les micro organismes comme si ces ondes étaient aussi méchantes que des micro ondes ou des rayons X. <a href="http://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/">Pas de panique!</a>
|
||||
Enfin, en effet, ce qui fait le fun d'une tablette c'est son côté tactile. Sans doute parce que notre société n'a pas de contacts physique entre ses individus, sauf cas de violence ou bousculades. Du coup, dans notre culture on n'aime pas qu'un inconnu se permette de nous toucher ne serait-ce qu'une épaule.
|
||||
<br />
|
||||
Et la tablette, a t elle chosi de se faire tripoter dès qu'elle se réveille? Hein, faut y penser. Oui à l'indépendance des tablettes!<br />
|
||||
<br />
|
||||
voilà, ça c'est dit.<br />
|
||||
Y'a aussi, comme pour la 3D un marché énorme pour le monde du porno avec ces tablettes qui pourraient agrandir le marché <a href="http://qzine.fr/boutique/#detailsfanzine4">des sextoys</a>.
|
||||
Enfin, un retour haptique aux variétés infinies donnerait une vraie particularité au support de la tablette, qui pur l'instant n'a que peu d'intérêt par rapport à un téléphone tactile.
|
||||
Peut être que je considérerai l'idée d'en acquérir une quand les tablettes disposeront d'un écran à 3D sans lunettes et de retour haptique. Et aussi quand on pourra modifier la taille d'une tablette pour la ranger dans sa poche. Allez zou les nigénieurs, au boulot! :)</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: de0ea05c-753d-4101-b792-3d8db8c26fd8
|
||||
:END:
|
||||
#+title: stabilisation-vido-diteur-youtube
|
||||
|
||||
* Article
|
||||
- ID: 282
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-04-23 23:56:00>
|
||||
- modifié: <2012-04-24 22:11:43>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Stabilisation vidéo, éditeur youtube
|
||||
|
||||
:html:
|
||||
|
||||
<p>Saviez vous que Youtube dispose d'un éditeur de vidéo et d'une fonctionnalité permettant d'ajuster la stabilité de vos vidéos ? Vous aussi, rende vos vidéos les plus spontanées moins pourries en leur enlevant toute influence des films du style <em>Projet Blair Witch</em> ou plus récemment <em>Rec</em>.</p>
|
||||
|
||||
<h3>Comment stabiliser une vidéo youtube?</h3>
|
||||
|
||||
<p><img src="http://blog.artlemoine.com/public/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg" alt=".comparaison videos stabilisation youtube m" style="display:block; margin:0 auto;" />
|
||||
Allez donc gérer vos vidéos sur <a href="http://www.youtube.com/editor">http://www.youtube.com/editor</a> (si vous avez un compte sur youtube, sinon créez en un en quelques secondes *o* awesome!)
|
||||
Cet éditeur vous permet de faire des montages (en glissant déposant les vidéos dans la barre en bas de page) et des transitions entre vos vidéos, de modifier contraste, luminosité, couleurs, tout plein de trucs hyper sympas et ce sans installer de logiciel sur votre ordi. Fouillez donc. Me gusta.
|
||||
(<a href="http://www.youtube.com/tykayn">Ma chaine de vidéos se nomme tykayn.</a>)
|
||||
<img src="http://blog.artlemoine.com/public/2012/tuto_youtube/.retouche_videos_youtube_m.jpg" alt=".retouche videos youtube m" style="display:block; margin:0 auto;" />
|
||||
Ou bien vous pouvez aller sur la page de l'une de vos vidéos, puis cliquer sur "<strong>retouches</strong>" dans le menu en haut.</p>
|
||||
|
||||
|
||||
<p>Ainsi, même sans être atteint de parkinson vous contriburez à améliorer la santé mentale du monde entier en créant de meilleures vidéos simplement et rapidement en quelques clics. (Google devrait me payer pour vous dire tout ça d'ailleurs :D)
|
||||
Pour cela vous pouvez aussi faire en sorte d'augmenter la qualité vidéo de votre téléphone ou de votre caméra (nombre de pixels par image et nombre d'images par seconde). en 2012, vu le prix du Giga pour les disques durs ou les cartes mémoires, ainsi qu'avec les solutions de cloud computing Ce n'est pas l'espace de stockage qui manque.
|
||||
Bref, enjoy!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 9c988482-5f5d-4d68-ad85-13975333d27f
|
||||
:END:
|
||||
#+title: changer-de-lecteur-de-code-source-dans-firefox
|
||||
|
||||
* Article
|
||||
- ID: 281
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-04-25 17:05:30>
|
||||
- modifié: <2015-11-17 16:16:46>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Changer de lecteur de code source dans Firefox
|
||||
|
||||
:html:
|
||||
|
||||
<p>C'est bien pratique de pouvoir voir les sources d'une page web avec un click droit.
|
||||
Sauf que c'est pas aussi pratique que votre éditeur de code préféré, par exemple<strong> npp</strong> ou <strong>netbeans</strong>. (enfin, npp a l'avantage d'être plus léger et rapide a lancer pour un bidouillage rapide)
|
||||
Et bien c'est possible de personnaliser ça. *0*</p>
|
||||
<p>
|
||||
<a href="/public/2012/config_firefox_notepad.jpg" title="config_firefox_notepad.jpg"><img src="/public/2012/.config_firefox_notepad_m.jpg" alt="config_firefox_notepad.jpg" title="config_firefox_notepad.jpg, avr. 2012" /></a></p>
|
||||
<p>Allez dans <strong>about:config</strong>
|
||||
Filtrez la recherche de paramètres en écrivant <strong>view_source</strong></p>
|
||||
<p>Double cliquez sur <strong>view_souce.editor.external</strong> pour le passer à <strong>true</strong> </p>
|
||||
<p>Double cliquez sur <strong>view_souce.editor.path</strong> et entrez le chemin vers votre éditeur de code favori.
|
||||
Par exemple pour mon npp j'ai mis </p>
|
||||
<code>C:\Program Files (x86)\Notepad++\notepad++.exe</code>
|
||||
<br />
|
||||
<p>Et voualaaa! Vous pouvez fermer l'onglet de config.
|
||||
Maintenant vous pourrez voir les codes sources des pages web trop trop mieux.
|
||||
Et ça marche bien évidemment aussi dans la version 64bits de firefox, c'est à dire <a href="http://waterfoxproject.org/">Waterfox</a>. :)</p>
|
||||
<p>
|
||||
<a href="http://waterfoxproject.org/">http://waterfoxproject.org</a>
|
||||
Enjoyez donc!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 0001bc44-73b5-4bdb-b327-822487cd7e28
|
||||
:END:
|
||||
#+title: envoyer-des-mails-depuis-localhost
|
||||
|
||||
* Article
|
||||
- ID: 280
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-04-30 05:04:28>
|
||||
- modifié: <2015-11-08 14:43:37>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Envoyer des mails depuis localhost
|
||||
|
||||
:html:
|
||||
|
||||
<p>Je me suis longtemps demandé comment configurer mon serveur local pour pouvoir envoyer des emails. Voici enfin la solution:
|
||||
ouvrir ces deux fichiers de config situés dans votre dossier wamp (en partant du principe que <a href="http://www.wampserver.com/">wampserver</a> est installé sous<em> C:\wamp</em> )</p>
|
||||
<code class="ini">C:\wamp\bin\php\php5.3.8\php.ini</code>
|
||||
<br />et
|
||||
<code>C:\wamp\bin\apache\Apache2.2.21\bin\php.ini</code>
|
||||
<p><br />
|
||||
Ensuite, cherchez une occurence de "<strong>smtp</strong>"<br />
|
||||
j'ai pour fournisseur d'accès SFR, donc j'ai mis <em>smtp.sfr.fr</em> et utilisé le port 25</p>
|
||||
<code class="ini">SMTP = smtp.sfr.fr <br />
|
||||
; http://php.net/smtp-port<br />
|
||||
smtp_port = 25</code>
|
||||
<p><br />
|
||||
là où les deux fichiers le demandaient.<br />
|
||||
Un restart de tous les services de wamp plus tard, et ô magie je peux enfin utiliser la fonction mail() de php.
|
||||
Enjoyez!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 1fbabb11-d86e-421a-bfcb-133e7e70db54
|
||||
:END:
|
||||
#+title: dclaration-de-l-internet-libre
|
||||
|
||||
* Article
|
||||
- ID: 279
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-07-02 12:07:13>
|
||||
- modifié: <2012-07-02 12:07:42>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Déclaration de l'internet libre
|
||||
|
||||
:html:
|
||||
|
||||
Vous aussi, signez la déclaration de l'internet libre autour de ces 5 principes pour qu'on ne voie plus fleurir des lois liberticides.<br /><strong>Liberté d'expression.</strong><br style="font-weight: bold;" /><strong>Liberté d'accès.</strong><br style="font-weight: bold;" /><strong>Liberté d'ouverture.</strong><br style="font-weight: bold;" /><strong>Liberté d'innovation.</strong><br style="font-weight: bold;" /><strong>Liberté de privacité.</strong><br />à faire passer à toutes les grosses boites et à vos proches qui pourront signer à titre individuel.<br /><br />comme ils diraient chez la quadrature du net "data must flow" en référence à Dune.<br /><a href="http://www.techdirt.com/netdeclaration"><img src="http://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a><br /><br /><em>Pour insérer l'image clickable avec le lien vers la pétition, copiez collez ce code dans une page html:</em><br /><blockquote><p><a href="http://www.techdirt.com/netdeclaration"><img src="http://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a></p>
|
||||
</blockquote><em>Si vous voulez l'insérer sur un message de forum phpbb c'est ce code suivant:</em><br /><blockquote><p>[url=http://www.techdirt.com/netdeclaration][img]http://cdn.techdirt.com/i/net-declaration.png[/img][/url]</p>
|
||||
</blockquote><br />
|
||||
<br />
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 0ba15e35-8fa9-47d9-9740-d0431fc10d76
|
||||
:END:
|
||||
#+title: processus-com-motorola-service-main-s-est-arrt
|
||||
|
||||
* Article
|
||||
- ID: 278
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-08-31 20:49:52>
|
||||
- modifié: <2016-07-26 08:36:20>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** processus com.motorola.service.main s'est arrêté
|
||||
|
||||
:html:
|
||||
|
||||
Le defy c'est trop génial, enfin un téléphone avec lequel vous pouvez surfer sur le net meme sous la douche ou dans la piscine pendant vos vacances, grâce à ses deux capuchons étanches sur la prise micro usb et jack 3mm ainsi que son blindage au normes IP67.
|
||||
((http://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg||un des rares smartphones étanches en vraie submersion ))
|
||||
Mon motorola Defy + m'affichait régulièrement cette erreur depuis quelques temps
|
||||
Cette erreur apparait aussi sur d'autres modèles de stupidphones.
|
||||
> Désolé le processus com.motorola.service.main s'est arrêté de façon inopinée, veuillez réessayer
|
||||
|
||||
|
||||
Pour venir à bout de cette erreur qui plope toutes les cinq minutes quand vous utilisez votre téléphone, il faut enlever les mises à jour de gmail.
|
||||
C'est une chose faisable avec l'application [Android Assistant|https://play.google.com/store/apps/details?id=com.advancedprocessmanager&hl=fr].
|
||||
|
||||
!!!Syncronisation
|
||||
Ce qui est fort pratique avec le play store c'est que vous pouvez installer, mettre à jour ou désinstaller les applications de votre téléphone à distance si vous avez un compte google.
|
||||
Notez que certaines applis de base ne peuvent être désinstallées aussi facilement, il faut avoir rooté votre téléphone pour cela.
|
||||
|
||||
Le root n'est pas illégal, il vous fait perdre votre garantie constructeur.
|
||||
|
||||
!!!Des applis super bien
|
||||
Silent time
|
||||
Data On/off
|
||||
Easy Uninstaller
|
||||
Autorun Manager
|
||||
Fid Me
|
||||
Vianavigo si vous habitez la région parisienne.
|
||||
|
||||
!!!utiliser son téléphone comme modem.
|
||||
Pratique si vous être quelqu'un de nomade équipé d'un ordi portable ou d'une tablette.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 18cdc15c-eeab-482d-875d-b95a4d9abb28
|
||||
:END:
|
||||
#+title: tuto-comment-crer-un-plugin-jquery
|
||||
|
||||
* Article
|
||||
- ID: 277
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-09-12 12:32:09>
|
||||
- modifié: <2012-09-12 13:41:03>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** tuto - Comment créer un plugin jQuery
|
||||
|
||||
:html:
|
||||
|
||||
<iframe height="6500" width="510" scrolling="yes" style="margin-left: 0;" border="0" src="http://blog.artlemoine.com/public/i/2012/09septembre/informageek/index.htm"></iframe>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 53680e6f-3f21-4585-8b37-8ffb2a80dbe4
|
||||
:END:
|
||||
#+title: bill-gates-vs-steve-jobs
|
||||
|
||||
* Article
|
||||
- ID: 275
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-09-17 16:28:37>
|
||||
- modifié: <2012-09-17 16:31:20>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** bill gates VS steve jobs
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0"><img src="http://img.gawkerassets.com/img/17m9r4xesx75spng/original.png" alt="" /></a></p>
|
||||
|
||||
|
||||
<p>choisissez votre combattant dans <a href="http://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0">ce merveilleux jeu flash</a> et bousillez la tête du gourou de apple ou de microsoft à coup de clichés comme bon vous semble dans ce jeu de combat qui ne manque pas de piquant :3
|
||||
Enjoyez!<br /></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p>trouvé chez <a href="http://gizmodo.com">gizmodo</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: fba3d48f-9cdc-4639-89a7-d138581caafd
|
||||
:END:
|
||||
#+title: tethering-android-2
|
||||
|
||||
* Article
|
||||
- ID: 274
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2012-12-08 19:22:48>
|
||||
- modifié: <2012-12-08 19:27:10>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Tethering Android 2
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg" alt="tethering" width="500" /> </p>
|
||||
<p>Le tethering (point d'accès mobile) c'est merveilleux, ça permet de faire profiter de votre connexion internet à d'autres périphériques, comme si c'était un modèle.
|
||||
Par chance depuis Android 2.3 tous les téléphones ayant cet OS en sont équipés. </p>
|
||||
<p>Possédant un motorola defy + avec Android 2.3.6 , je me faisais une joie de pouvoir avoir le net en grand sur ma tablette <a hreflang="fr" href="http://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html">Iconia tab a700</a>, <strong>pendant mes déplacements</strong> grâce à mon abbonnement 3G illimité chez Free pour presque 20€ par mois.
|
||||
Mais j'ai dû me heurter à un souci de compatibilité qui faisait que pour une raison inconnue, je n'avais pas accès a internet sur ma tablette, quand bien même la connexion entre les deux périphériques sans fil se faisait. Confirmée par l'icone verte en haut de mon tel et sur la tablette.</p>
|
||||
<p>Après moults essais de trouver des gens compétents sur le forum de korben.info, et de free mobile j'ai chatté avec la hotline de Acer. Il fallait configurer la configuration APN de mon téléphone (rien à voir avec Appareil Photo Numérique, il s'agit d<em>'Access Point Name</em>) en lui rajoutant un bout de texte.</p>
|
||||
<p>En effet, la config APN avait été gérée par l'application de Free mobile config comme ils le recommandent quand on se fournit chez eux. Allez donc voir dans le téléphone:</p>
|
||||
<p><strong>Paramètres , réseaux mobiles, noms point d'accès, free (si vous avez free), type d'APN</strong></p>
|
||||
<blockquote><p>,dun</p>
|
||||
</blockquote>
|
||||
<p>(si si, ",dun" avec la virgule avant) et en sauvegardant les modifications.
|
||||
ce qui fait donc en tout</p>
|
||||
<blockquote><p>default,supl,mms,dun</p>
|
||||
</blockquote>
|
||||
<p>Redémarrer le tel.</p>
|
||||
<p>Activer le moint d'accès mobile de nouveau,</p>
|
||||
<p>connecter la tablette au téléphone, et cette fois ci, ça fonctionne.</p>
|
||||
<p>Magie!
|
||||
Quand on n'a pas un abonnement illimité en données, ça utilise votre crédit de données, contrairement à une connexion en wifi à un routeur. ttention les enfants!</p>
|
||||
<p>sur ce, je vous souhaite un bon tethering :)</p>
|
||||
<blockquote><p><em><p>Un modem attaché (en anglais « tethered modem ») est un appareil qui donne à un autre appareil l'accès à Internet. Généralement portatif (mobile), ce dispositif agit comme un modem et connecte un ordinateur à l'internet au moyen d'une communication par câble (par exemple USB) ou sans fil (comme bluetooth ou wifi). Le plus souvent, le modem attaché est un téléphone mobile partageant un accès Internet avec un ordinateur portable. Le partage de la connexion Internet avec un modem attaché est communément appelée « tethering » en anglais1.</p>
|
||||
</em></p>
|
||||
</blockquote>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 43ecc63c-5410-4356-a559-94cf755c2747
|
||||
:END:
|
||||
#+title: cache-manifest
|
||||
|
||||
* Article
|
||||
- ID: 273
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-02-08 12:55:27>
|
||||
- modifié: <2013-02-08 12:56:51>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** cache manifest
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://rawkes.com/media/images/HTML5rawkes.png" alt="" width"500"="" /> </p>
|
||||
<p>Manifestement, le HTML 5 c'est bien.
|
||||
moi qui me demandais comment gérer les sites web avec le réseau pourri du métro et si on pourrait voir nos sites même sans réseau entre deux tunnels. Voici la solution: <a href="http://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest" hreflang="fr" title="tuto cache manifest">les manifestes de cache</a>.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 8146a435-ecbe-4ca2-a97f-09028ba88965
|
||||
:END:
|
||||
#+title: wampserveur-403-forbidden
|
||||
|
||||
* Article
|
||||
- ID: 272
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-02-21 13:55:47>
|
||||
- modifié: <2013-02-21 13:57:15>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** wampserveur 403 forbidden
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://www.alternative.free.fr/blog/images/wampserver_logo.png" alt="icone wamp" style="display:block; margin:0 auto;" /><br /></p>
|
||||
|
||||
|
||||
|
||||
<p>Vous venez d'installer Wampserver sur votre ordi tout neuf.
|
||||
Vous le lancez tranquillement, l'icone est verte.Mais en arrivant sur http://localhost il vous fait une jolie erreur 403 Forbidden access.
|
||||
C'est parce que quelqu'un s'est empalé dans la config du fichier httpd.conf.</p>
|
||||
|
||||
<pre>Mais n'ayez crainte, c'est juste que vous n'avez pas autorisé tout le monde a accéder au bouzin.</pre>
|
||||
|
||||
|
||||
<p>allez dans le fichier httpd.conf: (avec un click droit sur l'icone wamp, menu Apache), puis trouvez ces lignes:</p>
|
||||
<pre>
|
||||
<Directory "c:/wamp/www/">
|
||||
#
|
||||
# Possible values for the Options directive are "None", "All",
|
||||
# or any combination of:
|
||||
# Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
|
||||
#
|
||||
# Note that "MultiViews" must be named *explicitly* --- "Options All"
|
||||
# doesn't give it to you.
|
||||
#
|
||||
# The Options directive is both complicated and important. Please see
|
||||
# http://httpd.apache.org/docs/2.2/mod/core.html#options
|
||||
# for more information.
|
||||
#
|
||||
Options Indexes FollowSymLinks
|
||||
|
||||
#
|
||||
# AllowOverride controls what directives may be placed in .htaccess files.
|
||||
# It can be "All", "None", or any combination of the keywords:
|
||||
# Options FileInfo AuthConfig Limit
|
||||
#
|
||||
AllowOverride all
|
||||
|
||||
#
|
||||
# Controls who can get stuff from this server.
|
||||
#
|
||||
|
||||
# onlineoffline tag - don't remove
|
||||
|
||||
Deny from all
|
||||
Allow from all
|
||||
Order Deny,Allow
|
||||
</Directory>
|
||||
</pre>
|
||||
|
||||
|
||||
<p>les lignes:</p>
|
||||
<pre>
|
||||
Allow from all
|
||||
Order Deny,Allow
|
||||
</pre>
|
||||
|
||||
<p>sont sans doute différente,
|
||||
et c'est ça qui facilite le transit intestinal.
|
||||
sauvegardez le fichier.
|
||||
relancez wamp, Enjoyez!
|
||||
<br /><br />
|
||||
ceci m'a aidé:
|
||||
http://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 3b7f9b1a-6646-484d-806e-af4f16bacd54
|
||||
:END:
|
||||
#+title: comment-tuer-git
|
||||
|
||||
* Article
|
||||
- ID: 271
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-05-02 06:47:40>
|
||||
- modifié: <2013-05-02 06:47:40>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Comment tuer git
|
||||
|
||||
:html:
|
||||
|
||||
<p>Pour tuer git, entrez la commande suivante dans un terminal</p>
|
||||
|
||||
|
||||
<blockquote><p>$ git commit suicide</p></blockquote>
|
||||
|
||||
|
||||
<p>MUHOHOHO!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: e17d72d1-c0ca-4ee6-bd55-8c0676511fd9
|
||||
:END:
|
||||
#+title: une-autre-poque
|
||||
|
||||
* Article
|
||||
- ID: 270
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-05-02 14:00:46>
|
||||
- modifié: <2013-05-02 14:00:46>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Une autre époque
|
||||
|
||||
:html:
|
||||
#+begin_src html
|
||||
|
||||
<p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr>Un peu de Québecois dans ce fuking blog, voici en image ce que constitue la rupture technologique actuelle. Des gens agés face a des objets modernes.
|
||||
<iframe width="560" height="315" src="http://www.youtube.com/embed/2GOBuAGdaPU" frameborder="0" allowfullscreen></iframe>
|
||||
"c'est fancy" "c'est un miroir pour connaitre nos pensées"
|
||||
|
||||
Des enfants face a des objets de moins de 30 ans.
|
||||
<iframe frameborder="0" width="480" height="276" src="http://www.dailymotion.com/embed/video/xg7hx1"></iframe><br /><a href="http://www.dailymotion.com/video/xg7hx1_une-disquette-cest-quoi-ca_tech" target="_blank">Une disquette ? Cest quoi ça</a> <i>par <a href="http://www.dailymotion.com/Suchablog" target="_blank">Suchablog</a></i>
|
||||
une disquette, c'est quoi ça ?
|
||||
|
||||
Ne rions pas, certains souffrent d'ipadite.
|
||||
<object width="640" height="472"><param name="movie" value="http://www.bbc.co.uk/emp/external/player.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><param name="FlashVars" value="config_settings_showUpdatedInFooter=true&config_settings_showFullScreenButton=true&config_settings_showPopoutButton=false&config_settings_bitrateCeiling=1000&playlist=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Fplaylist%2Fp00fx5v7%2Exml&config_settings_skin=black&config=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Femp%2Fempconfig%2Exml&config_settings_showFooter=true&"></param><embed src="http://www.bbc.co.uk/emp/external/player.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="472" FlashVars="config_settings_showUpdatedInFooter=true&config_settings_showFullScreenButton=true&config_settings_showPopoutButton=false&config_settings_bitrateCeiling=1000&playlist=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Fplaylist%2Fp00fx5v7%2Exml&config_settings_skin=black&config=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Femp%2Fempconfig%2Exml&config_settings_showFooter=true&"></embed></object>
|
||||
|
||||
ho ho hohohooo!
|
||||
#+end_src
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 02461b73-8ac9-4ac3-b185-2f449f920b7f
|
||||
:END:
|
||||
#+title: skype-sous-linux-debian-6-0
|
||||
|
||||
* Article
|
||||
- ID: 269
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-05-03 07:32:24>
|
||||
- modifié: <2013-05-03 07:32:24>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** skype sous linux - debian 6.0
|
||||
|
||||
:html:
|
||||
|
||||
<p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr><p><img src="http://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg" alt="" /><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p>
|
||||
<p>Avoir une distrib linux Debian 6.0 et vouloir installer skype sans lire le fucking manuel c'est aller à l'encontre de bien des interrogations.</p>
|
||||
<p>Notamment si vous vous retrouvez face à une erreur signalant une architecture erronnée durant l'installation du paquet.</p>
|
||||
<p>Heureusement il vous suffira de faire une installation de <span style="font-family: 'Courier New', Courier, monospace; font-size: 1.1em; background-color: rgb(245, 246, 247); line-height: 2em;"><em>ia32-libs</em> et <em>ia32-libs-gtk</em></span></p>
|
||||
<p>
|
||||
<pre style="border: 1px solid rgb(210, 211, 215); background-color: rgb(245, 246, 247); padding: 1em; font-family: monospace; word-wrap: break-word; margin: 2em 1.5em; outline: 0; font-size: 12.800000190734863px; vertical-align: baseline; overflow: auto; line-height: 2em;"># apt-get install ia32-libs ia32-libs-gtk</pre></p>
|
||||
<p>De télécharger <a href="http://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb" title="skype-debian_4.0.0.7-1_i386.deb">skype-debian_4.0.0.7-1_i386.deb</a></p>
|
||||
<p>et de l'installer avec la commande</p>
|
||||
<p><pre style="border: 1px solid rgb(210, 211, 215); background-color: rgb(245, 246, 247); padding: 1em; font-family: monospace; word-wrap: break-word; margin: 2em 1.5em; outline: 0; font-size: 12.800000190734863px; vertical-align: baseline; overflow: auto; line-height: 2em;"># dpkg -i --force-architecture skype-debian_4.0.0.7-1_i386.deb</pre></p>
|
||||
<p>et tadaaam!</p>
|
||||
<p>trouvé sur <a href="http://wiki.debian.org/skype" hreflang="en">le wiki debian</a> en Anglais</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 83958324-e37b-4811-b120-a30c924af434
|
||||
:END:
|
||||
#+title: problme-avec-le-slecteur-css-last-child
|
||||
|
||||
* Article
|
||||
- ID: 268
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-05-03 13:57:33>
|
||||
- modifié: <2013-05-03 13:57:33>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Problème avec le sélecteur CSS :last-child
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png" alt="" /></p>
|
||||
|
||||
|
||||
<p>Peut être vous êtes vous déjà demandé pourquoi votre sélecteur :last-child ne ciblait pas le dernier élément de la classe que vous lui avez passé. Nous avons explication: c'est parce que ce sélecteur se base sur l'élément où s'applique la classe, et qu'il choisit le dernier élément.
|
||||
Admettons que nous ayons ce code HTML</p>
|
||||
|
||||
<pre>
|
||||
<nav>
|
||||
<div class="panel">mon item</div>
|
||||
<div class="panel">mon item 2</div>
|
||||
<div class="panel">mon item 3</div>
|
||||
<div class="panel">mon item 4</div>
|
||||
<div class="clear"></div>
|
||||
</nav>
|
||||
</pre>
|
||||
|
||||
<p>et ce code CSS pour avoir en fond rouge le derner .panel.</p>
|
||||
<pre>
|
||||
.panel:last-child{
|
||||
background: red;
|
||||
}
|
||||
|
||||
</pre>
|
||||
|
||||
|
||||
<p>Surprise, aucun élément .panel n'a de fond rouge, et surtout pas le dernier (4e enfant de <nav>).
|
||||
Il semblerait que c'est un bug CSS non résolu à ce jour, et que comme le dernier div n'est pas de la class panel, il ne soit ciblé, et ne renvoie pas un test concluant. Donc, n'applique pas le style demandé.</p>
|
||||
|
||||
|
||||
<p>Et oui jammy, même dans Chrome supportant parfaitement le CSS3.
|
||||
Cependant, je suis toute ouïe si vous avez une meilleure explication.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,122 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 10ca20f6-2127-4f32-bd70-b04536e6cc52
|
||||
:END:
|
||||
#+title: git-it-git-it-no-one-wants-to-be-defeated
|
||||
|
||||
* Article
|
||||
- ID: 267
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-05-12 21:30:30>
|
||||
- modifié: <2013-05-13 09:52:37>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** git it, git it, no one wants to be defeated
|
||||
|
||||
:html:
|
||||
|
||||
<p>Parfois je rangerai bien des tas de choses, du style mes fringues, avec un git stash.
|
||||
<a href="http://git-scm.com/book/fr/"><img src="http://git-scm.com/images/books/pro-git@2x.jpg" alt="git pro book" style="display:block; margin:0 auto;" /></a>
|
||||
Si ça ne vous parle pas du tout mais que vous vous intéressez a git tout en étant un parfait noob, je vous recommande la lecture de <a href="http://git-scm.com/book/fr/">ce superbe livre intégral et en français sur l'utilisation de git, Git pro</a>. Vous pouvez aussi le trouver au format papier.</p>
|
||||
|
||||
|
||||
<h3>Au programme:</h3>
|
||||
|
||||
|
||||
<h4>1. Démarrage rapide</h4>
|
||||
|
||||
<p>1.1 À propos de la gestion de version
|
||||
1.2 Une rapide histoire de Git
|
||||
1.3 Rudiments de Git
|
||||
1.4 Installation de Git
|
||||
1.5 Paramétrage à la première utilisation de Git
|
||||
1.6 Obtenir de l'aide
|
||||
1.7 Résumé</p>
|
||||
|
||||
<h4>2. Les bases de Git</h4>
|
||||
|
||||
<p>2.1 Démarrer un dépôt Git
|
||||
2.2 Enregistrer des modifications dans le dépôt
|
||||
2.3 Visualiser l'historique des validations
|
||||
2.4 Annuler des actions
|
||||
2.5 Travailler avec des dépôts distants
|
||||
2.6 Étiquetage
|
||||
2.7 Trucs et astuces
|
||||
2.8 Résumé</p>
|
||||
|
||||
<h4>3. Les branches avec Git</h4>
|
||||
|
||||
<p>3.1 Ce qu'est une branche
|
||||
3.2 Brancher et fusionner : les bases
|
||||
3.3 Gestion de branches
|
||||
3.4 Travailler avec les branches
|
||||
3.5 Les branches distantes
|
||||
3.6 Rebaser
|
||||
3.7 Résumé</p>
|
||||
|
||||
<h4>4. Git sur le serveur</h4>
|
||||
|
||||
<p>4.1 Protocoles
|
||||
4.2 Installation de Git sur un serveur
|
||||
4.3 Génération des clés publiques SSH
|
||||
4.4 Mise en place du serveur
|
||||
4.5 Accès public
|
||||
4.6 GitWeb
|
||||
4.7 Gitosis
|
||||
4.8 Gitolite
|
||||
4.9 Le daemon Git
|
||||
4.10 Git hébergé
|
||||
4.11 Résumé</p>
|
||||
|
||||
<h4>5. Git distribué</h4>
|
||||
|
||||
<p>5.1 Développements distribués
|
||||
5.2 Contribution à un projet
|
||||
5.3 Maintenance d'un projet
|
||||
5.4 Résumé</p>
|
||||
|
||||
<h4>6. Utilitaires Git</h4>
|
||||
|
||||
<p>6.1 Sélection des versions
|
||||
6.2 Indexation interactive
|
||||
6.3 Le remisage
|
||||
6.4 Réécrire l'historique
|
||||
6.5 Deboguer avec Git
|
||||
6.6 Sous-modules
|
||||
6.7 Fusion de sous-arborescences
|
||||
6.8 Résumé</p>
|
||||
|
||||
<h4>7. Personnalisation de Git</h4>
|
||||
|
||||
<p>7.1 Configuration de Git
|
||||
7.2 Attributs Git
|
||||
7.3 Crochets Git
|
||||
7.4 Exemple de politique gérée par Git
|
||||
7.5 Résumé</p>
|
||||
|
||||
<h4>8. Git et les autres systèmes</h4>
|
||||
|
||||
<p>8.1 Git et Subversion
|
||||
8.2 Migrer sur Git
|
||||
8.3 Résumé</p>
|
||||
|
||||
<h4>9. Les tripes de Git</h4>
|
||||
|
||||
<p>9.1 Plomberie et porcelaine
|
||||
9.2 Les objets Git
|
||||
9.3 Références Git
|
||||
9.4 Fichiers groupés
|
||||
9.5 Les références spécifiques
|
||||
9.6 Protocoles de transfert
|
||||
9.7 Maintenance et récupération de données
|
||||
9.8 Résumé
|
||||
Index of Commands</p>
|
||||
|
||||
|
||||
<p>De quoi tout savoir du plus puissant des gestionnaires de version. Have fun!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: e5c75b61-6bd0-49b5-98cf-6482faaac235
|
||||
:END:
|
||||
#+title: faire-durer-4-jours-d-autonomie-un-galaxy-s3
|
||||
|
||||
* Article
|
||||
- ID: 265
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-06-05 09:11:07>
|
||||
- modifié: <2013-06-06 19:39:08>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Faire durer 4 jours d'autonomie un Galaxy S3
|
||||
|
||||
:html:
|
||||
|
||||
<p>Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et je l'ai fait.</p>
|
||||
|
||||
<pre>Preuve en image.</pre>
|
||||
|
||||
<p><a href="http://blog.artlemoine.com/public/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05 20.35.39.png"><img src="http://blog.artlemoine.com/public/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05 20.35.39.png" alt="android galaxy s3 batterie longue duree 4 jours et demi 2013 06 05 20.35.39" style="display:block; margin:0 auto;" /></a></p>
|
||||
|
||||
|
||||
<p>Premièrement: se payer 15 euros une batterie ayant 4500 mAh au lieu de 2200 de base.
|
||||
La batterie en question trouvée sur amazon ne possède pas de puce nfc, mais spa grave. Livrée avec coque elle permet de placer la batterie qui fait gagner en épaisseur et en poids au S3, mais c'est pas plus mal, surtout pour la prise en main qui se retrouve facilitée avec les courbes à l'arrière. Pratique pour manipuler à une seule main, ce qui arrive plus souvent qu'on ne le croit.</p>
|
||||
|
||||
<ul>
|
||||
<li>Désactiver la connexion de données,</li>
|
||||
<li>Désactiver les mises a jour automatiques des applications,</li>
|
||||
<li>ne plus utiliser le tel aux chiottes :D</li>
|
||||
</ul>
|
||||
|
||||
<p>Pour arriver à ça je ne me suis pas privé de l'utiliser pourtant. J'ai donc pu:
|
||||
regarder des <a href="https://play.google.com/store/apps/details?id=com.ted.android&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS50ZWQuYW5kcm9pZCJd">vidéos conférences de TED</a> (téléchargées par wifi) dans les transports en commun, soit près de 2 heures sur les 4 jours,
|
||||
écouter de la musique sur écouteur,
|
||||
utiliser le GPS + musique en faisant du vélo pendant 25 minutes.
|
||||
utiliser le GPS en voiture pendant 20 minutes.
|
||||
téléphoner environ 25 minutes.</p>
|
||||
|
||||
|
||||
<p>Surtout ça consiste en attendre quelques minutes d'être a son poste au boulot pour checker quelques trucs que l'on regarde habituellement sur son mobile. Et désactiver les données c'est très bien, surtout que dans le métro c'est vraiment un coup de bol si on a du réseau de données.
|
||||
Et hop! Autonomie de fifou!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 2cea997c-111a-46a5-9fa3-950589e7c6d4
|
||||
:END:
|
||||
#+title: mangez-des-pommes
|
||||
|
||||
* Article
|
||||
- ID: 263
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-06-06 20:02:18>
|
||||
- modifié: <2013-06-06 20:03:14>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** mangez des pommes
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://blog.artlemoine.com/public/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg"><img src="http://blog.artlemoine.com/public/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg" alt="macbook air a la pomme 2013 06 05 10.41.24 , une pomme sur un mac book air" style="display:block; margin:0 auto;" /></a>
|
||||
Voilà, c'était la connerie du jour au boulot. Eh ouais, on est des gros dingues.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 00317e31-7199-47c0-9432-8999201ea121
|
||||
:END:
|
||||
#+title: navigo-c-est-pas-toujours-facile
|
||||
|
||||
* Article
|
||||
- ID: 262
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-06-06 20:04:12>
|
||||
- modifié: <2021-09-16 11:20:57>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Navigo c'est pas toujours facile
|
||||
|
||||
:html:
|
||||
|
||||
<a href="https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24 09.03.23.jpg"><img style="display: block; margin: 0 auto;" src="http://blog.artlemoine.com/public/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24 09.03.23.jpg" alt="ratp fail de navigo 2013 04 24 09.03.23" /></a>
|
||||
si on veut valider, y'a des fois on est vraiment pas aidés :D
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 4e3d6118-a611-4652-a4a1-fc690fb37270
|
||||
:END:
|
||||
#+title: redirection-dotclear
|
||||
|
||||
* Article
|
||||
- ID: 261
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-07-25 13:25:46>
|
||||
- modifié: <2013-07-25 13:28:01>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Redirection dotclear
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214"><img src="http://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg" alt="Discouragement Redirection Cube" style="display:block; margin:0 auto;" /></a></p>
|
||||
|
||||
|
||||
<p>Si comme moi vous avez déménagé un blog Dotclear vers un nouveau serveur et que vous ne souhaitez pas perdre vos anciens liens, lecteurs et autres joies du référencement il convient de faire une redirection permanente de tous les liens envoyés à l'index.php de Dotclear.</p>
|
||||
|
||||
|
||||
<p>éditez donc ce fichier et rajoutez y ce code avec vos infos perso.</p>
|
||||
<pre>
|
||||
<?php
|
||||
function curPageURL() {
|
||||
$pageURL = 'http';
|
||||
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
|
||||
$pageURL .= "://";
|
||||
if ($_SERVER["SERVER_PORT"] != "80") {
|
||||
$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
|
||||
} else {
|
||||
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
|
||||
}
|
||||
return $pageURL;
|
||||
}
|
||||
|
||||
|
||||
$mystring = curPageURL();
|
||||
$findme = 'index.php/post';
|
||||
$pos = strpos($mystring, $findme);
|
||||
|
||||
if( $pos ){ //pour remplacer la nouvelle façon d'écrire le chemin vers l'index et les posts
|
||||
// bien sûr au lieu de tykay.free.fr et tykayn.fr il faut mettre ce code en fonction de vos informations persos
|
||||
$newurl = str_replace('http://tykay.free.fr/index.php/post','http://tykayn.fr/?post',curPageURL());
|
||||
}
|
||||
else{
|
||||
$newurl = str_replace('http://tykay.free.fr','http://tykayn.fr',curPageURL());
|
||||
}
|
||||
|
||||
//echo $newurl;
|
||||
// Permanent redirection
|
||||
header("HTTP/1.1 301 Moved Permanently");
|
||||
header("Location: $newurl");
|
||||
?>
|
||||
</pre>
|
||||
|
||||
|
||||
<p>Et voilou!
|
||||
Enjoy</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 14cc7f84-8487-470b-8108-a9435bea9bee
|
||||
:END:
|
||||
#+title: crer-des-alias-de-commande-windows-7
|
||||
|
||||
* Article
|
||||
- ID: 260
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-07-29 14:25:57>
|
||||
- modifié: <2013-07-29 14:25:57>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Créer des alias de commande windows 7
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://iflock.deviantart.com/art/Shell-64171812"><img src="http://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg" alt="Shell" style="display:block; margin:0 auto;" /></a>
|
||||
Vous voulez éviter de taper des changement de dossier dans votre console? Faite un ctrl + click droit dans le dossier désiré et cliquez sur "ouvrir un terminal ici".</p>
|
||||
|
||||
|
||||
<p>Pour s'éviter de taper plein de fois une commande dans windows 7 il vous faudra créer un fichier autorun.bet dans votre dossier personnel
|
||||
Pour moi ça donne:</p>
|
||||
|
||||
<blockquote><p>C:\Users\tykayn</p></blockquote>
|
||||
|
||||
<p>et bidouiller le registre.</p>
|
||||
|
||||
|
||||
<p>Voici le contenu de mon fichier autorun.bat:</p>
|
||||
|
||||
|
||||
<blockquote><p>@ECHO OFF
|
||||
doskey ls=dir /b $*
|
||||
doskey ll=dir $*
|
||||
doskey cat=type $*
|
||||
doskey ..=cd..
|
||||
doskey grep=find "$1" $2
|
||||
doskey mv=ren $*
|
||||
doskey rm=del $*
|
||||
doskey sf=php app/console $*</p></blockquote>
|
||||
|
||||
|
||||
<p>Ces alias reprennent les commandes unix et la dernière concerne symfony2</p>
|
||||
|
||||
|
||||
<p>(touche windows, écrivez regedit, appuyez sur entrée et vous voilà dans l'éditeur de registre.
|
||||
Naviguez dans :
|
||||
HKEY_CURRENT_USER > Software > Microsoft > Command Processor
|
||||
click droit, nouveau > valeur chaîne
|
||||
Appellez la <strong>Autorun</strong>
|
||||
faites entrée, click droit dessus, modifiez sa valeur à ceci</p>
|
||||
|
||||
|
||||
<blockquote><p>%USERPROFILE%\autorun.bat</p></blockquote>
|
||||
|
||||
|
||||
<p>Et voilà, les prochianes consoles windows que vous ouvrirez contiendront votre fichier autorun.bat avec ses alias.
|
||||
Voilou, enjoy!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 64636dd8-34d0-4e53-8c69-34c278fb8ed1
|
||||
:END:
|
||||
#+title: les-illtrs-technologiques-que-nous-sommes
|
||||
|
||||
* Article
|
||||
- ID: 259
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-08-14 13:00:55>
|
||||
- modifié: <2018-09-24 17:25:23>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Les illétrés technologiques que nous sommes
|
||||
|
||||
:html:
|
||||
|
||||
<a href="http://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs"><img style="display: block; margin: 0 auto;" src="http://lunatopia.fr/img/blog/telephone_fisher_price.jpg" alt="" /></a>
|
||||
Un récit fort intéressant de la part d'un prof d'informatique / ingé réseau Britannique / techno Papa, traduit en Français.
|
||||
Il nous y explique quelques cas représentant l'étendue de notre illettrisme, et pourquoi c'est important de savoir se servir des ordinateurs, quel que soit notre âge et notre rang social. Que "si on n'a rien a se reprocher on a rien à cacher" est encore omniprésent dans nos têtes, pour le pire de nos libertés. Les décideurs de lois à propos de l'informatiques sont illettrés, comme tout le monde, et ça pose de gros problèmes dans à peu près tout ce qui concerne le fonctionnement du monde actuel, ainsi que la sécurité des entreprises, mais aussi des personnes.
|
||||
<blockquote>L'infrastructure réseau des écoles du Royaume-Uni est tout autant à blâmer. Nous avons imité les réseaux d'entreprises, empêchant les étudiants et les professeurs d'accéder aux paramètres système, à la ligne de commande, et en réclamant des droits d'administration pour faire à peu près n'importe quoi. Ils sont assis devant un "general purpose computer" et n'ont pas la possibilité de faire de l' "informatique générale".</blockquote>
|
||||
Je propose comme traduction de "general purpose computer", un ordinateur à tout faire, ou un ordi normal, basique.
|
||||
<blockquote>C'est fantastique que tout le monde, du plus petit des enfants au plus vieux des grand-parents puissent maintenant utiliser un ordinateur avec absolument aucune connaissance technique, mais c'est aussi une catastrophe.
|
||||
Cory Doctorow le formule mieux que moi quand il dit :
|
||||
|
||||
<em>Il n'y a pas d'avions, juste des ordinateurs qui volent. Il n'y a pas de voitures, juste des ordinateurs dans lesquels on s'assied. Il n'y a pas d'aides auditives, juste des ordinateurs que nous mettons dans nos oreilles.</em></blockquote>
|
||||
à lire en entier par ici:
|
||||
<a href="http://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs">http://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs</a>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 89b6a098-d2cd-41ff-93ce-9e741db18a1a
|
||||
:END:
|
||||
#+title: rooter-galaxy-s3-et-cyanogenmod-10
|
||||
|
||||
* Article
|
||||
- ID: 258
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-10-14 08:57:45>
|
||||
- modifié: <2014-05-23 10:23:13>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** rooter galaxy S3 et cyanogenmod 10
|
||||
|
||||
:html:
|
||||
|
||||
<h3>ingrédients:</h3>
|
||||
<ul><li>Galaxy S3.</li>
|
||||
<li>carte mémoire</li>
|
||||
<li>carte sim</li>
|
||||
<li>batterie</li>
|
||||
<li>câble usb micro.</li>
|
||||
</ul>
|
||||
<h3>à télécharger pour windows:</h3>
|
||||
<p>Odin
|
||||
le recovery mod
|
||||
la rom CyanogenMod qui va bien.</p>
|
||||
<h3>plan d'action:</h3>
|
||||
<p>copier les fichiers zip de cyanogen et des google apps dans la carte mémoire externe du téléphone.</p>
|
||||
<p>rooter le téléphone en mode download avec odin et le recovery mod.</p>
|
||||
<p>démarrage en mode bios.
|
||||
backup de la rom d'origine et les données utilisateur.
|
||||
nettoyache de cache.
|
||||
flasher (installer depuis la carte mémoire externe le zip de cyanogenmod,
|
||||
flasher les google apps.
|
||||
nettoyer le cache utilisateur encore une fois.</p>
|
||||
<p>rebooter normalement et attendre un peu que cyanogenmod s'initialise (moins de dix minutes)
|
||||
envoyyy</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: edbe3f72-e5c9-4716-919f-e320be4d7d54
|
||||
:END:
|
||||
#+title: alias-symfony-et-git-pour-linux
|
||||
|
||||
* Article
|
||||
- ID: 257
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-11-26 11:29:03>
|
||||
- modifié: <2015-06-23 09:36:38>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** alias symfony et git pour linux
|
||||
|
||||
:html:
|
||||
|
||||
<p>Les alias c'est fort pratique quand on bouffe de la ligne de commande quotidiennement.
|
||||
voici donc mon fichier .bash_aliases actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu maison. Enjoyez les commandes raccourcies!</p>
|
||||
<pre class="brush:bash">
|
||||
################ git ################
|
||||
alias ci='commit';
|
||||
alias co='checkout';
|
||||
alias st='status';
|
||||
alias br='branch';
|
||||
alias gci='git commit';
|
||||
alias gco='git checkout';
|
||||
alias gst='git status';
|
||||
alias gbr='git branch';
|
||||
alias gpull='git pull origin master';
|
||||
alias gpush='git push origin master';
|
||||
alias glg='git log --pretty=oneline';
|
||||
alias myglg='git log --pretty=oneline --author=baptiste.lemoine';
|
||||
alias gaci='git add . && git commit -m ';
|
||||
|
||||
################ symfony2 ######################
|
||||
alias sf='php app/console';
|
||||
alias sfdsu='php app/console doctrine:schema:update --dump-sql';
|
||||
alias sfdsuf='php app/console doctrine:schema:update --force';
|
||||
alias sfcc='rm -rf app/cache/* && rm -rf app/logs/*';
|
||||
alias sfdcc='sf doctrine:cache:clear-metadata && sf doctrine:cache:clear-query && sf doctrine:cache:clear-result ';
|
||||
alias sfdge='php app/console doctrine:generate:entities Tykayn';
|
||||
alias sfdsv='php app/console doctrine:schema:validate';
|
||||
alias sfdges='php app/console doctrine:generate:entities Tykayn';
|
||||
alias c7='sudo chmod 777 -R';
|
||||
alias ptest='phpunit -c app';
|
||||
alias composer='/usr/local/bin/composer.phar';
|
||||
alias sfad='sf assetic:dump';
|
||||
alias sfai='sf assets:install';
|
||||
|
||||
################ system - command line ################
|
||||
alias bashare='source ~/.bash_aliases';
|
||||
alias basha='nano ~/.bash_aliases';
|
||||
alias ainstall='sudo apt-get install';
|
||||
alias apacheconf='sudo nano /etc/apache2/apache2.conf';
|
||||
alias tfa='tail -f /var/log/apache2/error.log';
|
||||
alias aupg='sudo apt-get update && sudo apt-get upgrade';
|
||||
alias toshop='wine "/media/tykayn/567A958C7A956A0F/Program Files (x86)/Adobe/Adobe Photoshop CS5/Photoshop.exe"';
|
||||
alias phpini='sudo nano /etc/php5/apache2/php.ini';
|
||||
</pre>
|
||||
afin que les alias fonctionnent, n'oubliez pas de resourcer votre bash avec la commande suivante:
|
||||
<pre class="brush:bash">source ~/.bashrc </pre>
|
||||
|
||||
enjoyez!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 39fee767-1327-40e5-b7ca-5ef37f9098cf
|
||||
:END:
|
||||
#+title: importer-facilement-sa-base-de-donnes
|
||||
|
||||
* Article
|
||||
- ID: 255
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2013-12-06 21:07:39>
|
||||
- modifié: <2018-10-31 14:37:56>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** importer facilement sa base de données
|
||||
|
||||
:html:
|
||||
|
||||
<a href="http://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165"><img style="display: block; margin: 0 auto;" src="http://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png" alt="mySQL Dock Icon" /></a>
|
||||
|
||||
vous avez déjà été contrait de chercher comment contourner la limite d'upload de phpmyadmin?
|
||||
hébien y'a plus simple que bigdump, c'est l'utilisation de la ligne de commande pour importer un fichier.
|
||||
ça implique de connaitre mot de passe et utilisateur ayant les droits pour importer un fichier.
|
||||
|
||||
Faites un joli export de votre base sur votre wonderfoule serveur avec phpmyadmin.
|
||||
ou a la main, en ligne de commande après une connec en SSH.
|
||||
<blockquote>
|
||||
<pre>mysqldump -u root -p maBase > maBase_backup.sql</pre>
|
||||
</blockquote>
|
||||
choppez votre fichier .sql
|
||||
lancez un terminal dans le dossier où se trouve votre export de base sql, et faites la commande:
|
||||
<blockquote>
|
||||
<pre>mysql -u root -p base_ou_importer_sur_localhost < Téléchargements/mon_beau_gros_backup.sql</pre>
|
||||
</blockquote>
|
||||
entrez le mot de passe de l'utilisateur root de mysql (en général c'est vide, il faut juste appuyer sur entrée, ça dépend comment vous avez installé mysql-server.
|
||||
patientez un peu si vous avez plus de 1 Mo de fichier sql. et vouala \o/
|
||||
|
||||
Faites gaffe si vous avez assigné des privilèges passepartout au lieu de seulement à l'hote local, ça peut vous empêcher de vous connecter malgré de bons login et mot de passe.
|
||||
plusse d'infos sur la doc ubuntu, très bien fournie et concise à la fois http://doc.ubuntu-fr.org/mysql
|
||||
enjoy!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 8d0a3827-93f1-47c4-8d39-37e8bed1e252
|
||||
:END:
|
||||
#+title: s-essayer-git-pas-pas
|
||||
|
||||
* Article
|
||||
- ID: 253
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-01-30 10:06:46>
|
||||
- modifié: <2014-01-30 10:08:42>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** S'essayer à git pas à pas
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://pixelworlds.deviantart.com/art/Octocat-215284019"><img src="http://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg" alt="Octocat" style="float:left; margin: 0 1em 1em 0;" /></a>
|
||||
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.</p>
|
||||
|
||||
|
||||
<p><a href="http://try.github.io/" hreflang="en">http://try.github.io/</a></p>
|
||||
|
||||
|
||||
<p>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:
|
||||
<a href="http://www.miximum.fr/tutos/1546-enfin-comprendre-git" hreflang="fr">http://www.miximum.fr/tutos/1546-enfin-comprendre-git</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 8921b18a-da24-405b-90cd-0307a7c7ba33
|
||||
:END:
|
||||
#+title: astuces-pour-ligne-de-commande-linux
|
||||
|
||||
* Article
|
||||
- ID: 252
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-02-01 21:48:44>
|
||||
- modifié: <2014-02-01 21:48:44>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Astuces pour ligne de commande Linux
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://droneguard.deviantart.com/art/Computer-monster-110216368"><img src="http://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif" alt="Computer monster" style="float:left; margin: 0 1em 1em 0;" /></a>
|
||||
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
|
||||
<a href="http://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts" hreflang="en" title="time saving shortcuts in command line">http://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 291a3211-3d94-463c-b9ac-15f9de195a66
|
||||
:END:
|
||||
#+title: zen-coding
|
||||
|
||||
* Article
|
||||
- ID: 251
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-02-12 08:28:47>
|
||||
- modifié: <2014-02-12 08:29:18>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Zen coding
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" alt="Bouddha and the Lotus" style="float:right; margin: 0 0 1em 1em;" />
|
||||
ô 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 <strong>ctrl+alt+N</strong>.</p>
|
||||
|
||||
|
||||
<p>Tous <a href="https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn" hreflang="en">les exemples de syntaxe zen coding sont disponibles sur google code</a>.</p>
|
||||
|
||||
|
||||
<p>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 <em>div</em> de classe <em>maClasse</em>. Il suffit d'écrire .maClasse et Zen coding assumera qu'il s'agit d'une div. Pareil pour les #id.</p>
|
||||
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<p>Autre petite astuce pour avoir un code bien indenté, le raccourci de formattage: <strong>ctrl + maj +F</strong>. Les subtilités de reformatage sont disponibles dans les options d'édition de texte de votre IDE.</p>
|
||||
|
||||
|
||||
<p>Wouala, que le zen soit avec vous!
|
||||
<a href="http://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" hreflang="en">image</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 1fc096ee-f4bc-462c-b20e-26684488a8fa
|
||||
:END:
|
||||
#+title: smartwatch-faite-maison-avec-l-aide-de-hong-kong
|
||||
|
||||
* Article
|
||||
- ID: 250
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-03-04 20:22:59>
|
||||
- modifié: <2014-03-04 20:26:15>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Smartwatch faite maison avec l'aide de hong kong
|
||||
|
||||
:html:
|
||||
|
||||
<p>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.
|
||||
<img src="/public/i/2014/03mars/.2014-03-04_20-41-58_617_m.jpg" alt="2014-03-04_20-41-58_617.jpg" style="display:block; margin:0 auto;" title="2014-03-04_20-41-58_617.jpg, mar. 2014" />
|
||||
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.</p>
|
||||
|
||||
|
||||
<blockquote><p>"On a des smart screen, des smart phones, des smart buildings, mais quand est ce qu'on aura des smart-people?"</p></blockquote>
|
||||
|
||||
<p>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!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: b0c42731-8c61-4cf2-8d74-dd803e7a52a9
|
||||
:END:
|
||||
#+title: poids-des-slecteurs-css
|
||||
|
||||
* Article
|
||||
- ID: 249
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-03-13 13:01:03>
|
||||
- modifié: <2014-03-13 13:03:09>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** poids des sélecteurs CSS
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590"><img src="http://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png" alt="Journal CSS for Beginners" style="display:block; margin:0 auto;" /></a>
|
||||
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.</p>
|
||||
|
||||
|
||||
<p>Dans l'ordre du plus prioritaire au moins important:</p>
|
||||
<ul>
|
||||
<li>les sélecteurs inline ( par exemple <div style="" ></div> )</li>
|
||||
<li>les #id ( <div id="mon-Id" ></div> )</li>
|
||||
<li>les .classes ( <div class="ma-classe" ></div> )</li>
|
||||
<li>les <éléments> ( <div></div> )</li>
|
||||
</ul>
|
||||
|
||||
<p>Votre navigateur, pour déterminer quel sélecteur doit avoir raison fait un tableau selon cet ordre.</p>
|
||||
|
||||
|
||||
<p>inline | id | class | element
|
||||
0 | 0 | 0 | 0</p>
|
||||
|
||||
|
||||
<p>Quand il rencontre un sélecteur il examine de quoi il s'agit. Par exemple si j'ai ce CSS:</p>
|
||||
|
||||
|
||||
<blockquote><p>#patate .douce.fraiche { color : red; }<br /></p></blockquote>
|
||||
|
||||
|
||||
<blockquote><p>.douce { color : blue;}</p></blockquote>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<p>Pour plusse de trucs et astuces sur le CSS, je vous conseille le site d'Alsacréations.com et openclassrooms.com.
|
||||
Enjoyez.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: b598a1de-f9a2-4e1e-b15d-1474d25691ca
|
||||
:END:
|
||||
#+title: css-split-circles
|
||||
|
||||
* Article
|
||||
- ID: 248
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-03-13 13:09:15>
|
||||
- modifié: <2014-03-13 13:12:06>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** CSS split circles
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://artlemoine.com/circles" hreflang="fr" title="CSS circles"><img src="/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg" alt="Capture_du_2014-03-13_13_49_58.png" style="display:block; margin:0 auto;" title="Capture_du_2014-03-13_13_49_58.png, mar. 2014" /></a>
|
||||
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.</p>
|
||||
|
||||
|
||||
<p>Jouez zy donc sur artlemoine.com :
|
||||
<a href="http://artlemoine.com/circles" hreflang="fr" title="CSS circles">http://artlemoine.com/circles</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: a6b1d8de-46f4-489e-8829-fd81257bc88a
|
||||
:END:
|
||||
#+title: a-wizard-installing-software
|
||||
|
||||
* Article
|
||||
- ID: 247
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-03-18 20:46:51>
|
||||
- modifié: <2014-03-18 20:46:51>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** a wizard installing software
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg" alt="" /></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: f701477b-c067-449b-81e1-d2bd25978f08
|
||||
:END:
|
||||
#+title: perdu-de-recherche
|
||||
|
||||
* Article
|
||||
- ID: 246
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-04-05 10:53:16>
|
||||
- modifié: <2014-04-05 10:56:02>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Perdu de recherche
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://liviavi.deviantart.com/art/Magnifier-306407861"><img src="http://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg" alt="Magnifier" style="display:block; margin:0 auto;" /></a>
|
||||
ç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?<br /></p>
|
||||
|
||||
|
||||
<p>(Oui, le billet du jour est pour monsieur et madame michu.)<br /></p>
|
||||
|
||||
<pre>
|
||||
\n pour la nouvelle ligne, parfois \r\n avec le retour chariot
|
||||
\t pour la tabulation
|
||||
</pre>
|
||||
|
||||
|
||||
<p>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.<br /></p>
|
||||
|
||||
|
||||
<p>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 %. <br />
|
||||
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.<br /> Cependant, plus généralement ça peut se révéler très utile dans pas mal de cas.<br />
|
||||
<br />
|
||||
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.<br />
|
||||
<br />
|
||||
Vous trouverez un très bon tuto sur <a href="http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2" hreflang="fr">le site du zéro</a> (renommé openclassrooms) à ce propos.<br />
|
||||
<br />
|
||||
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 <br /> <a href="https://xkcd.com/208/" title="https://xkcd.com/208/">https://xkcd.com/208/</a>
|
||||
Enjoyez!<br /></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: c7c655f9-5e8d-49cc-a4ca-daf049e8493c
|
||||
:END:
|
||||
#+title: raspberry-pi-case-en-papier
|
||||
|
||||
* Article
|
||||
- ID: 245
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-04-11 15:42:09>
|
||||
- modifié: <2014-04-11 18:21:28>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Raspberry Pi case en papier
|
||||
|
||||
:html:
|
||||
|
||||
<p>Le raspberry pi c'est magique, un vrai ordi avec si peu de ressources électriques, et des tas d'idées pour en faire quelque chose. Des sites proposent aussi des pdf à imprimer (sans redimention) afin de se faire <strong>des boites a RasPi maison, en papier</strong>.</p>
|
||||
<div><img src="http://blog.artlemoine.com/public/i/2014/04avril/raspberry_pi_case/1.jpg" alt="1.jpg" title="1.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><div><div><br class="Apple-interchange-newline" />Je me suis donc emparé d'un papier photo pour qu'il soit brillant, résistant et kawaii, et me suis armé de matos. un cutter, une règle et une impression plus tard me voici prêt à découper et plier ce qui va se transformer en magnifique enveloppe à ordi.</div><div>après quelques étapes qui m'ont bien pris une dizaine de minutes...</div><img src="http://blog.artlemoine.com/public/i/2014/04avril/raspberry_pi_case/2.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><hr><img src="/public/i/2014/04avril/raspberry_pi_case/4.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" />
|
||||
<img src="/public/i/2014/04avril/raspberry_pi_case/5.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" />
|
||||
<div>je m'aperçois que le côté brillant de mon papier n'était pas dans le bon sens, et le placement du RasPi se révèle impossible.</div>
|
||||
<div>L'impression dégueu qui a bavé sur le côté bristol du papier photo me fait me dire que ça va pas être bien joli tout ça si je le tente dans l'autre sens, on verra les textes bavés.</div><div>Je balance mon paper art, et me vengerai donc sur un site de vente en ligne où j'acquière un boitier semi transparent pour la modique somme de 10€ et deux jours d'attente.
|
||||
heh, y'a des jours où le DIY marche du premier coup, et des jours où on a la flemme :D</div>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 4ba3f0d3-7b6b-4a09-9245-1513d9c6f015
|
||||
:END:
|
||||
#+title: symfony-et-apc
|
||||
|
||||
* Article
|
||||
- ID: 244
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-04-13 19:08:34>
|
||||
- modifié: <2014-04-13 19:08:34>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Symfony et APC
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg" alt="" /></p>
|
||||
|
||||
|
||||
<p>APc, formidable truc qui permet la mise en cache de plein de choses résultant de PHP ne vide pas forcément son cache.
|
||||
Aussi, je ne comprenais pas, même après vérification de la similarité des fichiers entre ma machine et l'environnement de démo, vidage de cache de symfony, régénération des entités, mise a jour de la base de donnée, il subsistait des erreurs résolues en environnement de dev. jusqu'à ce que je tente une opération de vidage du cache de doctrine.</p>
|
||||
|
||||
|
||||
<p><a href="http://mweiler.deviantart.com/art/orchestra-classica-75062113"><img src="http://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg" alt="orchestra classica" style="display:block; margin:0 auto;" /></a>
|
||||
Rappel des commandes doctrine par la commande "php app/console" abrégée en alias personnel "sf".</p>
|
||||
<pre>
|
||||
(...)
|
||||
doctrine
|
||||
doctrine:cache:clear-metadata Clears all metadata cache for an entity manager
|
||||
doctrine:cache:clear-query Clears all query cache for an entity manager
|
||||
doctrine:cache:clear-result Clears result cache for an entity manager
|
||||
(...)
|
||||
</pre>
|
||||
|
||||
|
||||
<p>APC, ce petit malin ne voulait pas vider son cache à moins qu'on ne le lui demande poliement par commande php. Voici qui pourrait vous évider bien des échevelages et auto mutilations inutiles:
|
||||
en console, faites cette commande:
|
||||
<code>php -r "apc_clear_cache();"</code></p>
|
||||
|
||||
|
||||
<p>et vouala, tout rentre dans l'ordre!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: abf75c85-2987-4ffe-91c3-6d3be0d56f68
|
||||
:END:
|
||||
#+title: wordpress-comment-ne-plus-demander-les-dtails-ftp-pour-mettre-jour
|
||||
|
||||
* Article
|
||||
- ID: 243
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-05-09 11:43:49>
|
||||
- modifié: <2015-11-08 15:07:23>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Wordpress, comment ne plus demander les détails FTP pour mettre à jour
|
||||
|
||||
:html:
|
||||
|
||||
<p>dans wp-config,
|
||||
repérez la ligne</p>
|
||||
|
||||
|
||||
<code class="php">require_once(ABSPATH, 'wp_settings.php');
|
||||
</code>
|
||||
|
||||
<p>rajoutez ceci:</p>
|
||||
|
||||
<code class="php">define('FS_METHOD','direct');
|
||||
</code>
|
||||
|
||||
|
||||
<p>sauvegardez, et voilà, quand vous demanderez une mise a jour dans l'interface d'admin, wordpress ne vous demandera pas vos login et mots de passe FTP ou SSH.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: bb2b442e-db33-4f2d-91c3-77bf3b6cf899
|
||||
:END:
|
||||
#+title: redimension-d-image-en-ligne-de-commande-avec-imagemagick
|
||||
|
||||
* Article
|
||||
- ID: 242
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-05-23 10:28:23>
|
||||
- modifié: <2015-11-08 15:09:41>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Redimension d'image en ligne de commande avec imagemagick
|
||||
|
||||
:html:
|
||||
|
||||
<div class="pixearch" style=" text-align: center;">
|
||||
<a href="http://tatiks.deviantart.com/art/Rincewind-302267958"><img src="http://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg" class="pixearchImg" alt="Rincewind" /></a>
|
||||
</div>imagemagick permet de faire plein de manipulations sur les images, redimension, conversion, assemblage, c'est magique.
|
||||
<p>J'ai régulièrement besoin de redimensionner des images pour les présenter sur mes sites. mogrify est très utile pour la redimension de masse.
|
||||
cette commande permet de faire des copies redimensionnées en 800px de large sur 600 px de haut, de tous les fichiers jpg du dossier courant vers autre_repertoire.</p>
|
||||
<p><code>mogrify -resize 800x600 -path autre_repertoire *.jpg</code></p>
|
||||
<p>il faut juste vous assurer que "autre_repertoire" est inscriptible par votre script, et que vous avez bien des fichiers jpg à redimensionner dans votre répertoire courant.</p>
|
||||
<p>Vous pouvez aussi choisir de ne faire des sorties d'images dans un seul format précis (jpg, ou png ...), avec l'option format.</p>
|
||||
<p><code><span>mogrify -resize 800x600 -path autre_repertoire </span><span>-format jpg </span><span>*.jpg</span></code></p>
|
||||
<p><span><br /></span></p>
|
||||
<p>En bonus, pour ouvrir un terminal à partir de votre explorateur de fichier, si vous êtes sous KDE vous pouvez faire F4, autrement avec nautilus vous pouvez installer <strong>nautilus-open-terminal</strong></p>
|
||||
<p><strong><code>sudo apt-get install nautilus-open-terminal</code></strong></p>
|
||||
<div>voilà, bon amusement!</div><p><span><br /></span></p>
|
||||
<p>de la doc pour imagemagick </p>
|
||||
<p><a href="http://doc.ubuntu-fr.org/imagemagick">http://doc.ubuntu-fr.org/imagemagick</a></p>
|
||||
<p>(en illustration, Rincevent du Disque Monde, de la lecture parodique fantastique qui poutre)</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 3cf77c39-9a2d-4c48-80e5-39dcc0873f74
|
||||
:END:
|
||||
#+title: fosuserbundle-could-not-convert-database-value-to-doctrine-type-array
|
||||
|
||||
* Article
|
||||
- ID: 241
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-06-04 19:48:01>
|
||||
- modifié: <2015-11-08 15:11:46>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** FOSUserBundle could not convert database value to doctrine type array
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg" alt="" /></p>
|
||||
<p>Si lorsque vous tentez de faire un ajout ou suppression de role en ligne de commande pour <strong>FOSUserBundle</strong> (FOSUB) vous obtenez un message d'erreur de conversion de Doctrine, </p>
|
||||
<blockquote><p><em>could not convert database value to doctrine type array</em></p>
|
||||
</blockquote>
|
||||
<p>c'est parce que dans votre base de données, dans la colonne "role" de vos utilisateurs, vous avez des valeurs vides, au lieu d'avoir des sérialisations de tableaux vides.</p>
|
||||
<p>Pour remédier à cela vous pouvez définir par défaut la chaine correspondant à un Array vide, et remplir les vides a coup de commande <span style="font-size: 12px;">SQL.</span></p>
|
||||
<p><code>UPDATE table SET column="a:0:{}" WHERE column = "";</code> </p>
|
||||
|
||||
<p>(en remplaçant les noms de <strong>table</strong> (ma_table_des_utilisateurs) et de <strong>column</strong> (role)
|
||||
Vos commande de promotion de rôles fonctionneront alors comme par magie!</p>
|
||||
<p><code>php app/console fos:user:promote jojo ROLE_ADMIN <br />
|
||||
Role "ROLE_ADMIN" has been added to user "jojo".</code>
|
||||
</p>
|
||||
<p>sources: Trouvé et traduit <a href="http://stackoverflow.com/questions/8818387/doctrine2-conversion-error" hreflang="en">depuis stackoverflow</a> , <a href="http://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655" hreflang="en" style="font-size: 12px;">image</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 991968db-a666-4fb6-b1fd-a47bf000a5bd
|
||||
:END:
|
||||
#+title: des-alternatives-plein-de-softwares
|
||||
|
||||
* Article
|
||||
- ID: 240
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-07-17 11:21:16>
|
||||
- modifié: <2014-07-17 11:24:50>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Des alternatives à plein de softwares
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg" alt="ACDC" style="display:block; margin:0 auto;" />
|
||||
Vous aimez avoir le choix quand un seul logiciel se monte en monopole comme c'est le cas avec photoshop, ou que vos collègues ne jurent que par redmine pour faire du suivi de bugs? AlternativeTo.net est ce qu'il vous faut. C'est une mine d'or où l'on peut choisir des plateformes, partir d'un nom de programme et découvrir de nombreux concurrents. à vous ensuite de faire des essais et de découvrir la perle rare.</p>
|
||||
|
||||
|
||||
<p><a href="http://alternativeto.net/" hreflang="en">http://alternativeto.net/</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 49fda1d9-2fc1-465d-bd8d-045dae57c331
|
||||
:END:
|
||||
#+title: installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi
|
||||
|
||||
* Article
|
||||
- ID: 239
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-07-28 09:33:01>
|
||||
- modifié: <2014-07-28 09:38:55>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** installer une distribution linux sur une carte SD pour le raspberry pi
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="http://a-place4my-head.deviantart.com/art/raspberry-217727077"><img src="http://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg" alt="raspberry" style="display:block; margin:0 auto;" /></a></p>
|
||||
|
||||
|
||||
<p>Possédant un raspberry Pi je voulais essayer plusieurs distributions linux de poche dessus.
|
||||
Ce microcontrolleur ne pouvant pas démarrer sans carte SD à l'intérieur je devais donc installer un fichier .img dessus à partir d'un autre ordi.
|
||||
vous aurez besoin de:</p>
|
||||
<ul>
|
||||
<li>une carte SD (de type sdhc) avec au moins 1Go de place dessus.</li>
|
||||
<li>un fichier .img d'une distrib. <a href="http://www.raspberrypi.org/downloads/" hreflang="en">le site officiel vous en propose pas mal à télécharger</a>.</li>
|
||||
<li>un ordi avec un lecteur de carte SD.</li>
|
||||
</ul>
|
||||
|
||||
<p><strong>Cette opération supprime les données de la carte SD.</strong></p>
|
||||
|
||||
|
||||
<p>insérez votre carte SD dans le lecteur de votre ordi.
|
||||
ouvrez un terminal.
|
||||
repérez le nom de la partition de votre carte SD avec la commande <code>df -h</code> qui liste les disques de votre système de fichier
|
||||
(vous la trouverez en comparant son nombre de Gigas)</p>
|
||||
|
||||
|
||||
<p>par exemple, ma carte a deux partitions physiques dessus <strong>/dev/sdg1</strong> et <strong>/dev/sdg2</strong>
|
||||
Nous choisirons donc /dev/sdg , l'appellation commune à toute la carte SD.
|
||||
Vous n'avez pas besoin de démonter la carte SD pour pouvoir installer votre distrib, et c'est ce que nous allons faire avec la commande suivante.
|
||||
vous aurez besoin de connaitre le chemin de votre fichier .img que vous voulez installer, par exemple /home/tykayn/téléchargements/raspbian.img</p>
|
||||
|
||||
|
||||
<p>et zou, dd (convertir et copier un fichier) va nous permettre l'install et la création des partitions requises en lui renseignant l'input file (if="/home/tykayn/téléchargements/raspbian.img") et l'output file (of="/dev/sdg"). Sacré dédé!
|
||||
<code>sudo dd if="/media/ntfsman/ArchLinuxARM-2014.06-rpi.img" of="/dev/sdg"</code>
|
||||
(il faudra entrer le mot de passe sudo)</p>
|
||||
|
||||
|
||||
<p>Si vous avez bien choisi vos fichiers ça prendra quelques minutes pour une distribution de 200Mo et votre terminal vous dira ce qu'il a fait. Par exemple:</p>
|
||||
|
||||
<blockquote><p>3829760+0 enregistrements lus
|
||||
3829760+0 enregistrements écrits
|
||||
1960837120 octets (2,0 GB) copiés, 513,805 s, 3,8 MB/s</p></blockquote>
|
||||
|
||||
|
||||
<p>Et voilà, si votre fichier .img était bon, vous n'avez qu'a mettre votre carte SD dans le raspberry pi, (avec ses autres cables), brancher le courant et hopla magie ça démarre.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: a702a8a6-6944-4e1a-81ae-f5f4a74b488c
|
||||
:END:
|
||||
#+title: anti-hack-de-nfc
|
||||
|
||||
* Article
|
||||
- ID: 238
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2014-08-07 13:50:49>
|
||||
- modifié: <2014-08-07 13:54:43>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** anti hack de NFC
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png" alt="" />
|
||||
Vous avez la joie d'être possesseur d'une carte bleue avec une puce sans contact, ce qui vous permet de régler de petits montants jusqu'a 20€ sans avoir à taper votre code.
|
||||
Mais saviez vous que cette puce peut se révéler bien bavarde et qu'il est possible avec un smartphone équipé de lecteur NFC de lire ce que cette puce a à raconter?
|
||||
<img src="http://www.itraque.fr/documents/annonces/20081119120446a45b.jpg" alt="" />
|
||||
Heureusement, rien n'est plus simple pour se prémunir d'une lecture non souhaitée, par exemple dans un métro bondé ou dans un supermarché: utiliser une feuille d'aluminium dans votre porte feuille/ porte carte / poche /etc.
|
||||
Vous pouvez procéder de même avec votre carte navigo / vélib / votre not-stupid-phone.</p>
|
||||
|
||||
|
||||
<p>ça vous évitera que quelqu'un d'autre ne paie avec vos identifiants de carte, ça ne coute rien et ce n'est même pas encombrant. Enjoyez!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 1ed329d0-0830-4ee0-b0c1-05615935722c
|
||||
:END:
|
||||
#+title: la-fte-des-passwords-et-la-neutralit-du-net
|
||||
|
||||
* Article
|
||||
- ID: 230
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-02-05 13:47:08>
|
||||
- modifié: <2015-02-05 13:59:31>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** la fête des passwords et la neutralité du net
|
||||
|
||||
:html:
|
||||
|
||||
<p>Et si vous faisiez votre BA du jour avec votre ordinateur, ou votre téléphone rien qu'en changeant vos mots de passe?
|
||||
<img src="https://passwordday.org/en/_img/passwords-102.gif" alt="" /><strong>
|
||||
Beaucoup de personnes laissent des données sensibles en accès libre au monde entier.</strong></p>
|
||||
<p>Quand on tient une entreprise ou que notre métier nous tient au secret professionel (comme c'est mon cas) il nous parait évident que la sécurité informatique est vitale, mais lorsqu'on est Monsieur et Madame Michu on ne se rend pas compte de pourquoi ça serait tout aussi important.</p>
|
||||
<p>On dit même souvent qu'on a rien à cacher. Cependant, c'est mal comprendre le problème.</p>
|
||||
Vous pouvez <a href="http://reflets.info/rien-a-cacher/" hreflang="fr">lire sur reflets.info en quoi c'est capital</a>, je vous la fais en condensé:
|
||||
<p>Je ne commets aucun crime en allant aux toilettes mais ce n'est pas pour autant que je serais d'accord à ce que des caméras de vidéosurveillance soient installées dans cette pièce, ou dans n'importe laquelle chez moi. Mon intimité, je choisis à qui je veux la faire partager.</p>
|
||||
<p>Personne ne tient à ce que sa vie privée soit accessible au monde entier, les célébritées spammées de paparazzi le savent bien.
|
||||
Il existe une chose pas mal dans la loi, ça s'appelle <strong>la présomption d'innocence</strong>.</p>
|
||||
<p>On est innocent et non fiché par la police tant qu'il n'aura pas été démontré le contraire par un personnel compétent opérant dans les règles de la loi.
|
||||
Souhaiter la surveillance permanente et généralisée des invidus c'est remplacer la présomption d'innocence par la présomption de culpabilité. En encourageant ces surveillances généralisées on va partir du principe que tout un chacun est suspect. C'est vraiment ce que vous voulez?</p>
|
||||
<p>Contrôler n'est pas surveiller, restreindre n'est pas incriminer.</p>
|
||||
<p>Petite parenthèse sur les études sur la vidéosurveillance dans les espaces publiques: <a href="http://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html" hreflang="fr">c'est une mesure inneficace, liberticide et coûteuse.</a> Et on le sait depuis au moins 2009.</p>
|
||||
<p>ça n'empêche pas plus les agressions de se produire, et dans certain cas ça les augmente pour ceux qui commettent les agressions et qui veulent ainsi se montrer comme pour lancer un défi aux forces de l'ordre.</p>
|
||||
<p><strong>Le droit à la vie privée est vital</strong> et pour le comprendre il suffit de vous demander si vous avez envie de laisser toutes les portes ouvertes chez vous, vos codes de carte bleue, les mots de passe de vos boites emails, vos clés de voitures à de parfaits inconnus. Ou encore si vous voulez avoir un agent de police qui vérifie que vous votez pour le "bon" candidat, par dessus votre épaule. Votre droit à la vie privée il faut savoir le défendre, ce n'est pas pour rien qu'il existe une loi pour que la poste n'ait pas le droit d'ouvrir votre courrier. ça vous révolterait si vous receviez dans votre boite à lettres un courrier ouvert et modifié, mais ça ne vous choquerait pas si c'était le cas avec vos emails? Réfléchissez une nouvelle fois.</p>
|
||||
<p><strong>La neutralité et l'ouverture d'internet </strong>est vitale à son fonctionnement. Comme le dit si bien cette courte vidéo infographique de DataGueule, acheter une route ne nous donne pas le droit de choisir les véhicules qui circulent dessus.</p>
|
||||
<iframe width="640" height="360" src="https://www.youtube.com/embed/hZnq3xg-PRM" frameborder="0" allowfullscreen></iframe>
|
||||
<p><strong>il est aujourd'hui possible d'obtenir des données sensibles à partir de données en apparence anodines.</strong>
|
||||
Vos passwords peuvent valoir aussi cher que votre code de carte bleue ou vos clés de voiture.
|
||||
Et après des dizaines d'années qu'internet est adopté par la populace on continue de croire qu'un mot de passe est accessoire, et on se trompe sur ce qui le rend fort.</p>
|
||||
<h3>Faiblesses courantes</h3>
|
||||
<p>Beaucoup de personnes mettent en mot de passe le nom de leur animal de compagnie, le nom de leur objet préféré, le nom de leur compagne / compagnon, ou des dates marquantes.
|
||||
En enquêtant sur quelqu'un on peut deviner facilement ces mots, et ils ne résistent pas facilement à une attaque à force brute (essayer des milliers de combinaisons par seconde), peu importe d'ailleurs que vous utilisiez des lettres ou des ponctuations, ces caractères seront aussi essayés.
|
||||
la façon la plus simple de se constituer un mot de passe résistant comme en l'an 40, c'est de mémoriser une simple phrase et de l'écrire avec des espaces, puis d'en personnaliser certaines parties.</p>
|
||||
<p>Selon enquête c'est un moyen d'exprimer sa personnalité, de ressasser un évènement important ou d'exprimer sa rage au boulot " c'est quoi le mot de passe de ton poste ? - FUCKTHISSHIT"</p>
|
||||
<p>n'utilisez pas le même mot de passe pour tous les sites que vous visitez.
|
||||
Changez régulièrement vos mots de passe, ne les écrivez pas dans des emails ou des sms, ou si vous devez le faire envoyez les sans référer dans le même email ce à quoi ils se réfèrent..
|
||||
Plus vous conservez longtemps un mot de passe, plus il a de chances d'être périmé et inutile.
|
||||
Abandonnez vos mots de passe datant du lycée, adoptez un gestionnaire de mot de passe pour votre navigateur,
|
||||
encouragez vos parents et vos congénères les moins à l'aise avec la technologie à modifier leur mots de passe de façon sécurisée comme on vient de le voir.</p>
|
||||
<p>pour en savoir plus: le site du password day <a href="https://passwordday.org/fr/" hreflang="fr">https://passwordday.org/fr/</a></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -15,8 +15,7 @@
|
|||
|
||||
à quoi ça peut bien ressembler du code sexiste? C'est possible, j'en ai
|
||||
fait un tuto pour la journée des droits des femmes 2015. Allez voir
|
||||
[[https://tykayn.fr/?post/2015/des-femmes-codeuses][par ici sur le tykayn
|
||||
blog]].
|
||||
[[https://tykayn.fr/?post/2015/des-femmes-codeuses][par ici sur le tykayn blog]].
|
||||
|
||||
|
||||
* Liens
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: c3572c43-e2fc-48ba-bffe-8d672f8d914b
|
||||
:END:
|
||||
#+title: un-testament-par-e-mail
|
||||
|
||||
* Article
|
||||
- ID: 222
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-04-17 11:27:47>
|
||||
- modifié: <2015-04-17 11:28:48>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Un testament par e-mail
|
||||
|
||||
:html:
|
||||
Vous vivez une vie fort dangereuse (par exemple vous avez des lacets à vos chaussures qui vous font vous casser la gueule et hop hop aux urgences, dédicace à Kelly ;D )
|
||||
vous êtes mal réveillés et vous tombez sur les rails du métro,
|
||||
ou alors vous mettez vos clés dans vos poches tout en faisant de la moto avec un sac à dos et bam pouf paf pastèque vous vous prenez une carapace bleue.
|
||||
|
||||
Qui héritera de vos biens, quel message auriez vous aimé faire passer à vos proches, de quels mots de passe auraient ils besoin, voudriez vous rockroller musicalement vos proches à votre enterrement ?
|
||||
Hébien y’a pas une application pour ça mais un site web.
|
||||
|
||||
Vous pouvez maintenant créer un ou deux message à envoyer à vos proches grâce au *Dead Man Switch* .
|
||||
Ce site, après inscription vous demandera à intervalle via votre boite email de cliquer sur un lien pour signalez que votre heure n’est pas venu, comme le font les missionnaires.
|
||||
L’intervalle peut être de 45 jours ou davantage, si vous partez en vacances.
|
||||
le site propose une version payante à 20 dollars pour toute la viiiie.
|
||||
Le site vous permet aussi de faire un envoi d’essai. Enjoyez!
|
||||
[[https://www.deadmansswitch.net/][https://www.deadmansswitch.net/]]
|
||||
|
||||
*push the button* des frères chimiques en cadeau.
|
||||
|
||||
<iframe width="480" height="360" src="https://www.youtube.com/embed/6b9ci_z4v7M" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: f84d521b-3cdd-4d1f-bbe0-6fbac3ca4e0d
|
||||
:END:
|
||||
#+title: transfrer-des-fichiers-en-wifi-direct-entre-son-ordi-et-son-tel-android
|
||||
|
||||
* Article
|
||||
- ID: 221
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-04-21 09:09:48>
|
||||
- modifié: <2015-04-21 09:11:27>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** transférer des fichiers en wifi direct entre son ordi et son tel android
|
||||
|
||||
:html:
|
||||
|
||||
<p>Quelle misère que de mettre en place du wifi direct me direz vous.
|
||||
Y'a bien Dropbox ou google drive qui existent pour avoir des partages entre sont tel et son ordi, mais si comme moi, votre téléphone a un débit vingt fois meilleur que votre abonnement internet fixe qui est à 4.5 km du raccord au monde et que votre fournisseur n'a pas envie de faire de travaux, ça risque d'être lent du côté de l'ordi.<br />
|
||||
<br />
|
||||
Mais si vous voulez du vraiment pratique pour transférer toutes vos photos de vacances ou des gros fichiers en un zip depuis votre tel à votre ordi, <a href="https://play.google.com/store/apps/details?id=com.smarterdroid.wififiletransfer&hl=fr">Wifi file transfert</a> est super sympa.
|
||||
<img src="https://lh3.ggpht.com/10khej9Nov3uSRgddNOc-cHmTR3bvf83S4HGLgiknom_OVB3e3CDFZQqzgXLKC3gGfU3=h310-rw" alt="" style="float:left; margin: 0 1em 1em 0;" />
|
||||
Vous installez l'appli sur votre téléphone, vous allumez le wifi, vous appuyez sur start dans l'appli et vous avez une adresse IP locale qui vous permet d'accéder aux fichiers de votre téléphone, en la recopiant dans la barre d'adresse de votre navigateur sur votre ordi.
|
||||
(vous pouvez mettre un accès par mot de passe dans les paramètres)<br />
|
||||
Ce qui est encore plus cool que le pôle nord c'est qu(une fois dans la page web vous pouvez sélectionner plusieurs fichiers/ dossiers et les exporter dans un zip.<br />
|
||||
vous pouvez bien sûr également envoyer des fichiers sur votre téléphone. Le tout se fera avec un débit énorme, vu que c'est du wifi.<br />
|
||||
<br />
|
||||
Et si vous voulez un lien encore plus pratique entre votre ou vos ordis et votre téléphone, votre tablette, votre <a href="http://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/">chat au collier bluetooth</a> ? <br />
|
||||
J'appréciais déjà que le play store permette de lancer l'installation et la désinstallation d'applis via mon ordi, mais on peut aller encore plus loin dans la connectivité.<br />
|
||||
<img src="https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw" alt="" style="display:block; margin:0 auto;" /><br />
|
||||
<a href="https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr">PushBullet</a> vous permet de relier votre téléphone (une fois l'appli installée) a votre navigateur web via une extension <a href="https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd">Chrome</a> ou <a href="https://addons.mozilla.org/fr/firefox/addon/pushbullet/">Firefox</a>.<br />
|
||||
Vous pouvez répondre à des sms avec votre ordi, en écrire, partager une page web sur votre tel pour la lire hors ligne quand vous aurez le temps, choisir quelles notifications vous voulez voir apparaître, transférer un MMS reçu vers votre ordi, et aussi des fichiers dans les deux sens, sur plusieurs machines (où vous aurez installé pushbullet, évidemment). c'est fort bien.<br />
|
||||
Enjoyez!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: bd23104e-13e4-4985-a123-c8f1a3804efe
|
||||
:END:
|
||||
#+title: se-crer-un-historique-complet-de-git-log
|
||||
|
||||
* Article
|
||||
- ID: 217
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-06-04 19:08:42>
|
||||
- modifié: <2015-06-23 09:23:49>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** se créer un historique complet de git log
|
||||
|
||||
:html:
|
||||
|
||||
<p><a href="https://github.com/tykayn/gitall" title="un projet sur github nommé git all"><img src="http://image.slidesharecdn.com/deepdarksideofgit-140531003839-phpapp01-150306125957-conversion-gate01/95/dark-side-of-git-we-use-this-on-my-big-data-team-4-638.jpg?cb=1425668559" alt="" width="100%" /></a> mise à jour: j'ai fait <a href="https://github.com/tykayn/gitall">un projet sur github nommé <strong>git all</strong></a></p>
|
||||
<p>Vous avez un projet et vous aimeriez savoir comment il a évolué à travers les commits que vous avez écrits avec assiduité durant de nombreux mois, voire de nombreuses années. <strong>Vous pourriez le compiler sous forme de log complet dans un fichier texte.</strong></p>
|
||||
<p>Par example pour voir sur quoi vous galérez le plus et comment améliorer vos projets, ou pourquoi pas en avoir ensuite une représentation graphique, l'enregistrer dans votre appli de calendrier favorite, ou bien pour remplir une fiche de suivi dans un logiciel spécialisé comme Works, Redmine, Pivotal tracker, ou ProjeQtOr.</p>
|
||||
|
||||
|
||||
<p>Il suffit de lire un peu <a href="https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats">la doc de la commande git log et particulièrement la partie sur les pretty formats</a> pour se bidouiller un <em>log</em> clair et concis.
|
||||
avec la date, l'auteur, le sha1, et le message du commit à chaque ligne.</p>
|
||||
|
||||
<pre class="brush : bash">git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt
|
||||
</pre>
|
||||
|
||||
<p>Vous pouvez aussi filtrer par auteur du commit en rajoutant l'option</p>
|
||||
<pre>--author="tykayn"
|
||||
</pre>
|
||||
|
||||
<p>et donc:</p>
|
||||
<pre class="brush : bash">git log --author="tykayn" --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt
|
||||
</pre>
|
||||
|
||||
<p>ce qui donnerait plein de lignes comme ceci: </p>
|
||||
|
||||
<q><p>Sat May 30 11:30:11 2015 +0200 , tykayn-ubuntu, 463e52c, accessoires produits</p>
|
||||
<p>Sat May 30 11:20:45 2015 +0200 , tykayn-ubuntu, 9efab6c, footer grille </p>
|
||||
<p>Sat May 30 10:29:26 2015 +0200 , tykayn-ubuntu, 96f25f6, insertion de grille bootstrap dans le tpl</p>
|
||||
|
||||
</q>
|
||||
|
||||
|
||||
|
||||
<p>et si vous avez comme moi la flemme de retaper tout, créez vous un alias dans votre fichier de <strong>.bash_aliases</strong></p>
|
||||
<pre class="brush : bash">gedit ~/.bash_aliases
|
||||
</pre>
|
||||
|
||||
<p>rajoutez cette ligne pour créer la commande "<strong>gitall</strong>":</p>
|
||||
<pre class="brush : bash">alias gitall='git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt';
|
||||
</pre>
|
||||
|
||||
<p>sauvegardez, fermez le fichier, rechargez le fichier d'alias</p>
|
||||
<pre class="brush : bash">gedit ~/.bash_aliases
|
||||
</pre>
|
||||
|
||||
<p>et magie, vous pourrez vous servir de la commande <strong>gitall</strong> pour créer un fichier git-history.txt
|
||||
attention tout de même, si un fichier git-history.txt existait avant, il sera remplacé.</p>
|
||||
|
||||
|
||||
<p>vous pourrez ensuite lui appliquer des traitements plus complexes pour conquérir le monde, changer l'affichage, ranger par journée,
|
||||
ou tout du moins comprendre comment vous améliorer. Enjoy!</p>
|
||||
<p><a href="https://github.com/tykayn/gitall">Voir mon projet sur github nommé <strong>git all</strong></a> contribuez zy!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: d1a73392-289a-4a2c-8c73-c6590eb58181
|
||||
:END:
|
||||
#+title: convertir-un-projet-javascript-en-coffeescript
|
||||
|
||||
* Article
|
||||
- ID: 216
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-06-17 08:54:10>
|
||||
- modifié: <2015-11-16 14:58:04>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** convertir un projet javascript en coffeescript
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://www.lucidbetty.com/images/house/E1425.jpg" alt="" /></p>
|
||||
<p>le jS ça fait aussi le café.
|
||||
Si vous voulez reprendre d'anciens projets en javascript pour envoyer promener toutes ces accolades et autres points virgules, réjouissez vous, car voici de quoi convertir un dossier et ses sous dossiers en fichiers coffeescript.</p>
|
||||
<p>il faut donc copier votre dossier de scripts <strong>js</strong> dans un dossier nommé <strong>coffee</strong>, obtenir la liste des fichiers à convertir et exécuter la conversion sur chacun d'eux.</p>
|
||||
<p>basé sur le convertisseur <a href="https://github.com/js2coffee/js2coffee">js2coffee (voir ce projet sur github)</a>, voici mon script bash adapté de <a href="https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820" hreflang="en">ce merveilleux script bash trouvé sur stack overflow</a>:
|
||||
pour plus de clarté je lui ai rajouté un côté explicite des actions menées et quelques couleurs.</p>
|
||||
<pre class="brush : bash"><code>#!/bin/bash
|
||||
#text formatting
|
||||
neutre='\e[0;m'
|
||||
bleuclair='\e[1;34m'
|
||||
bold=$(tput bold)
|
||||
normal=$(tput sgr0)
|
||||
# get the name of the js scripts folder
|
||||
echo -e "${bleuclair} ${bold} conversion de projet ${normal} vers coffeescript "
|
||||
read -p "nommez le dossier où se trouvent vos scripts .js [js]: " -e -i "js" name
|
||||
# if the coffee folder doesnt exist, create it
|
||||
if [ ! -e coffee ]; then
|
||||
echo "pas de dossier coffee, on le crée"
|
||||
mkdir coffee
|
||||
fi
|
||||
echo -e " copie du dossier ${bleuclair}${bold}${name}${normal} vers le dossier ${bold}coffee${normal} ${neutre}"
|
||||
cp -R ${name}/* coffee
|
||||
echo "lire les fichiers du dossier coffee"
|
||||
# list files and exclude node modules
|
||||
COUNTER=0
|
||||
for FILE in `find coffee -name "*.js" -type f -o -path './node_modules' -prune -o -path './components' -prune`
|
||||
do
|
||||
if [ -e $FILE ] ; then
|
||||
COFFEE=${FILE//\.js/\.coffee}
|
||||
echo -e " converting ${FILE} to ${bleuclair}${COFFEE}${neutre}${normal}"
|
||||
js2coffee "$FILE" > "$COFFEE"
|
||||
rm $FILE
|
||||
COUNTER=$((COUNTER+1))
|
||||
else
|
||||
echo "File: $1 does not exist!"
|
||||
fi
|
||||
done
|
||||
echo -e "${bleuclair}${bold} $COUNTER ${normal}${neutre} fichiers convertis"
|
||||
cd ../</code>
|
||||
</pre>
|
||||
<p>vous pouvez enregistrer ce script bash sous le nom de alljs2coffee.sh
|
||||
le copier dans votre répertoire d'exécutables,</p>
|
||||
<pre class="brush : bash"><code>cp alljs2coffee.sh /usr/local/bin</code></pre><p>lui donner les droits pour être exécuté par tout le monde </p>
|
||||
<pre class="brush : bash"><code>chmod +x alljs2coffee.sh</code></pre><p>et voilà vous pourrez l'exécuter dans n'importe quel dossier contenant un de vos projets avec la commande <strong>alljs2coffee</strong></p>
|
||||
<p>go go gadgetto modernisation du JS!</p>
|
||||
<p><a href="https://github.com/js2coffee/js2coffee/issues/379">voir l'issue sur github</a>. comme toujours, si vous avez des amélioratoins à proposez faites donc!</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 7b748c66-528b-474c-87f9-b78f16f6157e
|
||||
:END:
|
||||
#+title: customiser-son-serveur
|
||||
|
||||
* Article
|
||||
- ID: 212
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-07-02 14:29:39>
|
||||
- modifié: <2015-11-16 14:52:44>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** customiser son serveur
|
||||
|
||||
:html:
|
||||
|
||||
<p>Certaines commandes sont nécessaires à la maitrise d'un environnement unix, et puis il y a celles absolument pas indispensable.
|
||||
Par example, celles qui vous permettent de mettre un ASCII art au login sur votre serveur avec le message du jour (message of the day, motd).</p>
|
||||
<h3>changer le nom de votre machine (hostname).</h3>
|
||||
<p>il faut aussi changer le nom de l'hôte dans /etc/hosts</p>
|
||||
<p><code><code>$ sudo nano /etc/hosts</code></code></p>
|
||||
<p>redémarrez le service hostname.</p>
|
||||
<p><code class="bash"><code>$ sudo service hostname restart</code></code></p>
|
||||
<p>et voilà votre nom d'hôte changé \O/</p>
|
||||
<h3>mettre un message du jour à la connexion.</h3>
|
||||
<p>le message du jour est généré grâce aux scripts dans <strong>/etc/update-motd.d/</strong>
|
||||
vous pouvez donc ajouter un script perso.</p>
|
||||
<p><code class="bash">$ nano /etc/update-motd.d/99-tktrucs</code></p>
|
||||
<p>et mettre dedans des trucs trop importants. </p>
|
||||
<p><code>#!bin/bash
|
||||
echo "un grand pouvoir entraine de grandes responsabilités"</code></p>
|
||||
<p>et il faudra lui donner les droits de s'exécuter.</p>
|
||||
<p><code class="bash">$ sudo chmod +x /etc/update-motd.d/99-tktrucs</code></p>
|
||||
<p>ce fichier permet de rajouter du contenu à la fin du message du jour</p>
|
||||
<p><code><code>$ sudo nano /etc/motd.tail</code></code></p>
|
||||
<p>utilisez le générateur d'ASCII art pour faire des trucs trop impressionants.</p>
|
||||
<p><a href="http://www.network-science.de/ascii/">http://www.network-science.de/ascii/</a></p>
|
||||
<p>astuce bonus pour se loguer de façon plus sécurisée.</p>
|
||||
<h3>copier sa clé publique sur un serveur distant</h3>
|
||||
<code class="bash">
|
||||
<code><p>$ ssh-copy-id -i ~/.ssh/id_dsa.pub titi@toto.host.org</p>
|
||||
<p>Password:</p>
|
||||
</code>
|
||||
</code>
|
||||
<blockquote><p><ins>sources:</ins>
|
||||
<a href="http://doc.ubuntu-fr.org/motd">http://doc.ubuntu-fr.org/motd</a>
|
||||
<a href="https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart">https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart</a></p>
|
||||
<p><a href="http://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh">http://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh</a></p>
|
||||
<p><a href="http://www.network-science.de/ascii/">http://www.network-science.de/ascii/</a></p>
|
||||
</blockquote>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,215 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: c979fd11-1ae7-4213-8396-d0046fccff78
|
||||
:END:
|
||||
#+title: les-couleurs-de-la-ratp-dans-sass
|
||||
|
||||
* Article
|
||||
- ID: 209
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-07-22 13:56:38>
|
||||
- modifié: <2021-09-16 10:38:30>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** les couleurs de la RATP dans SASS
|
||||
|
||||
:html:
|
||||
|
||||
si vous avez dans l'idée de faire un petit projet web incluant les couleurs des lignes de métro / RER / Tram parisien, voici les codes couleurs choppées à coup de pipette (on peut aussi trouver ces codes hexadécimaux sur wikipedia).
|
||||
Vous pouvez les utiliser dans votre css avec ces variables faites pour <a href="http://sass-lang.com/">le language de preprocessing SASS</a>.
|
||||
|
||||
Vous pouvez voir ce que donnent les compilations sass en ligne et vous exercer sur <a href="http://sassmeister.com/">sassmeister.com</a>
|
||||
|
||||
<code class="scss"> </code>
|
||||
|
||||
ensuite il vous faudra des classes pour appliquer ces couleurs sur vos lignes.
|
||||
|
||||
<code class="scss">/** metros**/
|
||||
.metro_1 {
|
||||
background: $metro_1 !important;
|
||||
}
|
||||
.metro_2 {
|
||||
background: $metro_2;
|
||||
}
|
||||
.metro_3 {
|
||||
background: $metro_3;
|
||||
}
|
||||
.metro_3BIS {
|
||||
background: $metro_3BIS;
|
||||
}
|
||||
.metro_4 {
|
||||
background: $metro_4;
|
||||
}
|
||||
.metro_5 {
|
||||
background: $metro_5;
|
||||
}
|
||||
.metro_6 {
|
||||
background: $metro_6;
|
||||
}
|
||||
.metro_7 {
|
||||
background: $metro_7;
|
||||
}
|
||||
.metro_7BIS {
|
||||
background: $metro_7BIS;
|
||||
}
|
||||
.metro_8 {
|
||||
background: $metro_8;
|
||||
}
|
||||
.metro_9 {
|
||||
background: $metro_9;
|
||||
}
|
||||
.metro_10 {
|
||||
background: $metro_10;
|
||||
}
|
||||
.metro_11 {
|
||||
background: $metro_11;
|
||||
}
|
||||
.metro_12 {
|
||||
background: $metro_12;
|
||||
}
|
||||
.metro_13 {
|
||||
background: $metro_13;
|
||||
}
|
||||
.metro_13BIS {
|
||||
background: $metro_13;
|
||||
}
|
||||
.metro_14 {
|
||||
background: $metro_14;
|
||||
}
|
||||
/** trams **/
|
||||
.tram_1 {
|
||||
color: $tram_1;
|
||||
border: solid 3px $tram_1;
|
||||
}
|
||||
.tram_2 {
|
||||
color: $tram_2;
|
||||
border-color: $tram_2;
|
||||
}
|
||||
.tram_3 {
|
||||
color: $tram_3;
|
||||
border-color: $tram_3;
|
||||
}
|
||||
.tram_4 {
|
||||
color: $tram_4;
|
||||
border-color: $tram_4;
|
||||
}
|
||||
.tram_5 {
|
||||
color: $tram_5;
|
||||
border-color: $tram_5;
|
||||
}
|
||||
.tram_6 {
|
||||
color: $tram_6;
|
||||
border-color: $tram_6;
|
||||
}
|
||||
.tram_7 {
|
||||
color: $tram_7;
|
||||
border-color: $tram_7;
|
||||
}
|
||||
.tram_8 {
|
||||
color: $tram_8;
|
||||
border-color: $tram_8;
|
||||
}</code>
|
||||
|
||||
<code class="scss"></code>
|
||||
Et si vous voulez personnaliser tout ça dans un mixin pour choisir que colorer avec vos variables, c'i possible!
|
||||
<div>
|
||||
|
||||
Admettons que, comme ci dessus l'on veuille une classe pour chaque ligne afin de colorer une bordure.
|
||||
<div>Pour ça on va utiliser des tableaux associatifs(clé: valeur), sta dire des <strong>maps</strong>,</div>
|
||||
<div>et des tableaux non associatifs, des <strong>listes </strong>(élément1, élément2).</div>
|
||||
<div>On définit une map de famille de transport (métro, tram, rer), puis une couleur pour chaque ligne.</div>
|
||||
<div>Puis on définit notre <strong>@mixin</strong> qui fait une classe avec bordure correspondante.</div>
|
||||
<div>grâce à l'interpolation de variable on peut faire des noms de classe css (et d'autres choses) dynamiques.</div>
|
||||
<div>exemple:</div>
|
||||
<div><code>$name: foo;
|
||||
$attr: border;
|
||||
p.#{$name} {
|
||||
#{$attr}-color: blue;
|
||||
}</code></div>
|
||||
<div>Allez donc voir <a href="http://sass-lang.com/documentation/Sass/Script/Functions.html#map-functions">les quelques fonctions existantes sur les maps.</a> Ici on se servira uniquement de celle qui retourne la valeur pour une clé donnée.</div>
|
||||
<div>Avec <strong>@each</strong> on va parcourir notre map et créer des classes en conséquence avec notre mixin, appelé par la directive <strong>@include</strong>.</div>
|
||||
<div>Ensuite si on veut que nos classes soient différentes pour les métros et les trams on a plus qu'a faire un autre mixin, et voilà!</div>
|
||||
<code>
|
||||
// variables de couleurs
|
||||
$metro_1: #fdce00;
|
||||
$metro_2: #0267af;
|
||||
$metro_3: #a1971b;
|
||||
$metro_3BIS: #96d7dd;
|
||||
$metro_4: #b74288;
|
||||
$metro_5: #de8b53;
|
||||
$metro_6: #79bb92;
|
||||
$metro_7: #e8a8b8;
|
||||
$metro_7BIS: #7cc485;
|
||||
$metro_8: #cfa9d0;
|
||||
$metro_9: #cec92b;
|
||||
$metro_10: #dfb039;
|
||||
$metro_11: #8e6538;
|
||||
$metro_12: #328e5b;
|
||||
$metro_13: #a0cccb;
|
||||
$metro_14: #612684;
|
||||
$tram_1: #0564b1;
|
||||
$tram_2: #c74896;
|
||||
$tram_3: #90613b;
|
||||
$tram_3a: #90613b;
|
||||
$tram_3b: #ec8a42;
|
||||
$tram_4: #fcc11b;
|
||||
$tram_5: #0564b1;
|
||||
$tram_6: #ec5738;
|
||||
$tram_7: #90613b;
|
||||
$tram_8: #999738;
|
||||
$rer_a: #cf532e;
|
||||
$rer_b: #5191cd;
|
||||
// maps de couleurs
|
||||
$metro_colors: (
|
||||
'1' : $metro_1,
|
||||
'2': $metro_2,
|
||||
'3':$metro_3,
|
||||
// etc
|
||||
);
|
||||
$tram_colors: (
|
||||
'1' : $tram_1,
|
||||
'2': $tram_2,
|
||||
// etc
|
||||
);
|
||||
$rer_colors: ('a' : $rer_a,
|
||||
'b': $rer_b);
|
||||
// map de famille
|
||||
$sisi_la_famille: (
|
||||
'metro' : $metro_colors,
|
||||
'tram' : $tram_colors,
|
||||
'rer' : $rer_colors,
|
||||
);
|
||||
// mettre une bordure à gauche selon la famille et le numéro de ligne
|
||||
@mixin lineBorder($famille,$nom) {
|
||||
$famille_map: map-get($sisi_la_famille, $famille);
|
||||
.#{$famille}_#{$nom} {
|
||||
border-left: 3px solid map-get($famille_map, $nom);
|
||||
}
|
||||
}
|
||||
// faire un style différent pour les trams
|
||||
@mixin tram($nom,$color) {
|
||||
.tram_#{$nom} {
|
||||
color: $color;
|
||||
border-color: $color;
|
||||
}
|
||||
}
|
||||
@warn "yeah";
|
||||
// boucle-ception
|
||||
@each $famille, $list in $sisi_la_famille {
|
||||
@each $key, $val in $list {
|
||||
// traitement différent pour les trams
|
||||
@if ($famille == 'tram') {
|
||||
@include tram($key, $val);
|
||||
} @else {
|
||||
@include lineBorder($famille, $key);
|
||||
}
|
||||
}
|
||||
}</code>
|
||||
<div>Enjoy!</div>
|
||||
</div>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 76bbefa1-1fcf-4b94-80c1-84a5f2444eac
|
||||
:END:
|
||||
#+title: mise-en-forme-de-code-color-sur-votre-site
|
||||
|
||||
* Article
|
||||
- ID: 205
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2015-11-08 11:57:33>
|
||||
- modifié: <2015-11-17 15:21:46>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Mise en forme de code coloré sur votre site
|
||||
|
||||
:html:
|
||||
|
||||
assez souvent je croise des blogs contenant des portions de code malheureusement non mises en couleur selon le langage.<div><br /><div>C'est pourtant pas si compliqué à mettre en place.</div><div>de nombreux plugins de blogs wordpress, drupal, dotclear le proposent, si vous écrivez sur un blog.</div>
|
||||
<div>
|
||||
Ou bien il suffit d'inclure une lib JS (en fin de corps de page) qui se chargera de détecter vos balises <code></code> ou <pre></pre>, de deviner de quel langage il s'agit et de le colorer en conséquence. Sauf que le langage n'est pas toujours bien détecté car plusieurs langages utilisent des structures et des mots clés similaires,</div><div>il faut souvent utiliser un marquage pour éviter les colorations qui n'ont rien à voir.</div>
|
||||
<div>pour dotclear, sur lequel fonctionne ce blog j'utilise YASH.</div><div>il faut mettre son code dans une balise de préformatage <pre></pre> et lui mettre une classe <strong>brush:js</strong> par example. Ce qui est un peu relou.</div><div>ce qui donne ceci dans le code HTML</div>
|
||||
<pre class="brush:html"><code><pre class="brush:html"><br />
|
||||
<!-- mon commentaire html -->
|
||||
<html> là on est dans du html moche mais coloré </html><br /></pre></code>
|
||||
</pre>
|
||||
<div>Mais syntaxeHL fait aussi très bien l'affaire:</div>
|
||||
<div>http://plugins.dotaddict.org/dc2/details/syntaxehl</div>
|
||||
<pre class="brush:js"><code>// wow ce code est trop mieux en couleur
|
||||
var bonjour = 'Hello Monde!';</code>
|
||||
</pre>
|
||||
<div>Mais si vous voulez un joli thème de coloration y'a le projet <a href="https://highlightjs.org/" hreflang="fr">HighLightJS</a> qui non seulement met en forme plus de 50 lagages, mais dispose aussi d'un bon paquet de thèmes dans leur démos.</div><div>Le site propose aussi de créer un pack de la lib pour ne mettre en forme que certains langages choisis. Vu qu'en général on ne parle pas de quinze mille langages différents sur le même site c'est une option fort chouette.</div><div>J'ai donc uploadé le pack.js dans mon dossier public de dotclear ainsi que le thème css qui va bien.</div><div>j'ai ajouté l'appel au script dans le footer <strong>tpl/_footer.html</strong> de mon thème dotclear, </div><div><pre style="background-color:#002240;color:#ffffff;font-family:'DejaVu Sans Mono';font-size:16,5pt;"><span style="color:#e1efff;"><</span><span style="color:#9effff;">script </span><span style="color:#ffdd00;">src=</span><span style="color:#3ad900;font-weight:bold;">"/public/highlightjs/highlight.pack.js"</span><span style="color:#e1efff;">></</span><span style="color:#9effff;">script</span><span style="color:#e1efff;">></span></pre><pre style="background-color:#002240;color:#ffffff;font-family:'DejaVu Sans Mono';font-size:16,5pt;"><pre style="font-family: 'DejaVu Sans Mono';"><span style="font-size: 1.1em; color: rgb(225, 239, 255);"><</span><span style="font-size: 1.1em; color: rgb(158, 255, 255);">script</span><span style="font-size: 1.1em; color: rgb(225, 239, 255);">></span>hljs<span style="color:#e1efff;">.</span>initHighlightingOnLoad<span style="color:#e1efff;">();</span><span style="font-size: 1.1em; color: rgb(225, 239, 255);"></</span><span style="font-size: 1.1em; color: rgb(158, 255, 255);">script</span><span style="font-size: 1.1em; color: rgb(225, 239, 255);">></span></pre></pre></div><div><pre style="background-color:#002240;color:#ffffff;font-family:'DejaVu Sans Mono';font-size:16,5pt;"><span style="color:#e1efff;"><</span><span style="color:#9effff;">link </span><span style="color:#ffdd00;">rel=</span><span style="color:#3ad900;font-weight:bold;">"stylesheet" </span><span style="color:#ffdd00;">href=</span><span style="color:#3ad900;font-weight:bold;">"/</span><span style="color:#3ad900;background-color:#3c3c57;font-weight:bold;">public</span><span style="color:#3ad900;font-weight:bold;">/highlightjs/agate.css"</span><span style="color:#e1efff;">></span></pre></div><div>le code d'exécution dans une autre balise script, chargé le css dans l'entête du fichier <strong>tpl/_head.html</strong></div>
|
||||
<div>Comme sur ce blog j'utilise la balise de code pour montrer du code, et que la mise en forme d'highlightjs s'applique à une balise<pre> (le bonheur est dedans) contenant la balise code, j'ai rajouté une ligne de jquery pour enlevopper mes balises codes d'un préformatage. </div><div><code>$('.post-content code').wrap('pre')</code></div><div>ainsi je peux spécifier la classe du nom du langage sur ma balise code et elle est conservée.</div><div>c'est facile à mettre en place, et zoup! ça améliore l'expérience de lecture donc pourquoi s'en priver ? ;)</div><div>enjoy!</div></div>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 5aade6c6-f549-443a-b0e1-f58963fb6be6
|
||||
:END:
|
||||
#+title: amlioration-continue-de-l-quipe
|
||||
|
||||
* Article
|
||||
- ID: 195
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2016-03-04 16:50:40>
|
||||
- modifié: <2016-07-31 11:42:00>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Amélioration continue de l'équipe
|
||||
|
||||
:html:
|
||||
|
||||
<p><br /></p>
|
||||
|
||||
<h3>Une équipe qui gagne ça ne tombe pas du ciel.<br /></h3>
|
||||
|
||||
<p><br />
|
||||
Avez vous déjà essayé l'amélioration continue dans votre équipe?<br />
|
||||
<br />
|
||||
Car vous aurez beau vous investir dans les méthodes les plus récentes, les outils les plus révolutionnaires,<br />
|
||||
<br />
|
||||
cela ne donnera pas plus de résultat si vous avez une équipe qui ne cherche pas à s'améliorer à tous les niveaux. Vous faites probablement des erreurs dans votre façon de gérer un projet et ce n'est pas sale, ton corps change.<br />
|
||||
<br /></p>
|
||||
|
||||
<h3>Faites de la veille<br /></h3>
|
||||
|
||||
<p><br />
|
||||
Ne restez pas la tête dans le guidon. Prenez le temps de réfléchir à ce qu'il faut faire et ne réfléchissez pas tout le temps tout seul. Soyez curieux de la façon dont d'autres personnes procèdent. Déplacez vous, posez des questions, apprenez à écouter et à ne rien dire. Il nous faut quelques années pour apprendre à parler, et toute une vie pour savoir nous taire.<br />
|
||||
<br />
|
||||
Tant au niveau des personnes qui dirigent les opérations qu'au niveau de celles qui mettent les mains dans le cambouis. Cela semble évident, et pourant de nombreux chouettes projets se retrouvent à traîner et à dégouter ses participants pour cause de ce que l'on pourrait appeler un management pourri.<br />
|
||||
<br /></p>
|
||||
|
||||
<h3>Soyez un meilleur humain<br /></h3>
|
||||
|
||||
<p><br />
|
||||
C'est le cas lorsque les opérants se démotivent rapidement, se sentent pris pour du bétail et quittent les projets sans laisser de trace. C'est aussi le cas lorsque l'on ne fait que de gueuler pour se faire entendre et que toutes les choses à faire sont super urgentes sans que l'on sache dire de quoi il faudrait s'occuper en premier.<br />
|
||||
<br />
|
||||
Travailler dans une ambiance pourrie, avec des collègues pénibles, sans jamais s'y retrouver dans qui fait quoi sous une pression énorme de petits chefs qui se croient plus importants que le reste du monde est un calvaire. Personne ne veut travailler dans ces conditions.<br />
|
||||
<br />
|
||||
Aussi, il est vital, et je dis bien vital, de mettre en place un moyen d'avoir un regard éloigné sur ce que l'on a fait en équipe, et de pouvoir échanger librement de façon constructive. Ne travaillez jamais avec des gens qui ne reconnaissent pas leurs erreurs ou qui ne souhaitent pas sincèrement faire mieux. On ne fait de la qualité à hauteur de la souffrance que l'on met dans son travail.<br />
|
||||
<br />
|
||||
Il vous suffit de vous demander "est ce que je fais mieux mon boulot maintenant que l'an dernier?".<br />
|
||||
<br />
|
||||
"bah j'ai toujours été trop bon, et puis je me suis jamais trompé de ma vie, c'est bien simple, ce sont toujours les autres qui ont tort, cette bande d'incompétents!" Si la réponse ressemble à ça, je plains sincèrement vos collègues. Mais ce n'est pas forcément de votre faute, et tout n'est pas perdu! :)<br />
|
||||
<br />
|
||||
Dans certains environnements de travail on met en place une procédure vachement efficace: les retours d'expérience (REX). Des réunions mensuelles où toute l'équipe est conviée à se regrouper autour d'une table (en face à face) et à écrire sur un post-it (ou autre chose) un point positif, et un point négatif axe d'amélioration sur ce qui a été fait depuis le dernier REX. Une fois que tout le monde a écrit, on va demander à chaque personne de nous parler une ou deux minutes maximum sur les sujets de ce qu'elle a écrit. Il convient de laisser s'exprimer chaque personne sans lui couper la parole, et en ne faisant aucune remarque, même si vous êtes en désaccord avec celle ci ou que le sujet vous parait évident.<br />
|
||||
<br />
|
||||
La prise de parole n'est pas réservée qu'aux dieux du projet<br />
|
||||
<br />
|
||||
ça n'a l'air de rien, mais cela représente un défi insurmontable pour certains. Vous aurez sans doute remarqué que dans toutes les équipes où vous avez participé à un projet, tout le monde n'a pas la même aisance à s'exprimer. Certains présentent des difficultés à formuler des phrases simples et claires pour donner leur avis, ou tout simplement pour dire ce qu'ils ont fait. <br />
|
||||
<br /></p>
|
||||
|
||||
<h3>Rien n'est évident<br /></h3>
|
||||
|
||||
<p><br />
|
||||
Beaucoup ne se sentent pas légitimes dans leur prise de parole. Il est essentiel que tout le monde dans votre équipe sache qu'il est invité à s'exprimer aussi bien sur ce qu'il trouve bien que sur ce qu'il trouve mauvais et qui mériterait amélioration.<br />
|
||||
<br />
|
||||
Cette méthode simple à mettre en place permet plusieurs choses extrêmement bénéfiques:<br />
|
||||
<br />
|
||||
On peut distinguer les choses qui déplaisent à plusieurs personnes.<br />
|
||||
On peut réfléchir à plusieurs à comment améliorer les choses, se partager des astuces.<br />
|
||||
On est tous au courant de ce qui pose problème, comme ça il y a moins de chances que l'on soit indéfiniement redirigé vers un responsable qui sera toujours quelqu'un d'autre.<br />
|
||||
La courte (et à peu près égale) durée de parole nous oblige à synthétiser pour éviter de faire perdre du temps à tout le monde.<br />
|
||||
On est pas tout seul dans son coin si on a besoin de savoir quelque chose.<br />
|
||||
On facilite la spontanéité des échanges. On s'engage activement à s'améliorer.<br />
|
||||
<br />
|
||||
Il suffit d'essayer.</p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: bcdca2be-7333-4976-9bc8-f106bc132772
|
||||
:END:
|
||||
#+title: gulpifie-ton-prestashop
|
||||
|
||||
* Article
|
||||
- ID: 194
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2016-03-29 17:19:40>
|
||||
- modifié: <2016-05-11 11:03:46>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** gulpifie ton prestashop
|
||||
|
||||
:html:
|
||||
|
||||
<p><p>Vous êtes dev front end et aimeriez avoir du livereload quand vous bossez sur un thème prestashop?
|
||||
Gulpifiez votre prestashop! &nbsp;(ou en fait non, fuyez tant qu'il en est encore temps)</p>
|
||||
<p>dans votre terminal favori, dans la racine de votre projet prestashop faites ceci:
|
||||
Installons localement gulp et browser-sync avec node package manager:</p>
|
||||
<p>&nbsp;npm i --save-dev gulp browser-sync</p>
|
||||
<p>ça mouline quelques temps, ensuite créez un fichier Gulpfile.js toujours à la racine de votre projet
|
||||
et remplissez le de ceci:</p>
|
||||
<pre><code>/**</p>
|
||||
|
||||
<pre>gulpify script of tykayn
|
||||
https://github.com/tykayn/blog.artlemoine.com
|
||||
http://artlemoine.com
|
||||
to run this you need bash to install dependencies:
|
||||
npm i -D gulp browser-sync --save-dev;
|
||||
gulp
|
||||
**/</pre>
|
||||
|
||||
<p>var serverName = 'latrotteuse.lan'; // you NEED to have a vhost of this name setup
|
||||
var gulp = require('gulp');
|
||||
var browserSync = require('browser-sync');</p>
|
||||
|
||||
|
||||
|
||||
<p>// Static server.
|
||||
gulp.task('browser-sync', function () {</p>
|
||||
|
||||
<pre> // init server
|
||||
browserSync.init({
|
||||
proxy: serverName + "/"
|
||||
});
|
||||
// the server will automatically reload on change
|
||||
var filesToWatch = ["themes/**/*.tpl",
|
||||
"themes/**/*.js",
|
||||
"themes/**/*.css",
|
||||
"themes/**/*.html",
|
||||
"src/**/*.php"];
|
||||
gulp.watch(filesToWatch)
|
||||
.on('change', browserSync.reload);</pre>
|
||||
|
||||
<p>});</p>
|
||||
|
||||
|
||||
<p>gulp.task('default', <a href="'browser-sync'" title="'browser-sync'">'browser-sync'</a>);
|
||||
</code></pre>
|
||||
il vous faudra définir un virtual host pour que ça fonctionne.
|
||||
on a donc un fichier minimal, avec une tâche par défaut qui lance un serveur web local sur le port 3000 et qui recharge le browser à la modification d'un fichier dans le répertoire de thèmes.
|
||||
wouala, enjoyez!&lt;/span&gt;
|
||||
&lt;/pre&gt;</p></p>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 4f066a9b-eaef-4625-adb4-789c27756303
|
||||
:END:
|
||||
#+title: quand-tu-fais-migrer-ton-equipe-vers-gitlab
|
||||
|
||||
* Article
|
||||
- ID: 321
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2016-09-05 22:06:55>
|
||||
- modifié: <2018-08-22 14:20:54>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** quand tu fais migrer ton équipe vers gitlab
|
||||
|
||||
:html:
|
||||
|
||||
<p><img src="http://i.imgur.com/OYTMJVm.gif" /></p>
|
||||
<p>Voilà comment l'équipe se sent quand elle passe d'une plateforme de gestion de git inexistante à un <a href="https://www.gitlab.com">gitlab</a> auto hébergé. Et je ne gagne rien pour vous écrire ça.</p>
|
||||
|
||||
<!-- wp:paragraph -->
|
||||
<p></p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 21103630-3fa0-4a34-ab80-199936c0624f
|
||||
:END:
|
||||
#+title: du-grand-art-avec-gimp
|
||||
|
||||
* Article
|
||||
- ID: 347
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2016-10-03 14:07:49>
|
||||
- modifié: <2018-08-22 14:17:56>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** du grand art avec gimp
|
||||
|
||||
:html:
|
||||
|
||||
|
||||
|
||||
C'est bientôt la saison des courges musquées.
|
||||
|
||||
la tentation était trop grande, je me devais de faire un superbe montage d'Elon Musk (vous savez, <a href="http://waitbutwhy.com/2015/05/elon-musk-the-worlds-raddest-man.html">the raddest man evar</a> qui a servi d'inspiration pour faire le personnage de Tony Stark aka Iron Man!) avec une courge. <a href="https://twitter.com/search?src=typd&q=%23retirezMoiPhotoshop">#retirezMoiPhotoshop</a>
|
||||
|
||||
<img class="aligncenter wp-image-358 size-full" src="http://www.cipherbliss.com/wp-content/uploads/2016/11/courge_musquee_butternut.png" width="570" height="570">
|
||||
|
||||
Justement, quand on a l'habitude de toshop on prend de haut GIMP tant il est ouvert tel Jean Claude Van Damme alors que pour le commun des mortels y'a pas besoin de cracker un logiciel ultra lourd et ultra cher pour faire des bidouilles viteuf. Bizarrement, peu de gens font de la retouche photo avec toshop, car c'est très inattendu et on aurait jamais deviné, pas même en connaissant son nom mais c'est son but premier.
|
||||
|
||||
Il existe d'ailleurs <a href="http://lifehacker.com/how-to-make-the-gimp-work-more-like-photoshop-1551318983">des config de gimp pour faire en sorte qu'il ressemble d'avantage à toshop, selon cet article de chez LifeHacker</a>.
|
||||
|
||||
Perso, afficher quelques fenêtres ancrables, réassigner quelques raccourcis et zoup, je n'ai pas besoin de plus pour faire mes conneries.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 5aa6593d-b36b-4a9f-bf38-c3718b530a95
|
||||
:END:
|
||||
#+title: reparer-louverture-de-liens-dans-chrome
|
||||
|
||||
* Article
|
||||
- ID: 356
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2016-10-23 21:51:04>
|
||||
- modifié: <2018-08-22 14:17:43>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** réparer l'ouverture de liens dans chrome
|
||||
|
||||
:html:
|
||||
|
||||
après l'upgrade vers ubuntu 16.04, j'avais un souci avec Google Chrome, quand je cliquais sur un lien censé s'ouvrir dans mon navigateur par défaut ça ouvrait une page blanche.
|
||||
|
||||
Pour réparer cela rien de plus facile, il suffit de bidouiller le mini fichier de config de chrome desktop pour votre utilisateur.
|
||||
<pre><code>gedit $HOME/.local/share/applications/google-chrome.desktop</code></pre>
|
||||
Trouvez la ligne:
|
||||
<pre> <code>Exec=/opt/google/chrome/chrome</code>
|
||||
|
||||
</pre>
|
||||
<code>rajoutez à la fin <em>un espace et un %U</em></code>
|
||||
<pre><code>Exec=/opt/google/chrome/chrome<strong> %U</strong></code></pre>
|
||||
Sauvez le fichier, et voilà, ça marche direct.
|
||||
|
||||
Solution trouvée grâce à <a href="https://askubuntu.com/questions/689449/15-10-chrome-external-links-are-opened-as-blank-tabs-in-new-browser-window/701775#701775">stackExchange</a>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,106 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 8c17584c-819b-4a4a-996c-3289d09e94ac
|
||||
:END:
|
||||
#+title: prendre-en-main-gimp-avec-les-raccourcis-de-photoshop
|
||||
|
||||
* Article
|
||||
- ID: 404
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2016-12-30 12:01:20>
|
||||
- modifié: <2018-09-02 12:18:49>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
[[id:d5c072f1-309f-4d4a-b3e0-9131db36fdbe][dessin]]
|
||||
[[id:dbf3a3e9-edad-49f3-bcf6-3f69b6b49cb9][raccourcis-photoshop-pour-gimp-2-10]]
|
||||
|
||||
** prendre en main gimp avec les raccourcis de photoshop
|
||||
|
||||
:html:
|
||||
|
||||
Comme je l'énonçais précédemment, afin de <a href="http://www.cipherbliss.com/du-grand-art-avec-gimp/">faire du grand art avec GIMP</a>, pour 99% des utilisateurs les fonctionnalités de GIMP sont suffisantes. Cependant, ce qui freine les personnes qui souhaiteraient ne pas payer d'abonnement ou de devoir cracker toshop pour faire du traitement d'image chez eux, c'est qu'on ne leur a jamais mis dans les mains que des solutions de chez Adobe à l'école, et du coup, il est très difficile de changer ses habitudes ensuite.
|
||||
|
||||
<img class="aligncenter size-full" src="https://lh5.googleusercontent.com/eRRF9E2oOCjChMHR4Lwq43vO2xlJ4v_hM-kCbPGQHtraa7Zlt68R3yJ1C-RsCkBQUNRX01_jd2r5EDI=w1920-h959" alt="interface de gimp ressemblant à celle de photoshop" width="1676" height="959" />
|
||||
|
||||
Heureusement, <strong>GIMP est super configurable</strong>. Voici donc une astuce pour lui attribuer les raccourcis claviers et l'apparence habituelle de photoshop, en une seule fenêtre.
|
||||
|
||||
Il vous suffit de récupérer un dossier de profil GIMP et de remplacer celui que vous avez dans votre dossier utilisateur.
|
||||
|
||||
pour GIMP version 2.8, sur Windows ce sera:
|
||||
<blockquote>
|
||||
<h3><code>C:\Documents and Settings\{USERNAME}\.gimp-2.8</code></h3>
|
||||
</blockquote>
|
||||
et sur les linux les plus courants
|
||||
<blockquote><code>/home/$USER/.gimp-2.8</code></blockquote>
|
||||
Installez <a href="http://www.thegimp.fr/">le programme original</a>, puis prenez <a href="http://www.cipherbliss.com/wp-content/uploads/2018/09/gimp-2.8.zip">cette archive zip du profil GIMP 2.8 que je vous ai cuisiné</a>, et mettez son contenu à la place de votre profil GIMP. Vous pouvez bien sûr renommer le dossier de votre profil actuel pour le garder dans un coin et le rétablir si besoin.
|
||||
<h2>Pour GIMP 2.10 sur ubuntu 18.04</h2>
|
||||
les profils d'applis sont rangés différemment. La config utilisateur est différente, et il faut donc la copier dans un autre dossier:
|
||||
|
||||
prendre <a href="http://www.cipherbliss.com/wp-content/uploads/2018/09/gimp_config_2.10.zip">cette archive de profil GIMP 2.10</a>, et la placer dans <strong>/home/$USER/.config/GIMP/</strong>, où vous devez avoir déjà un dossier <strong>2.10</strong>
|
||||
|
||||
il faut remplacer le contenu du dossier 2.10 avec celui de l'archive zip.
|
||||
|
||||
voici un script bash qui fait cela:
|
||||
<blockquote>wget http://www.cipherbliss.com/wp-content/uploads/2018/09/gimp_config_2.10.zip # récupération du zip
|
||||
|
||||
mv /home/$USER/<strong>.config/GIMP/</strong>2.10 /home/$USER/<strong>.config/GIMP/</strong>2.10_backup # backup de la config existante
|
||||
|
||||
unzip gimp_config_2.10.zip -d /home/$USER/<strong>.config/GIMP/</strong>
|
||||
|
||||
ls -lArth /home/$USER/<strong>.config/GIMP/</strong> # verification de la présence des dossiers</blockquote>
|
||||
<h2>Résumé de quelques raccourcis bien pratiques dans les profils</h2>
|
||||
que vous connaissez sans doute déjà si vous dessinez avec toshop (<a href="https://helpx.adobe.com/fr/photoshop/using/default-keyboard-shortcuts.html">d'ailleurs vous avez la liste complète ici pour toshop</a>):
|
||||
<blockquote>Ctrl+N: nouveau fichier
|
||||
|
||||
Ctrl+R: modifier les raccourcis.
|
||||
|
||||
M : sélection rectangulaire
|
||||
|
||||
Ctrl+T: transformation
|
||||
|
||||
R: Rotation
|
||||
|
||||
G: pot de peinture (remplissage, avec la couleur sélectionnée)
|
||||
|
||||
I: pipette (i majuscule)
|
||||
|
||||
Barre espace maintenue: bouger l'image.
|
||||
|
||||
Ctrl+M: courbes de couleur
|
||||
|
||||
Ctrl+shift+U: convertir en niveaux de gris
|
||||
|
||||
Ctrl+shift+E: fusionner tous les calques en un seul.
|
||||
|
||||
Ctrl+D: Tout désélectionner
|
||||
|
||||
V: déplacer la sélection
|
||||
|
||||
X: inverser les deux couleurs
|
||||
|
||||
B: brosse
|
||||
|
||||
E: gomme
|
||||
|
||||
W: sélection baguette magique
|
||||
|
||||
Z: zoom (ctrl+click : zoomer vers l'arrière). plus simple pour zoomer et dézoomer: ctrl+ molette de souris.
|
||||
|
||||
<strong>Quelques raccourcis perso:</strong>
|
||||
|
||||
F4: rogner l'image selon la sélection (ça c'est un truc perso)
|
||||
|
||||
Ctrl + J: dupliquer le calque</blockquote>
|
||||
Vous pouvez ajouter, et retirer des onglets en cliquant sur les petites flèches sur la droite des titres des onglets. pour les déplacer, cliquez sur le titre de l'onglet, par exemple "Calques".
|
||||
|
||||
Site officiel: <a href="http://www.gimp.org">www.gimp.org</a>
|
||||
|
||||
Mes autres articles à propos de GIMP:
|
||||
|
||||
<a href="http://www.cipherbliss.com/tag/gimp/">http://www.cipherbliss.com/tag/gimp/</a>
|
||||
|
||||
Enjaillez!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: ade49b63-39fd-4623-af7d-8d6ac7c8baea
|
||||
:END:
|
||||
#+title: comment-faire-sa-compta-dentreprise-individuelle-dans-une-feuille-de-calcul
|
||||
|
||||
* Article
|
||||
- ID: 438
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-02-12 12:42:35>
|
||||
- modifié: <2018-08-22 17:32:38>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** comment faire sa compta d'entreprise individuelle dans une feuille de calcul
|
||||
|
||||
:html:
|
||||
|
||||
j'ai déjà évoqué quelques <a href="http://www.cipherbliss.com/faire-ses-factures-avec-libreoffice-ou-google-sheet/">astuces pour tableur/excel/libreOffice/google sheets</a> qui pourraient vous servir à vous faciliter la compta de votre petite entreprise. Je vous propose de nous appuyer cette fois ci sur un fichier concret que vous pourrez utiliser direct paf boum pastèque.
|
||||
|
||||
<a href="https://docs.google.com/spreadsheets/d/1dHubtb7LXyiU1_K4GDbnMHM2Kf7t-unLe-Hx2A8_bFY/edit?usp=sharing">par ici pour la fiche prévisionnelle super trop pratique</a> sur gdrive
|
||||
|
||||
<strong>Connaitre des formules de feuilles de calcul c'est bien, mais faire en sorte que ça ne soit pas le boxon dans votre comptabilité est un sport qui demande un peu plus de souplesse.</strong>
|
||||
|
||||
Quand vous avez une <a href="http://www.lautoentrepreneur.fr/">auto-entreprise</a> (AE)(oui leur site web est atroce) la comptabilité est très simple, vous ne pouvez pas facturer de TVA ni faire de note de frais, et tout peut être réglé en ligne sur <a href="http://www.net-entreprises.fr/">net-entreprise.fr</a>. (eux aussi ils font fort dans le genre site atroce pas rénové depuis l'an 2000)
|
||||
|
||||
vous pouvez télécharger utiliser ce fichier super simple avec des achats et des recettes pour votre AE: <a href="http://www.cipherbliss.com/wp-content/uploads/2017/02/livre_compta_auto_entreprise.ods">livre_compta_auto_entreprise</a> (éditable avec OpenOffice Calc ou LibreOffice Calc)
|
||||
|
||||
Dès que vous avez un statut qui vous permet de facturer davantage que les 70000€ par an (et non plus 34 000€ depuis 2018), les choses se compliquent, rien que parce que vous devez ouvrir un espace pro sur <a href="https://www.impots.gouv.fr/portail/">le site des impôts</a>. (qui s'est légèrement refait une beauté en 2016 après avoir boudé les mises à jour pendant une dizaine d'année, mais pas sur toutes ses pages non plus, faut pas déconner). Si vous voulez des infos pour choisir votre structure d'entreprise, j'ai personnellement trouvé pas mal de bonnes infos à jour pour choisir la mienne (en tant que développeur web indépendant) sur <a href="http://www.entrepriseindividuelle.info">www.entrepriseindividuelle.info.</a>
|
||||
|
||||
Dans tous les cas, l'aide d'un comptable vous sera précieuse (pas besoin d'<em>expert</em>-comptable si vous faites moins d'une vingtaine de factures par an et si vous n'avez aucun employé).
|
||||
<h2>Le but du jeu avec cette feuille de calcul ça va être de:</h2>
|
||||
<h3>1/ gérer votre facturation</h3>
|
||||
<ul>
|
||||
<li>avoir une vue globale de votre situation</li>
|
||||
<li>pouvoir générer des pdf de facture à envoyer à nos clients sans se fouler le petit doigt</li>
|
||||
<li>base de données de clients
|
||||
<h3>2/ gérer votre trésorerie</h3>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>lister vos dépenses par type</li>
|
||||
<li>prévoir la disponibilité de votre trésorerie à long terme</li>
|
||||
<li>estimer combien vous allez devoir reverser de ce que vous gagnez à chaque organisme qui vous le demandera tous les trimestres ou tous les mois. (loyer, assurance, mutuelle, abonnements divers,carburant,URSSAF, RSI, CIPAV, DGFIP, CFE... mais attention, les barêmes changent toutes les moitiés d'année)</li>
|
||||
<li>constater les différences entre vos prévisions et les mesures de votre trésorerie afin d'ajuster vos économies.</li>
|
||||
</ul>
|
||||
rien que ça ce sera déjà pas mal pour vous permettre de personnaliser comme vous voulez.
|
||||
|
||||
(le mode d'emploi de cette feuille est en cours de rédaction)
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 3b968893-c4c6-45e7-8f3a-b51bd3ab99cb
|
||||
:END:
|
||||
#+title: quand-ton-migrateur-de-blog-vers-wordpress-fonctionne
|
||||
|
||||
* Article
|
||||
- ID: 461
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-06-11 12:42:22>
|
||||
- modifié: <2018-07-30 10:17:10>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** quand ton migrateur de blog vers wordpress fonctionne
|
||||
|
||||
:html:
|
||||
|
||||
|
||||
|
||||
[caption id="" align="aligncenter" width="700"]<img class="size-full" src="http://i0.kym-cdn.com/entries/icons/original/000/021/807/4d7.png" width="700" height="700" /> hackerman mr robot[/caption]
|
||||
|
||||
wouala, j'avais un blog dotclear, une plateforme made in france pour mon blog plein de dessins avant et pour plusse d'évolutivité j'ai finalement choisi de le faire migrer.
|
||||
|
||||
seulement l'importateur dotclear de wordpress ne faisait pas son taf à cause d'un problème de magic quotes php qui sont dépréciées. J'en ai donc profité pour faire un petit projet et le publier sur mon gitlab.
|
||||
|
||||
<a href="https://gitlab.com/tykayn1/dotclear2wordpress">https://gitlab.com/tykayn1/dotclear2wordpress</a>
|
||||
|
||||
vous pouvez l'utliser, pour cela il vous suffit d'installer wordpress sur le même serveur que votre blog dotclear, de cloner le dépot sur votre serveur dans un dossier contrôlé par votre serveur ouaibe, naviguez à l'adresse du dépot cloné, installez les dépendances avec un coup de <em>bower install</em> et zou, suivez les instructions.
|
||||
|
||||
et voilà donc le blog migré en question: <a href="https://tykayn.fr">https://tykayn.fr</a>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: b4ae7d14-4a64-435f-a475-71e1faf1e6a4
|
||||
:END:
|
||||
#+title: restez-en-vie-luttez-contre-le-presenteisme
|
||||
|
||||
* Article
|
||||
- ID: 465
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-07-09 14:48:28>
|
||||
- modifié: <2018-08-22 17:49:51>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** restez en vie, luttez contre le présentéisme
|
||||
|
||||
:html:
|
||||
|
||||
https://www.youtube.com/watch?v=P9ksSWJfPVg
|
||||
|
||||
Travailler moins pour gagner plus, ou comment <strong>le <span class="_5afx"><span class="_58cm">présentéisme</span></span> fait couler les projets, les boîtes et leurs employés</strong>.
|
||||
|
||||
Bossez bien, et cultivez votre vie en dehors du boulot, passez du temps de qualité en famille, entre amis, ou bien seul. Ne tombez pas dans le piège qui vous fera regretter en fin de vie de ne pas avoir mieux géré votre temps en dehors de celui que vous passez sous contrat avec une entreprise. Votre travail ne s'en portera que mieux. On passe déjà suffisamment de temps dans les transports. Méfiez vous également lorsque l'on vous parle de <em>culture d'entreprise</em>, ce n'est que de la novlangue pour désigner tout simplement un culte de la vie d'employé digne des plus strictes lois martiales.
|
||||
<blockquote>C'est une forme d'organisation totalitaire, voire même sectaire. Dans ces structures, il y a la reproduction d'un même schéma avec un leader charismatique, inca<span class="text_exposed_show">rné généralement par le fondateur de la société, autour duquel se crée un culte de la personnalité. Vous avez ensuite l'adoption d'un langage commun généralement bourré d'anglicismes, d'euphémismes et de superlatifs décuplés qui se propagent à une vitesse folle.....
|
||||
Plusieurs process sont souvent rebaptisés avec des noms qui se veulent savants mais sont au final très creux. Ajoutés à cette novlangue, des rituels communs, des valeurs communes, une culture d'entreprise commune ou encore une surveillance omniprésente des résultats. Ce qui est assez proche selon moi d'un système totalitaire.... et d'autant plus hypocrite de la part d'entrepreneurs prônant la liberté à tous les étages et qui se révèlent dans les faits plus que liberticides.</span>
|
||||
|
||||
<a href="https://www.facebook.com/claude.tran.7?fref=nf">-Claude Tran, </a>
|
||||
|
||||
à propos de l'article <a href="https://www.challenges.fr/start-up/quand-la-coolitude-des-start-up-se-transforme-en-proletariat-nouvelle-generation_477708">"quand la coolitude des startups se transforme en prolétariat déguisé" de Marion Perroux </a>
|
||||
|
||||
https://www.challenges.fr/start-up/quand-la-coolitude-des-start-up-se-transforme-en-proletariat-nouvelle-generation_477708</blockquote>
|
||||
Un autre témoignage ici: <a href="http://www.arolla.fr/blog/2017/05/projet-jai-essaye-presenteisme/" target="_top" rel="nofollow noopener">http://www.arolla.fr/…/2…/05/projet-jai-essaye-presenteisme/</a>
|
||||
<blockquote>Le culte du temps de travail, c’est mal, la qualité de code, c’est bien</blockquote>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 6091e64d-7aa3-4c48-a1f9-7c0f58d1454a
|
||||
:END:
|
||||
#+title: comment-desactiver-de-facon-permanente-le-mode-only-full-group-by-de-mysql
|
||||
|
||||
* Article
|
||||
- ID: 470
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-09-21 20:54:32>
|
||||
- modifié: <2018-08-22 17:49:31>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Comment désactiver de façon permanente le mode "only full group by" de mysql
|
||||
|
||||
:html:
|
||||
|
||||
Au pays de symfony, <a href="http://www.doctrine-project.org">doctrine</a> ne fait pas d'association uniquement pleinement groupées.
|
||||
Si vous avez eu ce problème de <strong><a href="https://dev.mysql.com/doc/refman/5.7/en/sql-mode.html">mode SQL</a> only_full_group_by</strong>
|
||||
pour le résoudre de façon permanente vous devez éditer un fichier de conf personnalisé:
|
||||
<pre>sudo nano /etc/mysql/my.cnf</pre>
|
||||
ajoutez ceci à la fin du fichier:
|
||||
<pre>[mysqld]
|
||||
sql_mode = "STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION"</pre>
|
||||
redémarrez votre serveur mysql
|
||||
<pre>sudo service mysql restart
|
||||
</pre>
|
||||
et ça désactivera le problème de ONLY_FULL_GROUP_BY pour TOUS vos utilisateurs.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: cdfa0b4e-1333-45d2-9124-d2627a28ef44
|
||||
:END:
|
||||
#+title: statistiques-sur-les-fanzines-references-par-meluzine
|
||||
|
||||
* Article
|
||||
- ID: 476
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-09-21 21:02:32>
|
||||
- modifié: <2018-08-22 17:50:49>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Statistiques sur les fanzines référencés par méluzine
|
||||
|
||||
:html:
|
||||
|
||||
Selon <a href="https://www.meluzine.org/fr/fanzine-stats/">cette page de stats du site meluzine.org</a>, recueillant les infos pour leurs 1484 fanzines référencés voici ce que ça donne. (Ne prend pas en compte les 331 fanzines qui n'ont pas renseigné de prix ainsi que ceux qui n'ont pas renseigné de nombre de pages.)
|
||||
|
||||
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=2062870769&format=interactive" scrolling="no" seamless="" width="100%" height="371" frameborder="0"></iframe>
|
||||
|
||||
|
||||
<iframe seamless="" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=434570851&format=interactive" width="100%" height="371" frameborder="0"></iframe>
|
||||
<iframe seamless="" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=225251577&format=interactive" width="100%" height="371" frameborder="0"></iframe>
|
||||
|
||||
mon analyse: souvent, les fanzines c'est pas cher, autour de 3€, pour plein de pages de dessin et de texte. Alors mangez en!
|
||||
-Voilà
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,104 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 5a097d72-6425-48e3-8a1d-f4bc4c1d8e14
|
||||
:END:
|
||||
#+title: techniques-de-gestion-de-temps-sur-projets-personnels
|
||||
|
||||
* Article
|
||||
- ID: 456
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-09-22 18:44:51>
|
||||
- modifié: <2017-11-02 13:32:29>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
[[id:c55fafea-5aa2-4fe4-91e7-4477a13b3a8a][gestion_de_projet]]
|
||||
|
||||
** techniques de gestion de temps sur projets personnels
|
||||
|
||||
:html:
|
||||
|
||||
savoir gérer son temps c'est important, surtout quand on est nouvellement devenu papa et qu'on a beaucoup de mal a bien dormir depuis des mois. Mais ça fait partie d'une démarche d'<a href="http://www.cipherbliss.com/amlioration-continue-de-l-quipe/">amélioration continue, que l'on se doit d'employer lorsque l'on est en équipe</a>. ce n'est pas le genre de chose où l'on peut se dire "ça y est j'ai tout pigé de comment ça marche pour le reste de mes jours", il faut savoir s'adapter et surtout refuser de faire certaines choses là maintenant pour les faire faire par d'autres, ou les faire soi même plus tard, dans un ordre éventuellement différent et réparti en de plus petites tâches à résoudre.
|
||||
|
||||
Vous vous attendez sûrement à un comparatif de <a href="https://www.youtube.com/watch?v=obEkLDHXV8E">listicle</a> du style "<em>dix gestionnaires de projet à absolument essayer</em>", ou "<em>cinq techniques infaillibles pour gérer facilement votre PROJEEEEEEEEEEET</em>".
|
||||
|
||||
je vais vous présenter les quelques uns des plus utiles que j'ai essayé au cours des dix dernières années. Mais avant cela, il faut que vous compreniez qu'<strong>avoir des outils c'est bien, mais ça ne fait pas tout tout seul</strong>.
|
||||
|
||||
https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time
|
||||
|
||||
<a href="https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time">Laura Vanderkam vous le dira mieux que moi</a>, quand on dit qu'on a pas le temps de faire telle ou telle chose, il serait plus juste de se dire que ça ne fait pas partie de nos priorités actuellement, et de se rendre compte que <strong>nous avons le pouvoir de modifier nos priorités</strong>.
|
||||
|
||||
Il ne s'agit <strong>pas</strong> de zapper les génériques des séries que l'on regarde pour gagner quinze minutes par session de deux heures de matage de série, mais de considérer l'idée qu'on pourrait sans doute faire autre chose à la place, réviser nos habitudes (hou! ça fait peur comme idée hein) qui nous donnerait davantage le sentiment qu'on emploie notre temps à des choses plus épanouissantes.
|
||||
<blockquote>Le truc c'est qu'en fait nous avons parfaitement le temps d'avoir une vie en dehors de notre activité principale, mais que ça nous demande l'effort de savoir dire non.</blockquote>
|
||||
Notre conférencière détaille qu'elle connaît une personne qui était tout le temps débordée, qui n'avait pas le temps de concilier vie de famille, travail, corvées, amitiés, et vie sentimentale. Pourtant, un jour en rentrant du boulot elle vit que son appartement avait été inondé à cause d'une fuite de son ballon d'eau chaude, elle trouva le temps d'appeler des professionnels pour sauver ses meubles, enlever l'eau, réparer le ballon d'eau chaude, faire garder ses enfants, trouver un autre endroit où dormir. En tout cela lui avait pris plus de 7 heures dans son agenda qui était pourtant surbooké. Quand on veut trouver du temps pour dégager son agenda c'est possible.
|
||||
<blockquote>Oh bien sûr il est plus facile de dire aux autre qu'on a le temps de rien, parce qu'il existe une tendance à très mal voir les individus qui ne sont pas constamment surbookés, on peut les qualifier de "chômeurs", d'"assistés", de "gens qui gâchent leur vie" ou de "feignasse" au choix selon vos tendances politiques et le niveau de mépris que vous souhaitez exprimer.</blockquote>
|
||||
vous aurez peut être remarqué également que ceux qui se tuent au travail sont mieux considérés que ceux qui arrivent à le faire aussi bien, mais sans souffrir. Comme si souffrir était une chose bénéfique en soi. Tiens donc, mais est ce que ça aurait un rapport avec l'étymologie du mot travail qui désigne à l'origine un instrument de torture, en plus de nommer la période de souffrance d'une mère pendant un accouchement ?
|
||||
<pre>Petite astuce de vie en société:
|
||||
si à chaque fois que vous invitez une de vos connaissances à vous voir et qu'ils vous disent qu'ils ne peuvent pas parce qu'ils n'ont pas le temps sans jamais proposer de créneau alternatif, c'est qu'en fait ils ne tiennent pas du tout à ce que vous vous voyez. Voilà, c'est cadeau. Vous pouvez maintenant vous concentrer sur des relations plus saines.</pre>
|
||||
Revenons à notre gestion de <strong>projet perso</strong>. on parle donc de projets qui nous tiennent à coeur et dont on est plus ou moins le seul maître à bord, parce que dès lors que l'on est plusieurs sur un même projet je ne recommanderai pas de penser la gestion de la même façon.
|
||||
<h2>Faire du ménage dans les sollicitations</h2>
|
||||
Vous pouvez bien tenter d'entreprendre ce que vous voulez, si vous êtes sans cesse disponible pour toutes les autres sollicitations du monde vous n'irez pas bien loin.
|
||||
|
||||
Vous pouvez déjà désactiver les notifications de votre boite mail, de votre navigateur, de vos messageries (facebook, instagram et twitter en tête). Si ce sont des choses que vous consultez souvent vous n'avez pas besoin en plus qu'ils viennent vous le demander toutes les cinq minutes. ça vous demandera quelques secondes d'aller voir dans les paramètres et de décocher "notifications", vous permettra de reprendre le contrôle sur votre vie en moins de deux, et d'avoir une paix plus durable.
|
||||
|
||||
Mieux encore, utilisez <a href="https://unroll.me/">unroll.me</a> afin de <strong>vous désinscrire en masse de plein de newsletter dont vous n'avez rien à foutre</strong> et qui vous pourrissent les boites mails tout en vous sollicitant indéfiniment. Vous pourrez aussi regrouper les newsletter qui vous intéressent afin de n'en recevoir qu'une seule groupée par jour au lieu de cinq ou cinquante et de fouiller à chaque fois pour trouver le bouton "unsubscribe".
|
||||
|
||||
Sur le net il vous arrive sans doute comme moi d'ouvrir plein d'onglets, tenté par l'envie de lire des trucs, de voir des illus, de chercher l'inspiration, de vouloir comprendre le monde, surtout depuis l'époque où j'ai découvert qu'on pouvait le faire en cliquant avec la molette de la souris sur un lien.
|
||||
|
||||
Avec le temps j'ai pris l'habitude de savoir les refermer rapidement, au lieu de les accumuler.
|
||||
|
||||
Mais il y a encore mieux: <strong>vous pouvez sauvegarder les pages web comme si vous les mettiez dans votre poche, pour les lire plus tard</strong>, plutôt que là maintenant où ce n'est pas super opportun. Il existe des services comme ça, je vous recommanderai donc de vous faire un compte sur W<a href="https://wallabag.org/fr">allbag</a> qui contrairement à Pocket, n'héberge pas tout ce que vous lui donnez aux States mais en France, ce qui vous permet de conserver bien mieux votre vie privée.
|
||||
|
||||
En plus vous pouvez y relier un agrégateur de <a href="https://www.wikiwand.com/fr/RSS">flux rss</a> (comme <a href="https://www.mozilla.org/fr/thunderbird/">thunderbird</a> qui gère aussi les emails) pour réunir en un même endroit les actus des sites que vous suivez déjà sans avoir à faire le tour sur ces sites un par un.
|
||||
|
||||
Aménagez un espace privilégié pour réaliser votre projet du moment. Avoir un bureau, un jardin ou un garage selon ce que vous voulez faire, avec un espace disponible est vital si vous voulez pouvoir vous mettre à quelque chose sans avoir à chaque fois à déblayer cet espace ou à réaliser des opérations de maintenance qui devraient être faites par d'autres personne.
|
||||
|
||||
<img class="aligncenter size-full wp-image-489" src="http://www.cipherbliss.com/wp-content/uploads/2017/09/planning-mensuel-bujo.jpg" alt="exemple de bullet journal ou BuJo" width="564" height="423" />
|
||||
|
||||
Il existe des tas d'outils pour s'aider à gérer son temps, (à commencer par une simple feuille de calcul, mais c'est loin d'être idéal comme on va le voir plus loin).
|
||||
|
||||
En ce moment c'est le bullet journal qui a le vent en poupe, sauf que personnellement ça me semble trop contraignant pour avoir un réel avantage dans une gestion au quotidien. Mais pourquoi donc ?
|
||||
<h2>Pourquoi le BuJo c'est vraiment pas terrible</h2>
|
||||
Parce que quand on a du mal a gérer ses projets perso, c'est très souvent parce qu'on a aucune discipline, aucune visibilité sur l'avancement de ce que l'on fait, et qu'on ne sait pas par où commencer ce qui nous reste à faire. Or, tenir à jour un carnet en papier en plus de ce que l'on fait déjà demande précisément de la discipline.
|
||||
|
||||
C'est du papier. ça veut dire que vous devez le ballader avec vous tout le temps ou presque, et le jour où vous le paumez vous avez l'air malin, et c'est pareil avec n'importe quel cahier. Le BuJo n'invente rien de neuf, mais comme c'est joliment vendu et plein de promesses ça marche. Enfin, en quelque sorte.
|
||||
|
||||
Je ne vous dis pas qu'il faut bannir tout carnet de cette sorte, ça peut être un bon moyen de reprendre sa vie en main bien sûr, mais en ce qui concerne la gestion d'un projet qui doit avoir un début, un avancement, des remaniements, une gestion du truc par plusieurs personnes et un objectif ça ne risque pas de faire l'affaire, car un bullet journal, ce n'est pas le genre de truc auquel on dédie un seul projet. Et donc, on se retrouve avec de la distraction, du bruit.
|
||||
|
||||
une règle d'or est de n'utiliser qu'un seul de ces outils par projet, sinon c'est le bordel. vous pouvez en être certain.
|
||||
|
||||
Donc perso, j'utilise plusieurs outils selon la complexité du projet. voici lesquels.
|
||||
<h2>Pour les choses simples</h2>
|
||||
une simple liste de trucs à cocher une fois fini suffit.
|
||||
|
||||
Par exemple pour se faire une liste de course, noter une idée, marquer un truc à faire qui ne nécessite pas de rangement, ou rédiger un texte avec une photo prise en live sur son tel en se disant qu'on pourrait faire un billet de blog plus tard.
|
||||
|
||||
L'idéal est d'utiliser son téléphone que l'on a très souvent sur soi pour noter des idées quand on les a et de les consulter régulièrement.
|
||||
|
||||
<img class="wp-image-495 size-medium alignleft" src="http://www.cipherbliss.com/wp-content/uploads/2017/09/dsnote1-169x300.jpg" alt="" width="169" height="300" /> <img class="wp-image-496 size-medium alignleft" src="http://www.cipherbliss.com/wp-content/uploads/2017/09/dsnote2-169x300.jpg" alt="" width="169" height="300" />
|
||||
|
||||
J'utilisais Google Keep qui a une appli et une add-on de navigateur hyper pratique et intuitive, mais <a href="https://degooglisons-internet.org/">je me soigne de google</a> en utilisant à la place l'appli <a href="https://play.google.com/store/apps/details?id=com.synology.dsnote&hl=fr">DS Note Station de Synology (capture d'écran version mobile ci contre)</a>, qui est donc synchronisée avec mon NAS de la même marque. Mais si vous n'avez pas de NAS et que vous avez à cœur votre vie privée, framasoft propose <a href="https://framanotes.org/">Framanotes qui fonctionne avec l'appli Turl sur téléphone.</a> Et ils proposent aussi <a href="https://framastart.org/">tout un tas de logiciels libres (vous connaissez surement déjà Firefox)</a> pour remplacer des applis de géants du web qui comme Apple, Google, Facebook, Amazon et d'autres s'amusent à <a href="http://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/">revendre vos données contre des milliards de dollars à des tonnes d'entreprises pour en faire des choses vraiment pas jolies jolies</a>.
|
||||
<h2>Pour les gestions de trucs à faire un brin plus complexes.</h2>
|
||||
une feuille de calcul en ligne c'est bien pratique. On a utilisé ça pour faire les fanzines de <a href="https://www.qzine.fr">www.qzine.fr.</a> et gérer les points de discussion ainsi que la proportion d'avancement sur chaque sujet pour la construction de notre chez nous. On peut évaluer à chaque chose à faire un pourcentage d'avancement, désigner un resposable, un co-auteur, avoir un statut de l'avancement, et prioriser les choses si on veut en déplaçant les lignes les plus urgentes à faire vers le haut de la pile.
|
||||
|
||||
Beaucoup de logiciels de tableur comme google sheets, libre office ou framapad permettent de bosser a plusieurs sur une fiche, mais la lisibilité devient vite difficile. et on se retrouve a devoir faire des tâches répétitives comme remplir des dates tout le temps.
|
||||
|
||||
<a href="https://redbooth.com">Redbooth</a> a été pendant des années un de mes outils préférés.
|
||||
|
||||
<a href="https://trello.com/">Trello</a> est très chouette aussi pour détailler les choses et bosser à plusieurs. On définit des colonnes, on écrit des cartes, et on les glisse/dépose dans la colonne qui va bien. On crée ou supprime des colonnes au gré des besoins.
|
||||
|
||||
<img class="aligncenter size-full wp-image-600" src="http://www.cipherbliss.com/wp-content/uploads/2017/09/Capture-du-2017-11-02-13-31-24.png" alt="" width="1920" height="1080" />
|
||||
|
||||
Par exemple, pour faire une bande dessinée, on peut faire une colonne par étape (idée, crayonné, propre, numérisé, typo à faire, à assembler, à réviser, fini), puis une carte par page et on fait bouger nos cartes quand une étape est faite. Si besoin de retouches, on fait retourner la carte d'une page dans une colonne en arrière.
|
||||
|
||||
Ainsi on a une vision globale, plus on a de cartes dans les colonnes à droite, plus on sait que notre projet est avancé.
|
||||
<h2>Pour les vrais projets</h2>
|
||||
Pour les trucs qui nécessitent du suivi détaillé, plein d'intervenants et de la vision à plusieurs échelles d'avancement il vaut mieux taper dans les systèmes de tickets du style Pivotal tracker, Jira, Trello. Des outils bien connus des développeurs de logiciel.
|
||||
|
||||
Il faut juste les configurer de sorte que vous ne passiez pas vos journées à rentrer des tickets, et que cela soit réellement un bon investissement de temps.
|
||||
|
||||
Ces outils utilisent des notions de projet agile, axés sur la tendance réaliste d'une gestion de projet au gré du sens du vent impliquant l'intégralité des personnes intervenant dans sa réalisation.
|
||||
|
||||
Et vous, c'est quoi vos techniques pour faire aboutir vos projets et vous améliorer ?
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 42a065c7-af57-428e-9546-fddc51ded614
|
||||
:END:
|
||||
#+title: le-futur-ecologique-des-annees-2000-sera-t-il-realite
|
||||
|
||||
* Article
|
||||
- ID: 580
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-10-31 13:47:09>
|
||||
- modifié: <2018-08-22 17:33:56>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Le tur-fu écologique des années 2000 est il réalité en 2017?
|
||||
|
||||
:html:
|
||||
|
||||
dans les années 90 on avait eu quelques prospectus au collège pour savoir de quoi seront fait les avancées des années 2000. Alors, et-ce qu'on est encore loin de cette liste au père noël?
|
||||
|
||||
<img class="aligncenter size-full wp-image-582" src="http://www.cipherbliss.com/wp-content/uploads/2017/10/futur_liste_1.jpg" alt="" width="745" height="1074">
|
||||
|
||||
<strong>Plastiques</strong>: On a pas encore mis en place de procédé de recyclage standardisé rien que sur l'échelle d'un département, les producteurs d'emballages plastiques ne sont pas contraints de n'utiliser que des matériaux recyclables et de contribuer à un effort collectif pour les recycler.
|
||||
|
||||
<img class="aligncenter size-full wp-image-583" src="http://www.cipherbliss.com/wp-content/uploads/2017/10/futur_liste_2.jpg" alt="" width="732" height="1025">
|
||||
|
||||
<strong>Conquête spatiale</strong>: on a de vrais plans tels que <a href="http://www.huffingtonpost.fr/2017/09/29/avec-sa-big-fucking-rocket-elon-musk-veut-vous-faire-aller-de-paris-a-new-york-en-30-mn_a_23227125/">la big fucking rocket</a> pour conquérir d'autres planètes, ou tout du moins la Lune et la planète Mars depuis que SpaceX a réussi à produire des fusées dont les lanceurs sont réutilisés, ce qui réduit énormément les coûts de fabrication. On plante un drapeau sur la lune en 1970, et en 2017 on a toujours pas de base lunaire alors que cela sécuriserait énormément la survie de notre espèce, rien que ça. ça vaudrait le coup de se bouger le cul de façon collective.
|
||||
|
||||
L'hibernation n'est prévue que pour les marmottes, on ne sait pas encore si on va les envoyer en orbite, mais pour près de 5000 € on peut s'envoyer en l'air et expérimenter l'impesanteur dans des avions zéro G.
|
||||
|
||||
<strong>Réalité augmentée:</strong> ça marche, et on fait quelques jeux vraiment bien foutus avec des lunettes toujours plus légères.
|
||||
|
||||
<strong>Ville verticale:</strong> y'en a qui ont essayé, désormais les constructions de lotissements neufs comportent des commerces au rez de chaussée et des parkings souterrains. Une nette avancée dans cette optique.
|
||||
|
||||
On a des projets de smart cities qui relèvent davantage de l'espionnage de masse légalisé plus que de systèmes facilitant la vie aux gens et de réseaux routiers ou autres qui s'adaptent aux usages.
|
||||
|
||||
<strong>Pour les pics de pollution dans paris:</strong> on s'en prend aux automobilistes les plus pauvres, (en les interdisant de circuler dans les zones restreintes) qui ne représentent pas la majorité des usagers des routes parisiennes sans imposer de normes aux entreprises du coin, et en encourageant la concentration des entreprises à un même endroit, ce qui ne peut qu'accroitre les problèmes de charges de transports en tout types, aussi bien en commun qu'individuels.
|
||||
|
||||
<strong>Stockage de l'eau</strong>: on a des réservoirs et les constructions d'habitations proposent des cuves à eau capable de réutiliser l'eau de pluie pour les utiliser dans les toilettes ou les machines vie un système de filtration, pour ne pas gaspiller de l'eau potable. Sinon pour stocker l'eau, y'a les tomates qui sont en voie d'extinction, il parait que y'en avait près de 200 sortes en 1950, et aujourd'hui moins d'une dizaine.
|
||||
|
||||
Wala wala, y'a encore du boulot.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 6ad47968-6548-4ae6-bf8c-9dffdec62c8b
|
||||
:END:
|
||||
#+title: nos-autodafes-numeriques
|
||||
|
||||
* Article
|
||||
- ID: 589
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-10-31 13:54:33>
|
||||
- modifié: <2021-02-01 12:05:57>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Nos autodafés numériques
|
||||
|
||||
:html:
|
||||
|
||||
|
||||
|
||||
Alors que l'on se disait que l'on ferait bien un tour sur le site de tel ou tel artiste, blogueur dont on apprécie le travail mais que l'on sait pas très productif, quelle tristesse de tomber sur une page blanche ou un nom de domaine à acheter, ou impossible à retrouver après moult recherches, nous montrant que le site en question n'est plus qu'un lointain souvenir.
|
||||
|
||||
<strong>Quand on ne prend pas soin de ses espaces d'écriture numérique ils finissent par disparaître rapidement</strong>, surtout si ils ne sont pas auto hébergés et que vous avez donné toute votre vie à thumblr, blogger, facebook, wordpress, youtube, ou skyblog. Vous n'aviez probablement jamais fait le rapprochement, mais si vous en êtes responsable, en perdant votre contenu numérique, vous faites un autodafé. et ça, ce n'est <a href="http://youtube.com/watch?v=KgQmrUgR9rM">vraiment pas très sympa</a>.
|
||||
|
||||
Vous avez des choses importantes à dire, faites en sorte qu'elles puissent être lues plus d'une seule fois par une poignée de personnes: prenez soin de vos contenus, faites des sauvegardes sur plusieurs supports, <a href="https://archive.org">utilisez des services d'archives</a> pour accéder à des contenus disparus et surtout, hébergez les choses sur une plateforme qui ne va pas faire disparaitre vos écrits sans vous prévenir. Vous pouvez reprendre le contrôle de votre vie numérique.
|
||||
|
||||
https://www.youtube.com/watch?v=UoH3dlKZ-A0
|
||||
|
||||
Allez zou tout le monde on prend deux minutes pour cliquer sur "exporter mon contenu" ou installer <a href="https://doc.ubuntu-fr.org/automysqlbackup">mysqlautobackup</a> pour les plus barbus.
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
sur le sujet de la pérennité et des <a href="https://www.cipherbliss.com/tag/backup/">backups</a> :
|
||||
|
||||
https://framablog.org/2020/08/24/pour-une-page-web-qui-dure-10-ans/
|
||||
|
||||
Sur 24 jours de Web en 2012, une page qui fonctionne toujours aussi bien quasiment 10 ans plus tard:
|
||||
|
||||
https://www.24joursdeweb.fr/2012/un-site-web-de-1000-ans/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: fc6dde8e-cbfc-43ab-b8f1-35c75bac0e53
|
||||
:END:
|
||||
#+title: le-village-global-dinternet
|
||||
|
||||
* Article
|
||||
- ID: 603
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-11-03 21:25:17>
|
||||
- modifié: <2018-08-22 12:33:37>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** le village global d'internet et les shitstorms
|
||||
|
||||
:html:
|
||||
|
||||
https://www.youtube.com/watch?v=AiwA47xY3RE
|
||||
|
||||
Le village global d'internet (ou plutôt du web, <a href="https://www.youtube.com/watch?v=scWj1BMRHUA">car c'est pas tout à fait pareil, merci Michael from Vsauce</a>) permet de mettre à la vue de n'importe qui un phénomène qui a toujours existé dans les villages: la lapidation sur place publique ad hominem. Certes on envoie pas de cailloux mais il n'empêche que les shitstorms produisent des dégâts bien réels et vraiment pas très sympa et c'est statisique: les femmes sont davantage exposées à ces effets néfastes.
|
||||
|
||||
Ce petit épisode de l'émission BiTS produite par Arte est sortie en Décembre 2015. Mais le phénomène de bourrinage en masse est une chose connue depuis fort longtemps. (hey y'a le dernier épisode de <a href="https://fr.wikipedia.org/wiki/Black_Mirror_(s%C3%A9rie_t%C3%A9l%C3%A9vis%C3%A9e)">black mirror </a>de la saison 2 sur ce sujet précis, ça s'apelle "le jeu des conséquences")
|
||||
|
||||
Les plateformes sociales ne sont pas seules responsables de ces effets de masse qui par leur forme accumulative et leur format succint encouragent d'avantage les punch lines aux débats éclairés et argumentés.
|
||||
|
||||
La libération des paroles est une chose formidable, mais il ne faut pas oublier que la liberté d'expression ne vous autorise pas pour autant à défoncer tout le monde oralement. Oui, aujourd'hui on a une forte tendance à préférer la censure quand un message nous déplaît, mais c'est un énorme tort. Aucun débat n'est possible si vous muselez un discours qui n'est pas en parfait accord avec le votre. Et le jour où ce n'est pas vous qui tenez la muselière de la censure, vous serez bien ennuyé.
|
||||
|
||||
à l'avenir, méfiez vous des choses qui vous énervent en ligne, car comme toute personne vous êtes extrêmement plus susceptible de participer à la propagation d'une rumeur si celle ci suscite chez vous des émotions fortes. Les pensées se propagent de la même façon que les maladies et les parasites: elles se multiplient et évoluent à travers des hôtes. En l'occurence, les arguments mutent de sorte à ce qu'ils ne deviennent qu'une caricature de ce que l'adversaire le plus évident pourrait être. C'est pour cela qu'il faut faire énormément attention à éviter de produire des arguments tout pourrits (y'en a 3 grandes familles: <a href="https://cortecs.org/materiel/moisissures-argumentatives/">Travestissement, Attaque, et Erreurs logiques</a>. homme de paille, ad hominem, fausse vérité, inversion de la charge de la preuve, bouger la cible, dessiner la cible après le tir...)
|
||||
|
||||
Posez vous simplement la question d'à qui profite ce que vous transmettez et qui va en subir les effets potentiellement démesurés.
|
||||
|
||||
https://www.youtube.com/watch?v=rE3j_RHkqJc
|
||||
|
||||
OMG! je vous ai transmis un truc, faites gaffe!
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: edc26544-267d-4c75-826a-9877fcd0a717
|
||||
:END:
|
||||
#+title: comment-enlever-les-informations-exif-de-vos-photos-avant-de-les-publier
|
||||
|
||||
* Article
|
||||
- ID: 610
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-11-05 21:23:46>
|
||||
- modifié: <2018-08-22 15:10:09>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Comment enlever les informations exif de vos photos avant de les publier
|
||||
|
||||
:html:
|
||||
|
||||
installer libimage-exiftool-perl
|
||||
<blockquote>sudo apt-get install libimage-exiftool-perl</blockquote>
|
||||
Vous avez maintenant <strong>exiftool</strong> disponible dans votre terminal favori. Cet outil vous permet d'examiner les infos exif mais aussi de les supprimer avec l'option -all. Pour examiner, faites par exemple:
|
||||
<blockquote>exiftool ma_photo.jpg</blockquote>
|
||||
Et pour virer les infos exif de tout un dossier de vos photos, allez dans le bon dossier, un qui par exemple contient 17 photos dont ne nom de fichier commence par IMG et lancer la commande suivante:
|
||||
<blockquote>exiftool -all= IMG* ~/Images/voyage lyon/blog
|
||||
17 image files updated
|
||||
1 image files unchanged</blockquote>
|
||||
et voilà, vous avez des fichiers avec bien moins d'infos exif.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 3c7cf4d5-ee2d-49f1-a306-098a55b5aaec
|
||||
:END:
|
||||
#+title: comment-reduire-en-masse-plein-de-photos-avant-de-les-transmettre
|
||||
|
||||
* Article
|
||||
- ID: 612
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-11-05 21:27:00>
|
||||
- modifié: <2018-08-22 12:12:38>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Comment réduire en masse plein de photos avant de les transmettre
|
||||
|
||||
:html:
|
||||
|
||||
Sur votre système linux il existe un tas d'outils intégrables à votre explorateur de fichier pour réduire en masse vos photos d'un seul coup.
|
||||
|
||||
<strong>Le plus rapide, pour réduire de 50% un tas de photos</strong>, ouvrez votre terminal préféré, déplacez vous dans le dossier plein de photos a redimensionner et collez ceci puis faites entrée
|
||||
<blockquote>for f in `find . -name "*.jpg"`
|
||||
do
|
||||
convert $f -resize <strong>50%</strong> $f.resized.jpg
|
||||
done</blockquote>
|
||||
Et wouala! (Et cette image d'entête n'a rien à voir, génial!)
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 3a1e3fd2-1c51-43ac-9864-0127d54d1692
|
||||
:END:
|
||||
#+title:
|
||||
|
||||
* Article
|
||||
- ID: 616
|
||||
- guid:
|
||||
- status: draft
|
||||
- publié le: <2017-11-05 21:30:39>
|
||||
- modifié: <2017-11-05 21:30:39>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Faire une timelapse sur raspberry pi avec module caméra (normal ou noIR)
|
||||
|
||||
:html:
|
||||
|
||||
Montage du circuit
|
||||
|
||||
Script
|
||||
|
||||
Crontab
|
||||
|
||||
Prise de vue
|
||||
|
||||
Assemblage
|
||||
|
||||
???
|
||||
|
||||
Profit!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: cbc0a984-0ee0-44ff-b0b4-0b3a83958699
|
||||
:END:
|
||||
#+title: comment-installer-domoticz-sur-un-raspberry-pi-2-ou-3
|
||||
|
||||
* Article
|
||||
- ID: 620
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2017-12-18 13:52:35>
|
||||
- modifié: <2018-08-22 17:50:00>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Comment installer Domoticz sur un raspberry pi 2 ou 3
|
||||
|
||||
:html:
|
||||
|
||||
ça marche aussi bien sur les Raspberry pi 2 que 3:
|
||||
|
||||
raccordez votre Pi au net, puis
|
||||
|
||||
connectez vous en SSH, (n'oubilez pas de relier votre pi au réseau par câble LAN ou mot de passe) ou bien lancez un terminal:
|
||||
<blockquote><b>sudo curl -L install.domoticz.com | bash</b></blockquote>
|
||||
ce qui téléchargera le script d'install depuis <a href="https://www.domoticz.com/downloads/">domoticz.com</a> puis l'éxecutera.
|
||||
|
||||
Suivez les instructions pour choisir le dossier où installer le tout, quels ports serviront à accéder à l'interface de gestion web de Domoticz et zou.
|
||||
|
||||
à la fin de l'istallation le script vous rapellera l'URL de réseau local en version http et https afin que vous vous y connectiez.
|
||||
|
||||
Accédez à l'interface de domoticz en vous connectant localement au port 8080 selon l'ip de votre pi, que vous pouvez trouver via <strong>ifconfig, ce qui vous donne par exemple ceci:</strong>
|
||||
|
||||
<a href="http://192.168.0.12:8080">http://192.168.0.12:8080</a>
|
||||
|
||||
Vous devriez donc y voir le tableau de bord sans aucun widget, donc presque comme ceci:
|
||||
|
||||
<img class="aligncenter size-full wp-image-630" src="http://www.cipherbliss.com/wp-content/uploads/2017/12/domoticz_dashboard.png" alt="" width="800" height="456">
|
||||
|
||||
Enjoy!
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 1d00384c-91f3-43b9-a2f4-59727c91241a
|
||||
:END:
|
||||
#+title:
|
||||
|
||||
* Article
|
||||
- ID: 634
|
||||
- guid:
|
||||
- status: draft
|
||||
- publié le: <2017-12-18 13:57:28>
|
||||
- modifié: <2017-12-18 13:57:28>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** ajouter des modules Z-wave et EnOcean sur Domoticz et raspberry pi
|
||||
|
||||
:html:
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 180e8ba8-b4e3-4b6a-908c-f58fcd6a2fbf
|
||||
:END:
|
||||
#+title: le-vent-est-puissant-avec-celui-ci
|
||||
|
||||
* Article
|
||||
- ID: 644
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-01-08 22:54:08>
|
||||
- modifié: <2018-08-22 17:49:39>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Le vent est puissant avec celui ci
|
||||
|
||||
:html:
|
||||
|
||||
<img class="aligncenter size-full wp-image-642" src="http://www.cipherbliss.com/wp-content/uploads/2018/01/ordi_aspiro_who_would_win.jpeg" alt="" width="746" height="589">
|
||||
|
||||
J'ai un ordi portable professionel dont je suis ravi des performances, mais clairement, face à un aspirateur c'est lui qui gagne pour ce qui est du bruit de soufflerie. Si vous avez de bons plans pour remplacer les ventilos je suis partant.
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: f3603a58-6d7b-498f-8fdd-5f26191eb7bf
|
||||
:END:
|
||||
#+title: installer-owncloud-sur-ubuntu-server
|
||||
|
||||
* Article
|
||||
- ID: 650
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-01-22 11:39:54>
|
||||
- modifié: <2018-08-22 12:16:09>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** installer owncloud sur ubuntu server
|
||||
|
||||
:html:
|
||||
|
||||
Supposons que vous ayez accès en SSH à votre serveur ubuntu et que vous connaissiez son ip publique. On suppose aussi que vous avez installé mysql en définissant un mot de passe root.
|
||||
|
||||
utilisez <a href="https://owncloud.org/download/#owncloud-server-web-installer">l'installateur web</a> en le téléchargeant via wget sur votre serveur dans un lieu controllé par apache2 afin de pouvoir y accéder via un navigateur:
|
||||
<pre>cd /var/www/html
|
||||
wget https://download.owncloud.com/download/community/setup-owncloud.php</pre>
|
||||
Accédez à votre serveur par son ip publique ou son nom de domaine si vous en avez défini un, (genre http://moncloud.amoi.com/setup-owncloud.php ) et vous devriez voir apparaitre la page d'installation de votre serveur owncloud vous invitant à passer à l'étape suivante.
|
||||
|
||||
<img class="alignnone size-full" src="https://assets.digitalocean.com/articles/owncloud_install_ubuntu_16.04/db_example.png" width="1128" height="855">
|
||||
|
||||
On devrait vous demander de créer un utilisateur administrateur de votre cloud perso, de lui définir un mot de passe.
|
||||
|
||||
Juste en dessous sur la même page, pour la création de base de donnée et d'utilisateur spécifique pour la connexion à cette base, fournissez votre utilisateur root de mysql.
|
||||
|
||||
Si tout se passe bien et que vous avez bien mis un droit d'écriture sur votre dossier hébergeant votre owncloud, l'installation devrait réussir et après une vingtaine de secondes vous amener sur la page d'accueil de votre utilisateur administrateur, vous proposant des tutos pour syncroniser vos fichiers en téléchargeant un client sur votre ordi perso ou votre mobile, syncroniser votre agenda, et vos contacts.
|
||||
|
||||
Après l'installation, suivez les instructions de <a href="https://doc.owncloud.org/server/latest/admin_manual/installation/installation_wizard.html#post-installation-steps-label">sécurisation des accès à votre dossier owncloud sur cette doc officielle</a>.
|
||||
|
||||
<img class="alignnone size-full" src="http://www.linuxjournal.com/files/linuxjournal.com/ufiles/imagecache/large-550px-centered/u1002061/11563ownf1.jpg" width="550" height="294">
|
||||
|
||||
enjoyez!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 6552184f-9c06-4cd5-9f45-6d9477ccc199
|
||||
:END:
|
||||
#+title: recuperer-les-infos-de-votre-compteur-linky
|
||||
|
||||
* Article
|
||||
- ID: 660
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-01-26 11:48:02>
|
||||
- modifié: <2018-08-22 12:14:42>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Récupérer les infos de votre compteur Linky
|
||||
|
||||
:html:
|
||||
|
||||
<img class="aligncenter size-full" src="https://github.com/outadoc/linkindle/raw/master/assets/linky_days.png" width="479" height="359">
|
||||
|
||||
Enedis, notre gestionnaire de réseau électrique en France, met à disposition du public une API JSON qui vous permettra de récupérer les infos de votre compteur Linky, afin d'avoir une idée de ce qu'il mesure.
|
||||
<blockquote>https://espace-client-particuliers.enedis.fr/group/espace-particuliers</blockquote>
|
||||
Ce système de compteur connecté a fait largement débat, ne serait-ce parce qu'il va générer un énorme gaspillage en remplaçant 35 millions de compteurs parfaitement fonctionnels (un par foyer, et non un par logement) qui ne seront très certainement pas recyclés.
|
||||
|
||||
ça et les problèmes d'atteinte à la vie privée, parce qu'on sait très bien que nos données numériques valent une fortune, et qu'il n'est pas bien compliqué de faire de l'analyse de signal pour repérer et décortiquer nos habitudes de consommation électriques et les relier à des habitudes pour créer des profils à cibler, comme le fait déjà nombre de réseaux sociaux sans honte aucune. Nos données échappent à notre contrôle par défaut. <a href="http://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/">Et ça nous pourrit la vraie vie.</a>
|
||||
|
||||
Enfin voilà, c'est l'occasion d'afficher sur une liseuse les infos de votre compteur en bidouillant du python. Formidable non? Vous allez pouvoir exploiter vous mêmes vos données et éventuellement repérer des anomalies, et réduire votre conso.
|
||||
|
||||
<a href="https://github.com/outadoc/linkindle/">https://github.com/outadoc/linkindle/</a>
|
||||
|
||||
il vous suffira de cloner le dépot, installer les dépendances python, définir deux variables d'environnement pour joindre l'API avec vos infos de compte fournies par Enedis, et hop, magie.
|
||||
|
||||
source: <a href="https://outadoc.fr/2016/12/linkindle-courbe-conso-electrique-sur-liseuse/">https://outadoc.fr/2016/12/linkindle-courbe-conso-electrique-sur-liseuse/</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,73 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 9415954d-683a-4d32-bea0-e4e25a3a0f9f
|
||||
:END:
|
||||
#+title: blockchain-bitcoins-ethereum-dogecoin
|
||||
|
||||
* Article
|
||||
- ID: 638
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-02-05 15:05:37>
|
||||
- modifié: <2018-08-22 12:34:08>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** blockchain, bitcoins, ethereum, dogecoin
|
||||
|
||||
:html:
|
||||
|
||||
#+begin_src html
|
||||
Ça ne vous aura pas échappé, les bitcoins, la cryptomonnaie et la blockchain ce sont des trucs dont on entend parler énormément. Mais de quoi c'est que ça s'agit donc en fait ?
|
||||
|
||||
Ces messieurs de <a href="https://www.youtube.com/channel/UCaNlbnghtwlsGF-KzAFThqA"><em>Science étonnante</em></a> et <a href="http://www.youtube.com/channel/UC7sXGI8p8PvKosLWagkK9wQ"><em>Heu?Réka</em></a> dont je vous recommande les chaines sur youtube vous font un topo sur un truc qui a changé la face du monde de façon aussi importante que l'apparition d'internet ou des emails, et dont on ne peut pas encore prévoir tous les usages. Vous serez d'ailleurs fort étonnés de découvrir que la blockchain (ou bien chaîne de blocs) permet des tas de choses, et pas seulement de faire des transactions monétaires. Vous serez étonnés d'apprendre que les cryptomonnaies ne sont ni plus ni moins virtuelles que les euros ou les dollars, pour qui 90% des transactions sont déjà dématérialisées.
|
||||
|
||||
https://www.youtube.com/watch?v=du34gPopY5Y
|
||||
|
||||
Pour vous la faire courte, C'est un réseau ouvert et distribué permettant des transactions de confiance ou la réalisation de contrats <strong>sans intermédiaire</strong> tel que des banques ou les sites d'e-commerce.
|
||||
|
||||
On a forcément en tête des histoires de ruées vers l'or et de croissance exponentielle donnant fortement envie d'investir dans le bitcoin, l'ethereum et autres cryptomonnaies en vogue. Mais avant de vous enflammer complètement et de revendre votre maison contre des bitcoins pour vivre dans une tente deux places en attendant que ça prenne de la valeur je vous conseille deux ou trois choses:
|
||||
<ol>
|
||||
<li>
|
||||
<blockquote>Ne pas investir dans les cryptomonnaies plus que vous ne pouvez entièrement paumer sans aucune conséquence sur vous ou sur vos proches, qu'il ne faut pas oublier. La volatilité énorme de la monnaie ne permet pas d'en faire une épargne fiable car la valeur de ces monnaies change énormément. Cependant, si vous faites un achat de bitcoin ou d'ethereum et que vous réglez un truc immédiatement le changement de valeur sera assez faible.</blockquote>
|
||||
</li>
|
||||
<li>
|
||||
<blockquote>Comprendre de quoi il s'agit (notamment les nuances entre une monnaie et une autre), ne jamais paumer votre ou vos portefeuilles numériques (et bien les sauvegarder en plusieurs lieux sûrs contraîrement à ce type qui avait 800 bitcoins et qui les a perdu dans un crash de disque dur alors qu'il pourrait les revendre pour 800 fois 16 000€).</blockquote>
|
||||
</li>
|
||||
<li>
|
||||
<blockquote>Vérifier la fiabilité des plateformes proposant la vente de cryptomonnaies avant d'acheter quoi que ce soit, sachant qu'il existe des boutiques physiques ou en ligne, et que les lieux truffés de pubs sur le web ont de grandes chances d'être des arnaques. Acheter par carte bleue de petites sommes de bitcoin ou d'ethereum vous coutera cher en frais et il faut partir du principe qu'un site ne doit pas vous demander de carte bleue ou d'identité pour des achats inférieurs à 300€, sans quoi vous risquez de l'usurpation d'identité. Donc ouvre l'oeil et le bon ;)
|
||||
|
||||
</blockquote>
|
||||
</li>
|
||||
</ol>
|
||||
<!-- TradingView Widget BEGIN -->
|
||||
<div id="tv-medium-widget-6fe06"></div>
|
||||
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
|
||||
<script type="text/javascript"><br />
|
||||
new TradingView.MediumWidget({<br />
|
||||
"container_id": "tv-medium-widget-6fe06",<br />
|
||||
"symbols": [<br />
|
||||
[<br />
|
||||
"Ethereum / Euros",<br />
|
||||
"COINBASE:ETHEUR|1y"<br />
|
||||
]<br />
|
||||
],<br />
|
||||
"greyText": "Cotations de prix par",<br />
|
||||
"gridLineColor": "#e9e9ea",<br />
|
||||
"fontColor": "#83888D",<br />
|
||||
"underLineColor": "#dbeffb",<br />
|
||||
"trendLineColor": "#4bafe9",<br />
|
||||
"width": "550px",<br />
|
||||
"height": "500px",<br />
|
||||
"locale": "fr"<br />
|
||||
});<br />
|
||||
</script>
|
||||
<!-- TradingView Widget END -->
|
||||
|
||||
Pour ce qui est du minage de cryptomonnaie ce sera dans un prochain article ;)
|
||||
|
||||
wala, le fun soit avec vous!
|
||||
|
||||
|
||||
#+end_src
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 7f87e26f-cca6-4560-887f-737844fc2a9c
|
||||
:END:
|
||||
#+title: formation-angular-pour-faire-un-jeu-dont-vous-etes-le-heros
|
||||
|
||||
* Article
|
||||
- ID: 695
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-03-02 20:56:37>
|
||||
- modifié: <2018-08-22 12:14:16>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Formation Angular pour faire un jeu dont vous êtes le héros
|
||||
|
||||
:html:
|
||||
|
||||
J'ai eu la joie de donner <a href="https://docs.google.com/presentation/d/1CmNId9cA3-PQO91PWGnV5MJMUvPFTcJdnqA3P0Tyyzg/edit#slide=id.g2ccee3e4c1_0_94">une formation Angular à mes collègues dont voici les slides.</a>
|
||||
|
||||
<a href="http://www.cipherbliss.com/wp-content/uploads/2018/02/Angular-teacher-game.pdf">Angular teacher game en pdf</a>
|
||||
|
||||
Le but du jeu était de faire comprendre les notions de base d'Angular (version 2 et +) et de réaliser en live un projet de démo avec l'outil <a href="https://cli.angular.io/">Angular CLI</a> afin de prototyper rapidement un site et ses composants web, pour faire un jeu dont on est le héros. Le teacher Game des mathématiques from hell sur mon portfolio, reprenant les textes d'un célèbre article de l'excellent site <a href="http://www.nioutaik.fr">www.nioutaik.fr</a>
|
||||
|
||||
Le tout à partir de ce JSON que j'avais fourni: http://artlemoine.com/json/teacher_game.json
|
||||
|
||||
C'est l'occasion de voir l'injection de modules, la création de composants, de service, l'utilisation du TypeScript. Vous voilà armés pour faire de la ligne de commande. Philippe n'a qu'a bien se tenir!
|
||||
|
||||
<img src="https://thumbs.gfycat.com/HelplessEuphoricAbyssiniangroundhornbill-size_restricted.gif">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 97f955a4-1102-4b48-8eba-6c436419f67d
|
||||
:END:
|
||||
#+title: certifiez-la-detention-et-la-date-dun-document-grace-a-lethereum
|
||||
|
||||
* Article
|
||||
- ID: 715
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-03-27 16:24:42>
|
||||
- modifié: <2018-08-22 12:19:22>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** Certifiez la détention et la date d'un document grâce à l'Ethereum
|
||||
|
||||
:html:
|
||||
|
||||
Les contrats intelligents permis grâce à la <a href="https://fr.wikipedia.org/wiki/Blockchain">blockchain</a> et à l'Ethereum pour ce qui nous intéresse aujourd'hui - mais c'est faisable avec plusieurs blockchain, le bitcoin le propose aussi - donnent naissance a <a href="https://www.stateofthedapps.acom">plein de chouettes services</a> qui permettent de certifier dans le marbre que vous détenez tel document numérique à telle date.
|
||||
|
||||
C'est ce que permet <a href="https://docstamp.io">DocStamp.io</a> , un service en ligne qui ne stocke pas vos documents mais vous permet de générer un hash de celui ci, un hash de votre nom ou pseudo, + un hash pour votre adresse email (il faut donc faire attention à bien l'écrire) et de le stocker dans la blockchain de l'ethereum. Le tout vous notifie par email quelques minutes plus tard quand votre contrat a été intégré à la blockchain.
|
||||
|
||||
Plus tard, vous pouvez donc vérifier qu'un document à bien été inscrit (via son hash) à une date précise dans la blockchain, relié à l'adresse email recherchée. Très utile pour tout ce qui est brevet ou autres preuves de documents légaux. ça fonctionne bien entendu avec n'importe quel type de fichier, y compris des pdf de plein plein de pages. Le moindre changement dans le document à comparer ou l'adresse email et la vérification se révèle impossible. De quoi s'éviter un voyage chez le notaire ;)
|
||||
|
||||
Pas besoin de disposer d'ethereum pour payer le timbre virtuel du service, ils acceptent aussi des monnaies plus classiques et moins <a href="http://www.bortzmeyer.org/bitcoin-acephale.html">acéphales</a> telles que l'USD. le tout pour la modique somme de 4,99 dollars US.
|
||||
|
||||
C'est la version moderne de l'envoi par la poste à soi même. C'est beau non?
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,90 +0,0 @@
|
|||
:PROPERTIES:
|
||||
:ID: 0774c121-d022-414a-ac15-aefb2d7b6ff6
|
||||
:END:
|
||||
#+title: parlez-vous-le-bullshit-couramment
|
||||
|
||||
* Article
|
||||
- ID: 678
|
||||
- guid:
|
||||
- status: publish
|
||||
- publié le: <2018-04-10 17:13:21>
|
||||
- modifié: <2018-08-22 12:10:53>
|
||||
- Index des articles du blog [[id:39e91a2e-d003-4acd-a99a-b58dca74df77][Cipherbliss blog]]
|
||||
|
||||
** parlez vous le bullshit couramment?
|
||||
|
||||
:html:
|
||||
|
||||
Savoir évaluer le niveau technique de l'interlocuteur quand on lui parle d'une chose complexe doit faire partie des qualités que l'on attend d'une personne experte dans un domaine quel qu'il soit.
|
||||
|
||||
Si une personne persiste à vous abreuver de termes invraisemblables dignes du chinois, il est fort possible que ce soit dans le but de vous embrouiller et de vous faire comprendre que vous n'êtes pas en mesure de comprendre, afin que vous lui fassiez aveuglément confiance.
|
||||
On retrouve ce phénomène de parler le <em>bullshit</em> dans <a href="https://www.charlatans.info/">tous les charlatanismes du monde.</a>
|
||||
utiliser des <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/abbr">balises <abbr title="abbréviation">abbr</abbr></a> et des <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/a">ancres HTML</a>, utiliser des tooltip, des titres sur les liens, ajouter des légendes aux images, citer ses sources, tout cela est très facile quand on écrit du texte affiché sur une page web. Mais c'est une autre paire de manches lorsqu'il s'agit de communication orale, plus encore lorsque le sens du discours est intentionnellement caché.
|
||||
|
||||
Du jargon d'entreprise, aux <a href="https://fr.wikipedia.org/wiki/Inside_joke">privates jokes</a> en passant par la langue de bois politique, les expressions et les acronymes, il y a de quoi en paumer du monde en chemin.
|
||||
<blockquote>Nous avons choisi un language qui était si obscur, si peu informatif et pourtant si précis, que nous avons pu cacher en plein jour ce que nous faisions. Personne ne pouvait comprendre ce dont on parlait à part le président du conseil.
|
||||
|
||||
-c'était écrit de façon délibérée pour être ainsi?
|
||||
|
||||
-précisément.</blockquote>
|
||||
https://www.youtube.com/watch?v=4ab2ZeZ-krY
|
||||
<blockquote>Ce n'est pas accidentel ou parce qu'ils sont stupides. C'est souvent confus et vague intentionnellement. Certains des plus grands scandales de corruption dans l'histoire se sont produits grâce à du jargon. Voici des gens qui cherchent à lutter contre cela: <em>The Plain Language Movement</em> (qui n'est pas un mouvement) <a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/redirect?event=video_description&v=4ab2ZeZ-krY&q=http%3A%2F%2Fwww.plainlanguage.gov%2FwhatisPL%2Fdefinitions%2Fbalmford.cfm&redir_token=hlaKDnPDuHwmIKfAyzMNJe4lk058MTUyMzQ1NjQ0OEAxNTIzMzcwMDQ4">http://www.plainlanguage.gov/whatisPL...</a> Et pour le fun, le générateur de jargon d'entreprise d'Andrew Davidson <a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/redirect?event=video_description&v=4ab2ZeZ-krY&q=http%3A%2F%2Fwww.andrewdavidson.com%2Fgibberish%2F&redir_token=hlaKDnPDuHwmIKfAyzMNJe4lk058MTUyMzQ1NjQ0OEAxNTIzMzcwMDQ4">http://www.andrewdavidson.com/gibberish/ </a>
|
||||
|
||||
(et d'autres sources dans la description de la vidéo)</blockquote>
|
||||
Ce qui est fort c'est que la précision masque le contenu vague de l'énoncé, c'est toute la magie de la pirouette linguistique.
|
||||
|
||||
Pour faire face à ce fléau, il convient de varier son vocabulaire et de le rendre accessible. De parler avec des mots courants, simples, basiques, de faire des phrases pas trop longues.
|
||||
<h2>Apprendre l'autodéfense face à la langue de bois.</h2>
|
||||
Ça tombe bien, si vous n'avez pas lu Bourdieu ou Huxley et que vous êtes plutôt branché vidéo vous pouvez faire un tour chez <a href="https://www.youtube.com/user/LeStagirite">le Stagirite</a> .
|
||||
|
||||
<a href="http://www.cipherbliss.com/wp-content/uploads/2018/04/Le_stagirite.png"><img class="aligncenter size-full wp-image-730" src="http://www.cipherbliss.com/wp-content/uploads/2018/04/Le_stagirite.png" alt="" width="580" height="380"></a>
|
||||
|
||||
C'est un bûcheron de la langue de bois qui explique très clairement certaines pirouettes de langage qui se moquent continuellement des petites gens:
|
||||
<ul>
|
||||
<li>Dire que l'on doit "faire de la pédagogie" c'est renier toute contestation en infantilisant son adversaire.</li>
|
||||
<li>On se dédouane de nos choix politiques lorsque l'on dit que telle chose "n'a pas vocation" à faire ou être ce que l'on ne veut pas qu'elle soit.</li>
|
||||
<li><a href="https://www.youtube.com/watch?v=v6LsFt0njkQ">"Assumer" une faute, quand on est une personne de pouvoir</a>, ça peut vouloir dire qu'on a bien compris qu'on a commis une faute mais qu'on est au dessus des lois et qu'on ne sera donc pas sanctionné donc on s'en fout, lâchez moi (la thug life).</li>
|
||||
<li>Le dialogue social n'est pas un dialogue, mais un jeu de pouvoir entre des agents aux forces très asymétriques.</li>
|
||||
<li>L'opinion publique est une abstraction qui n'a aucune représentativité dans le monde réel, surtout quand on est en mesure de s'acheter la direction d'un groupe de médias.</li>
|
||||
<li>Dire que les "Français veulent que" est nécessairement biaisé.</li>
|
||||
<li>La démocratie est continue dans le temps et doit nécessairement présenter un contre pouvoir, peu importe ce qui a été élu.</li>
|
||||
<li>Les différents visages de la langue de bois pour se foutre de la gueule du monde en ayant l'air sérieux: se cacher derrière son petit doigt, occuper le temps de parole pour gagner en visibilité, parler pour ne rien dire - mais pour gagner du temps et éviter de répondre- noyer le poisson, dire poliment que l'on emmerde la justice.</li>
|
||||
</ul>
|
||||
<h2>Mesurer la lisibilié d'un texte, c'est possible<span style="text-decoration: line-through;">, avec la carte Kiwi</span></h2>
|
||||
[caption id="" align="aligncenter" width="546"]<img class="size-large" src="https://wikimedia.org/api/rest_v1/media/math/render/svg/bd4916e193d2f96fa3b74ee258aaa6fe242e110e" width="546" height="56"> formule de Flesch Kincaid[/caption]
|
||||
<blockquote>Les communications officielles des compagnies les plus impliquées dans des scandales ont des scores moyens autour de 20 points, les autres sont plus proches de 42.</blockquote>
|
||||
Si vous êtes branchés <a href="https://fr.wikipedia.org/wiki/Exploration_de_données"><em>data mining</em></a>, vous serez ravi de pouvoir évaluer vos écrits par le score de lisibilité de <a href="https://www.wikiwand.com/en/Flesch%E2%80%93Kincaid_readability_tests">Flesch-Kincaid</a>. Plus le score est haut (100), plus le texte est compréhensible, et inversement, plus il est bas, plus il est obscur et ultra relou à suivre.
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th align="center"> Score</th>
|
||||
<th align="left">Sens</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">90.0 – 100.0</td>
|
||||
<td align="left">Facilement compris par un élève de 11 ans</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">60.0 – 70.0</td>
|
||||
<td align="left">Facilement compris par des élèves de 13 à 15 ans</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">0.0 – 30.0</td>
|
||||
<td align="left">Mieux compris par des diplômés d'université</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<blockquote>En dessous de 30, un texte est considéré comme très confus. Certains livres de droit vont jusqu'à un impressionnant score de -6 points.</blockquote>
|
||||
Comme pour beaucoup de choses, il y a <a href="https://github.com/daveross/flesch-kincaid">une lib en JS pour ça</a>. Et si vous voulez un bingo des arguments pourris, j'ai créé <a href="https://github.com/tykayn/fromage-js">FromageJS</a>, mis à disposition sur mon Github.
|
||||
|
||||
Vous pouvez soumettre vos textes aussi sur plusieurs services en ligne. Par exemple, le texte de cet article (avant cette ligne) mis sur www.scolarius.com dans la catégorie article/nouvelles obtient un score de 98 points contre une moyenne de 130 points habituels pour ce genre de texte. L'échelle sur ce site n'est pas la même que le score de Flesch Kincaid, chez scolarius, plus le score est bas, plus c'est facile à comprendre.
|
||||
|
||||
Je ne dis pas que mes articles sont les plus faciles à saisir pour Madame Michu, surtout quand il s'agit de monnaie chiffrée et de language informatique et autres choses open source. mais vous voyez, j'assume donc c'est bon!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue