🎨 more style, links fix

This commit is contained in:
Tykayn 2024-11-19 23:50:42 +01:00 committed by tykayn
parent a00cd145a1
commit baac2fd2f1
2343 changed files with 31637 additions and 5343 deletions

View file

@ -8,7 +8,7 @@
#+post_slug: bienvenue-sur-informageek
#+post_url: https://www.ciperbliss.com/2011/bienvenue-sur-informageek
#+post_title: Bienvenue sur Informageek !
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -32,6 +32,7 @@
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!

View file

@ -8,7 +8,7 @@
#+post_slug: geek-nerd-dork
#+post_url: https://www.ciperbliss.com/2011/geek-nerd-dork
#+post_title: Geek, nerd, dork?
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,12 +24,13 @@
:CUSTOM_ID: geek-nerd-dork
:END:
[[http://blog.artlemoine.com/public/i/2011/11novembre/bebe_geek.jpg]]
[[https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg]]
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.
[[http://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg]]([[http://www.gizmodo.fr/][graphique
venant de gizmodo]])
@ -47,6 +48,7 @@ différent de mort, inanimé, zombie, ou fan de patrick sebastien) et
meuporg ou de jeux solo) alors que ce sont des catégories distinctes
bien que cumulables.
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
@ -54,6 +56,7 @@ droit de vote.
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

View file

@ -8,7 +8,7 @@
#+post_slug: ssd-tuto-de-remplacement-sur-pc-portable-laptop
#+post_url: https://www.ciperbliss.com/2011/ssd-tuto-de-remplacement-sur-pc-portable-laptop
#+post_title: SSD tuto de remplacement sur pc portable / laptop
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,14 +24,14 @@
:CUSTOM_ID: ssd-tuto-de-remplacement-sur-pc-portable-laptop
:END:
[[http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD][[[http://blog.artlemoine.com/public/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG]]]]([[http://fr.wikipedia.org/wiki/Solid-state_drive][c'est
[[https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD][https://tykayn.fr/wp-content/uploads/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG]]([[http://fr.wikipedia.org/wiki/Solid-state_drive][c'est
quoi un SSD?]])
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:[[http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD][hacking
7:[[https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD][hacking
de PC portable, tutoriel pour placer un SSD]]Comme
montré sur le graphique ci dessous les temps d'accès au disque en
comparaison:[[http://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif]]ça

View file

@ -8,7 +8,7 @@
#+post_slug: connaissances-de-base-en-tableur
#+post_url: https://www.ciperbliss.com/2011/connaissances-de-base-en-tableur
#+post_title: Connaissances de base en tableur
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -29,7 +29,7 @@ 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 [[/index.php?tag/tuto][tuto]] de ce qu'il y a à savoir en
connaissance de
base.[[http://tykay.free.fr/index.php/post/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office][Trucs
base.[[https://tykayn.fr/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office][Trucs
de classeur excel , Open Office]]Hop, un chaud
brevage, un bon fauteuil et c'est pari! :3Pour aller
plus loin vous avez la

View file

@ -8,7 +8,7 @@
#+post_slug: ninite-multi-installeur
#+post_url: https://www.ciperbliss.com/2011/ninite-multi-installeur
#+post_title: Ninite - multi installeur
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: ninite---multi-installeur
:END:
[[http://ninite.com/][[[http://ninite.com/static/app/img/ninite.png?v=0cd28]]]]Vous
[[http://ninite.com/][http://ninite.com/static/app/img/ninite.png?v=0cd28]]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
@ -34,6 +34,7 @@ grâce à [[http://ninite.com/][Ninite.com]].
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é *sans installer les

View file

@ -8,7 +8,7 @@
#+post_slug: restauration-de-fichiers
#+post_url: https://www.ciperbliss.com/2011/restauration-de-fichiers
#+post_title: Restauration de fichiers
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -39,6 +39,7 @@ 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.
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:
@ -70,6 +71,7 @@ Recovery]]
Vouala vouala, enjoyez bien la récupération de vos
données les petits coquinous.
#+end_quote

View file

@ -8,7 +8,7 @@
#+post_slug: dotclear-commenter-sans-tre-oblig-de-preview
#+post_url: https://www.ciperbliss.com/2011/dotclear-commenter-sans-tre-oblig-de-preview
#+post_title: Dotclear - commenter sans être obligé de preview
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -32,10 +32,12 @@ puissent commenter sans avoir obligatoirement à prévisualiser ce qu'ils
ont écrit?
Facile, rendez vous dans votre interface d'admin.
Puis cliquez sur...
- [[http://blog.artlemoine.com/admin/images/menu/themes.png]] Apparence
du blog
@ -64,6 +66,7 @@ Et remplacez là par:
Ce qui mettra en commentaire les instructions qui disent d'afficher le
bouton d'envoi seulement si la prévisualisation est activée.
Cliquez sur le bouton /Enregistrer (s)/
Et vous verrez le bouton /Envoyer/ disponible dans

View file

@ -8,7 +8,7 @@
#+post_slug: url-maker-1-6-publier-des-liens-sans-avoir-les-crire
#+post_url: https://www.ciperbliss.com/2011/url-maker-1-6-publier-des-liens-sans-avoir-les-crire
#+post_title: url maker 1.6 - publier des liens sans avoir à les écrire
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: url-maker-1.6---publier-des-liens-sans-avoir-à-les-écrire
:END:
[[http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip][[[http://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg]]]]
[[http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip][http://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg]]
Un script bon pour la flemme en php/js écrit par mes soins qui fouille
@ -33,6 +33,7 @@ pour les forums) pour *publier des liens sans avoir à les écrire un par
un* vers plein de fichiers selon quelques options et des dossiers rangés
par année/mois.
[[http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip][URL
maker 1.6 est Téléchargeable ici.]]
@ -40,6 +41,7 @@ Les versions suivantes seront disponible sur
[[http://artlemoine.com][mon portfolio]] (dans la partie *Free DL*) qui
héberge ce blog et les autres.
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
@ -61,14 +63,17 @@ ligne sur un blog toutes les images d'un dossier
Il vous suffit d'un espace web.
- [[http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip][[[http://artlemoine.com/decoration/dl.png]]Choppez
- [[http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip][http://artlemoine.com/decoration/dl.png]]Choppez
l'archive zip]] \O/
- dézippez l'archive, balancez son contenu sur votre espace web.
- 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.
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 *2011/12decembre* par exemple, puis rendez vous dans la page
@ -85,26 +90,32 @@ liens ! :D
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
Impossible d'exécuter JavaScript.
(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 [[http://tykay.free.fr/][un vortex]] ni à la musique piquée
j'en ai tout [[https://tykayn.fr/][un vortex]] ni à la musique piquée
à ma mère grand)
Merci de ne l'utiliser que dans un cadre de gratuité.
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.

View file

@ -8,7 +8,7 @@
#+post_slug: my-first-crowbar-manette-pour-half-life
#+post_url: https://www.ciperbliss.com/2011/my-first-crowbar-manette-pour-half-life
#+post_title: My first crowbar - manette pour half life
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -27,8 +27,10 @@
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -36,8 +38,10 @@ Impossible d'exécuter JavaScript.
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.

View file

@ -8,7 +8,7 @@
#+post_slug: lier-une-image-alatoire-dans-un-dossier
#+post_url: https://www.ciperbliss.com/2011/lier-une-image-alatoire-dans-un-dossier
#+post_title: Lier une image aléatoire dans un dossier
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -34,6 +34,7 @@ comportant vos images à montrer aléatoirement.
#+begin_example
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);//*/?>
#+end_example

View file

@ -8,7 +8,7 @@
#+post_slug: maison-l-preuve-des-zombies-et-des-tmoins-de-jovah
#+post_url: https://www.ciperbliss.com/2011/maison-l-preuve-des-zombies-et-des-tmoins-de-jovah
#+post_title: Maison à l'épreuve des zombies et des témoins de jéovah
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,13 @@
:CUSTOM_ID: maison-à-lépreuve-des-zombies-et-des-témoins-de-jéovah
:END:
[[http://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-3.jpg]][[http://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-5.jpg]][[http://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-9.jpg]][[http://www.thelastgoddess.com/wordpress/2011/05/05/zombie-proof-house-keeps-the-undead-and-jehovahs-witnesses-at-bay/][La
[[http://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-3.jpg]]
[[http://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-5.jpg]]
[[http://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-9.jpg]]
[[http://www.thelastgoddess.com/wordpress/2011/05/05/zombie-proof-house-keeps-the-undead-and-jehovahs-witnesses-at-bay/][La
maison anti zombies et religieux itinérants c'est par ici pour les
autres images]] C'est juste awesome :D

View file

@ -8,7 +8,7 @@
#+post_slug: retour-haptique-haptic-feedback
#+post_url: https://www.ciperbliss.com/2011/retour-haptique-haptic-feedback
#+post_title: retour haptique haptic feedback
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -27,8 +27,10 @@
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -40,12 +42,15 @@ si ce n'est pas déjà le cas.
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.
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
@ -55,11 +60,14 @@ de votre câble d'alimentation et surtout de vos canaux nerveux qui
HOMONDIEU marchent eux aussi à l'électricité.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -67,6 +75,7 @@ HOMONDIEU marchent eux aussi à l'électricité.
vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.
hou le joli clavier qui doit pomper un max de
batterie!
@ -75,6 +84,7 @@ batterie!
Bientôt, des claviers tablettes où chaque pixel
pourra se soulever ou se baisser.
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

View file

@ -8,7 +8,7 @@
#+post_slug: smartphone-voiture-pourquoi-choisir
#+post_url: https://www.ciperbliss.com/2011/smartphone-voiture-pourquoi-choisir
#+post_title: Smartphone, voiture, pourquoi choisir
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -27,11 +27,14 @@
qu'ils proposent une concept-car qui fera smartphone.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -39,17 +42,20 @@ qu'ils proposent une concept-car qui fera smartphone.
vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.
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.
Manquerait plus qu'a coupler la carroserie à une surface photovoltaïque
faite de
[[http://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230][cellules
imprimables.
[[http://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg]]]]
[[http://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg]]
@ -58,13 +64,17 @@ 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).
* Video cannot be played.
:PROPERTIES:
:CUSTOM_ID: video-cannot-be-played.
:CLASS: js_disabled_title
:END:
Please enable JavaScript if it is disabled in your browser.
[[data:,]]
[[data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lcl9jaXJjbGUiIGFyaWEtaGlkZGVuPSJ0cnVlIiB2aWV3Ym94PSIwIDAgNTAgNTAiPgo8Y2lyY2xlIGNsYXNzPSJwYXRoIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI0IiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMjUgMjUpIj48L2NpcmNsZT4KPC9zdmc+]]

View file

@ -8,7 +8,7 @@
#+post_slug: un-peu-de-ralit-augmente-magique
#+post_url: https://www.ciperbliss.com/2011/un-peu-de-ralit-augmente-magique
#+post_title: Un peu de réalité augmentée magique
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -38,8 +38,10 @@ from [[http://vimeo.com/magician][Marco Tempest]] on
[[http://marcotempest.com/][Marco Tempest]], travaille chez Google.
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
@ -48,5 +50,6 @@ 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.
Bon dimanche à vous.

View file

@ -8,7 +8,7 @@
#+post_slug: ne-souriez-pas-aux-inconnus
#+post_url: https://www.ciperbliss.com/2011/ne-souriez-pas-aux-inconnus
#+post_title: Ne souriez pas aux inconnus
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -29,4 +29,5 @@ 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.

View file

@ -8,7 +8,7 @@
#+post_slug: dsignations-dans-une-quipe
#+post_url: https://www.ciperbliss.com/2011/dsignations-dans-une-quipe
#+post_title: Désignations dans une équipe
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -32,24 +32,34 @@
- *le Chef de projet:* Est la personne qui pense que 9 femmes peuvent
livrer un bébé en un mois.
- *Le Développeur:* pense que ça va prendre 18 mois pour livrer un bébé.
- *Le Coordinateur de site:* pense qu'une seule femme peut livrer neuf
bébés en un mois.
- *Le Client:* ne sait pas pourquoi il veut un bébé.
- *Le Gérant de marchés:* pense qu'il peut livrer un bébé même si aucun
homme ou femme ne sont disponibles.
- *l'Équipe d'optimisation des ressources:* pensent qu'ils n'ont pas
besoin d'hommes ou de femmes, ils vont produire un enfant sans aucune
ressource.
- *L'Équipe de documentation:* pense qu'ils s'en moquent si un enfant
est livré, ils vont juste documenter pendant neuf mois.
- *L'Inspecteur de qualité:* est la personne qui n'est jamais contente
du PROCESSUS de confection de bébé.
- *Le Testeur:* est la personne qui dit à chaque fois à sa femme que ce
n'est pas le Bon bébé.
- *Le Chef des Ressources humaines:* est la personne qui pense qu'un
singe peut faire un bébé humain en 9 mois.
mwah ah ah!

View file

@ -8,7 +8,7 @@
#+post_slug: fonction-random-picture
#+post_url: https://www.ciperbliss.com/2011/fonction-random-picture
#+post_title: Fonction Random picture
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,9 +24,10 @@
:CUSTOM_ID: fonction-random-picture
:END:
[[http://artlemoine.com/medias/apps/random-picture/][[[http://artlemoine.com/medias/apps/random-picture/icon_random_picture.png]]Le
[[http://artlemoine.com/medias/apps/random-picture/][http://artlemoine.com/medias/apps/random-picture/icon_random_picture.png]]Le
script Random picture est expliqué et disponible ici]] et sur
[[http://artlemoine.com][mon portfolio artlemoine.com]] (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

View file

@ -8,7 +8,7 @@
#+post_slug: internet-meme-database-know-your-meme
#+post_url: https://www.ciperbliss.com/2011/internet-meme-database-know-your-meme
#+post_title: Internet Meme Database - Know Your Meme
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: internet-meme-database---know-your-meme
:END:
[[file:knowyourmeme.com][[[http://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg]]]]La
[[file:knowyourmeme.com][http://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg]]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
@ -36,7 +36,8 @@ navette spatiale. Tout est expliqué sur le site
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
[[http://tykay.free.fr/index.php/post/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais][le
[[https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais][le
Shakespeare]] aussi.

View file

@ -8,7 +8,7 @@
#+post_slug: entre-du-tgv-lyon-perrache-vue-conducteur
#+post_url: https://www.ciperbliss.com/2012/entre-du-tgv-lyon-perrache-vue-conducteur
#+post_title: Entrée du TGV à Lyon perrache - vue conducteur
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -26,15 +26,19 @@
à l'occasion des 30 balais du TGV, certains ont pu
le visiter depuis la cabine conducteur pendant un trajet.
voilà une vidéo de [[http://gonzague.me][Gonzague]], bloggeux et testeur
de produits divers de nouvelles technologies.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -46,6 +50,7 @@ si ce n'est pas déjà le cas.
Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose vue
passager :D
@ -55,6 +60,7 @@ manette d'accélération et que la
[[http://geillon.pagesperso-orange.fr/trains/signaux/][signalisation des
trains]] était affichée sur la gauche de la voie.
Par exemple:
[[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

View file

@ -8,7 +8,7 @@
#+post_slug: se-dbarrasser-de-ie-6
#+post_url: https://www.ciperbliss.com/2012/se-dbarrasser-de-ie-6
#+post_title: Se débarrasser de IE 6
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -29,6 +29,7 @@ le sauver :D [[http://www.saveie6.com/]] 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.
ce qui permettra de
[[http://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/][faire
plein de choses cool]] comme utiliser les /sélecteurs d'enfants/ en css,
@ -40,7 +41,7 @@ bosser dans la joie et la bonne humeur. Levons les bras
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,
[[http://tykay.free.fr/index.php/post/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux][comme
[[https://tykayn.fr/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux][comme
je l'ai expliqué dans ce billet.]]
@ -49,15 +50,16 @@ J'ai pris les
[[http://www.w3schools.com/browsers/browsers_stats.asp][statistiques de
fréquentations de w3c school]] pour monter ces petits graphiques avec le
tableur open
office:[[http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg][[[http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg]]]]
office:[[https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg][https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg]]
[[http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg][[[http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg]]]]Ici
[[https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg][https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg]]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.[[http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/resolutions.jpg][[[http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/resolutions.jpg]]]]Pour
2011.[[https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/resolutions.jpg][https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/resolutions.jpg]]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.

View file

@ -8,7 +8,7 @@
#+post_slug: jusqu-o-peut-on-zoomer-dans-l-univers
#+post_url: https://www.ciperbliss.com/2012/jusqu-o-peut-on-zoomer-dans-l-univers
#+post_title: Jusqu'où peut on zoomer dans l'univers ?
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: tron-legacy-les-effets-spciaux
#+post_url: https://www.ciperbliss.com/2012/tron-legacy-les-effets-spciaux
#+post_title: Tron legacy : les effets spéciaux
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -35,12 +35,14 @@ Jake Sargeant, et David "dlew" LewandowskiIl. Il a aussi fait
interactif en javascript et en d'autres langages.
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.
[[http://www.balldroppings.com/images/artbanner.gif]]

View file

@ -8,7 +8,8 @@
#+post_slug: non-acta-manifestation-dans-toute-l-europe
#+post_url: https://www.ciperbliss.com/2012/non-acta-manifestation-dans-toute-l-europe
#+post_title: non à ACTA, manifestation dans toute l'europe.
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -20,17 +21,21 @@
* non à ACTA, manifestation dans toute l'europe.
:PROPERTIES:
:CUSTOM_ID: non-à-acta-manifestation-dans-toute-leurope.
:END:
Je vous fais passer le message.
*Aujourd'hui* c'est manifestation dans beaucoup de
villes pour que la démocratie, les libertés d'expression, l'internet
neutre et libre, la recherche et l'innovation soient respectés.
[[http://www.wolnyportal.pl/application/images/layout/acta.jpg]]
@ -179,25 +184,30 @@ propriété intellectuelle au niveau international. Jusque là tout va
bien.. Mais le terme de "propriété intellectuelle" est volontairement
flou. Il peut désigner des marques, idées ou informations. ACTA devrait
donc s'attaquer à l'imitation de quelque chose soumis au droit d'auteur.
Il suffira d'échanger une information copyrightée pour voir son accès
internet supprimé et écoper de poursuites judiciaires.
Afin de vérifier que vous n'échangez aucun contenu soumis au droit
d'auteur, ACTA va renforcer la surveillance. Les fournisseurs d'accès à
internet devront vérifier toutes les données envoyées et reçues sur
votre ordinateur. Il suffira de citer un article de presse dans un email
ou d'envoyer un extrait de musique pour être pris la main dans le sac.
Les informations seront alors envoyées à leur auteur et vous pourrez
écoper à leur demande d'une amande ou d'une peine de prison.
L'accord ne profite qu'à une fraction d'industriels tels que les
compagnies RIAA et MPAA (associations interprofessionnelles qui
défendent les intérêts de l'industrie du disque et du cinéma). ACTA est
la conséquence de leurs actions de lobbying auprès des gouvernements.
A nouveau la démocratie est bafouée et ce sont des accords liberticides
pour internet qui pourraient nous être imposés par des personnes non
élues. Cette censure pourrait de plus permettre de supprimer des
@ -205,6 +215,7 @@ informations génantes comme c'est déjà le cas dans certains pays où l'on
bloque l'accès à certains contenus, mots clés ou sites internet.
*La seule solution, c'est la mobilisation de toutes et tous dans les
rassemblements prévus le samedi 28 janvier pour dire non à*:
@ -216,12 +227,14 @@ civiques;La perte de connexion internet pour ceux qui
enfreindraient les nouvelles règles.
#+end_quote
Je serai à celle de Paris.
En passant, une dédicace aux journalistes qui racontent n'importe quoi à
propos d'Anonymous,
@ -230,6 +243,7 @@ propos d'Anonymous,
les médias s'évertuent depuis longtemps à réduire notre groupe à "une
poignée de pirates du Net".
Anonymousne saurait être défini comme tel : nous
sommes le peuple. Tout lemonde peut nous rejoindre :
cherchez-nous et vous nous trouverez, nousn'avons pas
@ -237,6 +251,7 @@ de leader, uniquement des sensibilités, car nous ne
sommesqu'une idée.
#+end_quote
@ -245,8 +260,10 @@ sommesqu'une idée.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -255,6 +272,7 @@ vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.
Anonymous est l'ambassadeur moderne d'une révolution
entreprise depuis toujours contre la pensée unique

View file

@ -8,7 +8,7 @@
#+post_slug: technologie
#+post_url: https://www.ciperbliss.com/2012/technologie
#+post_title: Technologie
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -32,8 +32,10 @@ ont peur de la technologie
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -41,4 +43,5 @@ ont peur de la technologie
vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.

View file

@ -8,7 +8,7 @@
#+post_slug: tablette-qui-fait-sentir-des-textures
#+post_url: https://www.ciperbliss.com/2012/tablette-qui-fait-sentir-des-textures
#+post_title: Tablette qui fait sentir des textures
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -27,11 +27,13 @@
[[http://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg]]Aaaah
les tablettes tactiles.
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.
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
@ -43,6 +45,7 @@ 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.
Mais comment ça marche ce retour haptique?
Avec des impulsions électromagnétiques qui disent à
@ -52,9 +55,11 @@ 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.
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.
[[http://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/][Pas
de panique!]]Enfin, en effet, ce qui fait le fun
d'une tablette c'est son côté tactile. Sans doute parce que notre
@ -63,6 +68,7 @@ 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.
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!
@ -71,6 +77,7 @@ tablettes!
voilà, ça c'est dit.
Y'a aussi, comme pour la 3D un marché énorme pour le
monde du porno avec ces tablettes qui pourraient agrandir le marché
[[http://qzine.fr/boutique/#detailsfanzine4][des

View file

@ -8,7 +8,7 @@
#+post_slug: stabilisation-vido-diteur-youtube
#+post_url: https://www.ciperbliss.com/2012/stabilisation-vido-diteur-youtube
#+post_title: Stabilisation vidéo, éditeur youtube
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -31,6 +31,7 @@ enlevant toute influence des films du style /Projet Blair Witch/ ou plus
récemment /Rec/.
*** Comment stabiliser une vidéo youtube?
:PROPERTIES:
:CUSTOM_ID: comment-stabiliser-une-vidéo-youtube
@ -51,6 +52,7 @@ bien vous pouvez aller sur la page de l'une de vos vidéos, puis cliquer
sur "*retouches*" dans le menu en haut.
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

View file

@ -8,7 +8,7 @@
#+post_slug: changer-de-lecteur-de-code-source-dans-firefox
#+post_url: https://www.ciperbliss.com/2012/changer-de-lecteur-de-code-source-dans-firefox
#+post_title: Changer de lecteur de code source dans Firefox
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -32,7 +32,7 @@ bidouillage rapide)Et bien c'est possible de
personnaliser ça. *0*
[[/public/2012/config_firefox_notepad.jpg][[[/public/2012/.config_firefox_notepad_m.jpg]]]]
[[/public/2012/config_firefox_notepad.jpg][/public/2012/.config_firefox_notepad_m.jpg]]
Allez dans *about:config*Filtrez la recherche de

View file

@ -8,7 +8,7 @@
#+post_slug: envoyer-des-mails-depuis-localhost
#+post_url: https://www.ciperbliss.com/2012/envoyer-des-mails-depuis-localhost
#+post_title: Envoyer des mails depuis localhost
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -51,6 +51,7 @@ j'ai pour fournisseur d'accès SFR, donc j'ai mis
là où les deux fichiers le demandaient.
Un restart de tous les services de wamp plus tard, et
ô magie je peux enfin utiliser la fonction mail() de
php.Enjoyez!

View file

@ -8,7 +8,7 @@
#+post_slug: dclaration-de-l-internet-libre
#+post_url: https://www.ciperbliss.com/2012/dclaration-de-l-internet-libre
#+post_title: Déclaration de l'internet libre
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -27,6 +27,7 @@
libre autour de ces 5 principes pour qu'on ne voie plus fleurir des lois
liberticides.
*Liberté d'expression.*
*Liberté d'accès.*
@ -42,10 +43,12 @@ signer à titre individuel.
comme ils diraient chez la quadrature du net "data must flow" en
référence à Dune.
[[http://www.techdirt.com/netdeclaration][[[http://cdn.techdirt.com/i/net-declaration.png]]]]
[[http://www.techdirt.com/netdeclaration][http://cdn.techdirt.com/i/net-declaration.png]]
@ -54,7 +57,7 @@ collez ce code dans une page html:/
#+begin_quote
[[http://www.techdirt.com/netdeclaration][[[http://cdn.techdirt.com/i/net-declaration.png]]]]
[[http://www.techdirt.com/netdeclaration][http://cdn.techdirt.com/i/net-declaration.png]]
#+end_quote

View file

@ -8,7 +8,7 @@
#+post_slug: processus-com-motorola-service-main-s-est-arrt
#+post_url: https://www.ciperbliss.com/2012/processus-com-motorola-service-main-s-est-arrt
#+post_title: processus com.motorola.service.main s'est arrêté
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -51,4 +51,5 @@ ManagerFid MeVianavigo 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.

View file

@ -8,7 +8,7 @@
#+post_slug: tuto-comment-crer-un-plugin-jquery
#+post_url: https://www.ciperbliss.com/2012/tuto-comment-crer-un-plugin-jquery
#+post_title: tuto - Comment créer un plugin jQuery
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: tutoriel-de-plugin-jquery
#+post_url: https://www.ciperbliss.com/2012/tutoriel-de-plugin-jquery
#+post_title: tutoriel de plugin jQuery
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -35,6 +35,7 @@ meilleur de jQuery et gagner un maximum de temps en développement pour
davantage de sociabilité? Suivez le guide.
*** Pour commencer son plugin
:PROPERTIES:
:CUSTOM_ID: pour-commencer-son-plugin
@ -46,6 +47,7 @@ fonction auto invoquée (Immediately-Invoked Function Expression , ou
IIFE).
#+begin_example
(function( $ ) { $.fn.monSuperPlugin = function() {
// les instructions trop bien ici 
@ -59,6 +61,7 @@ IIFE).
:END:
Avec cette base nous pouvons commencer à écrire notre contenu de plugin.
Mais avant cela, parlons un peu du mot clé /this/ qui à l'intérieur de
notre fonction se réfère à l'objet jQuery sur lequel le plugin est
invoqué. /this/ se réfère au DOM (document object model) natif. Il n'est
@ -66,6 +69,7 @@ donc pas besoin d'entourer /this/ par les parenthèses du sélécteur
jQuery dans ce contexte.
#+begin_example
function( $ ) { $.fn.monSuperPlugin = function() {
// les instructions trop bien ici
@ -79,6 +83,7 @@ pour actionner notre plugin on pourra donc l'appeler ainsi sur un
CSS.
#+begin_example
$('#element').myPlugin();
#+end_example
@ -92,10 +97,12 @@ Maintenant que nous comprennons le contexte des plugins jQuery, écrivons
un code qui fait réellement quelque chose.
Par exemple, un simple plugin qui évalue les hauteurs pour retourner la
plus grande dans le jeu d'éléments sélectionnés.
#+begin_example
(function( $ ){ $.fn.hauteurMax = function() {
var max = 0;
@ -112,6 +119,7 @@ Ceci donne à la variable /tallest/ la valeur de la div la plus haute de
la page.
*** Maintenir la continuité
:PROPERTIES:
:CUSTOM_ID: maintenir-la-continuité
@ -125,6 +133,7 @@ maintenir la continuité de la chaîne dans vos plugins, vous devez faire
en sorte que les retours de plugins comprennent le mot clé /this/.
#+begin_example
(function( $ ){ $.fn.verrouTailles = function( type ) {
return this.each(function() {
@ -157,6 +166,7 @@ plugin, la continuité est maintenue. Aussi, nous pouvons mettre des
options et des choix par défaut dans nos plugins.
*** Options et défauts
:PROPERTIES:
:CUSTOM_ID: options-et-défauts
@ -170,9 +180,11 @@ d'invoquer un plugin avec un grand nombre d'arguments, vous pouvez
passer un seul objet des options que vous voulez modifier en argument.
#+begin_example
(function( $ ){ $.fn.tooltip = function( options ) {
// Créer quelques options par defaut, les étendre comme nous voulons.
var settings = $.extend( { 'location' : 'top', 'background-color' : 'blue' }, options);
return this.each(function() { // code du plugin Tooltip ici });
};
@ -205,6 +217,7 @@ configurable sans avoir besoin de donner toutes les options à chaque
fois.
*** Espace de noms
:PROPERTIES:
:CUSTOM_ID: espace-de-noms
@ -216,6 +229,7 @@ modifier contre notre gré. En tant que développeur ça nous rend la vie
plus facile pour mieux trier nos méthodes, évènements et données.
Il vaudrait donc mieux ne pas mettre un seul espace de nom par plugin
dans l'objet /jQuery.fn/ mais plutôt stocker nos plugins dans un objet
qui agira comme pour la configuration par défaut que nous venons de
@ -223,6 +237,7 @@ voir. Mais cette fois nous donnons par défaut non pas de simples
variables mais des noms associés à des méthodes.
#+begin_example
(function( $ ){
var methods = { init : function( options ) {
@ -258,6 +273,7 @@ else { $.error( 'La Méthode ' + method + ' n'existe pas dans jQuery.tooltip' );
c'est une façon standard d'encapsuler ses méthodes de plugins dans la
communauté jQuery, c'est aussi le cas pour jQueryUI.
http://jqueryui.com/
@ -275,6 +291,7 @@ de l'espace /nom_de_namespace/ au type d'évènement que vous liez, comme
ceci.
#+begin_example
(function( $ ){
var methods = {
@ -291,6 +308,7 @@ show : function( ) {
// ...
}, hide : function( ) {
// ...
}, update : function( content ) {
// ...
} };
@ -307,6 +325,7 @@ else {
$('#fun').tooltip();
// et un peu plus tard...
$('#fun').tooltip('destroy');
#+end_example
@ -319,6 +338,7 @@ nous permet de délier les évènements d'un plugin en toute sécurité sans
délier d'autres évènements liés en dehors du plugin.
*** Data
:PROPERTIES:
:CUSTOM_ID: data
@ -333,6 +353,7 @@ objet pour héberger toutes les variables et accéder à cet objet par un
seul espace de nom.
#+begin_example
(function( $ ){ var methods = { init : function( options ) {
return this.each(function(){
@ -353,15 +374,18 @@ if ( ! data ) {
}) },
reposition : function( ) {
// ...
},
show : function( ) {
// ...
},
hide : function( ) {
// ...
},
update : function( content ) {
// ...
} };
$.fn.tooltip = function( method ) {
if ( methods[method] ) {
@ -392,18 +416,23 @@ développerez votre prochain plugin jQuery:
/* plugin goes here */ })( jQuery );
- Ne mettez pas inutilement en sélecteur $() le mot clé /this/ dans le
cadre de votre plugin. this seul, suffit.
- à moins de ne retourner qu'une valeur intrinsèque, faites en sorte que
votre fonction de plugin retourne le mot clé /this/ pour maintenir la
continuité.
- Plutôt que de requérir une longue suite d'arguments, mettez la
configuration de votre plugin dans un objet javascript dont les valeur
par défaut peuvent être étendues avec extend().
- Ne surchargez pas l'objet /jQuery.fn/ avec plus d'un espace de nom par
plugin.
- Rangez toujours vos méthodes, évèenments et données dans un seul
espace de nom par plugin.
Comme le conseille [[http://paulirish.com][Paul Irish]] un des auteurs
de [[http://html5boilerplate.com][Boiler Plate]], consulter
[[http://code.jquery.com/jquery.js][la source commentée de jQuery]] pour
@ -411,6 +440,7 @@ comprendre comment elle fonctionne est un excellent moyen d'apprendre à
manier le javascript en profondeur et développer ses propres solutions.
http://code.jquery.com/jquery.js

View file

@ -8,7 +8,7 @@
#+post_slug: bill-gates-vs-steve-jobs
#+post_url: https://www.ciperbliss.com/2012/bill-gates-vs-steve-jobs
#+post_title: bill gates VS steve jobs
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: bill-gates-vs-steve-jobs
:END:
[[http://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0][[[http://img.gawkerassets.com/img/17m9r4xesx75spng/original.png]]]]
[[http://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0][http://img.gawkerassets.com/img/17m9r4xesx75spng/original.png]]
choisissez votre combattant dans

View file

@ -8,7 +8,7 @@
#+post_slug: tethering-android-2
#+post_url: https://www.ciperbliss.com/2012/tethering-android-2
#+post_title: Tethering Android 2
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -33,6 +33,7 @@ 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.
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
[[http://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html][Iconia
@ -41,9 +42,11 @@ 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.
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
@ -51,6 +54,7 @@ avec Appareil Photo Numérique, il s'agit d/'Access Point Name/) en lui
rajoutant un bout de texte.
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:
@ -81,12 +85,14 @@ default,supl,mms,dun
Redémarrer le tel.
Activer le moint d'accès mobile de nouveau,
connecter la tablette au téléphone, et cette fois ci, ça fonctionne.
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!
@ -109,6 +115,7 @@ communément appelée « tethering » en anglais1.
#+end_quote

View file

@ -8,7 +8,7 @@
#+post_slug: cache-manifest
#+post_url: https://www.ciperbliss.com/2013/cache-manifest
#+post_title: cache manifest
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -34,4 +34,5 @@ la solution:
[[http://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest][les
manifestes de cache]].

View file

@ -8,7 +8,7 @@
#+post_slug: wampserveur-403-forbidden
#+post_url: https://www.ciperbliss.com/2013/wampserveur-403-forbidden
#+post_title: wampserveur 403 forbidden
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -35,8 +35,10 @@ erreur 403 Forbidden access.C'est parce que quelqu'un
s'est empalé dans la config du fichier httpd.conf.
#+begin_example
Mais n'ayez crainte, c'est juste que vous n'avez pas autorisé tout le monde a accéder au bouzin.
#+end_example

View file

@ -8,7 +8,7 @@
#+post_slug: comment-tuer-git
#+post_url: https://www.ciperbliss.com/2013/comment-tuer-git
#+post_title: Comment tuer git
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: une-autre-poque
#+post_url: https://www.ciperbliss.com/2013/une-autre-poque
#+post_title: Une autre époque
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -33,11 +33,14 @@ 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.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -45,17 +48,22 @@ modernes.
vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.
"c'est fancy" "c'est un miroir pour connaitre nos
pensées"Des enfants face a des objets de moins de 30
ans.
* Video cannot be played.
:PROPERTIES:
:CUSTOM_ID: video-cannot-be-played.
:CLASS: js_disabled_title
:END:
Please enable JavaScript if it is disabled in your browser.
[[data:,]]
[[data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lcl9jaXJjbGUiIGFyaWEtaGlkZGVuPSJ0cnVlIiB2aWV3Ym94PSIwIDAgNTAgNTAiPgo8Y2lyY2xlIGNsYXNzPSJwYXRoIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI0IiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMjUgMjUpIj48L2NpcmNsZT4KPC9zdmc+]]
@ -68,5 +76,6 @@ disquette ? Cest quoi ça]] /par
disquette, c'est quoi ça ?Ne rions pas, certains
souffrent d'ipadite.
ho ho hohohooo!

View file

@ -8,7 +8,7 @@
#+post_slug: skype-sous-linux-debian-6-0
#+post_url: https://www.ciperbliss.com/2013/skype-sous-linux-debian-6-0
#+post_title: skype sous linux - debian 6.0
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -37,10 +37,12 @@ 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.
Notamment si vous vous retrouvez face à une erreur signalant une
architecture erronnée durant l'installation du paquet.
Heureusement il vous suffira de faire une installation de /ia32-libs/ et
/ia32-libs-gtk/

View file

@ -8,7 +8,7 @@
#+post_slug: problme-avec-le-slecteur-css-last-child
#+post_url: https://www.ciperbliss.com/2013/problme-avec-le-slecteur-css-last-child
#+post_title: Problème avec le sélecteur CSS :last-child
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -42,6 +42,7 @@ sur l'élément où s'applique la classe, et qu'il choisit le dernier
et ce code CSS pour avoir en fond rouge le derner .panel.
#+begin_example
.panel:last-child{ background: red;}
#+end_example
@ -56,8 +57,10 @@ soit ciblé, et ne renvoie pas un test concluant. Donc, n'applique pas le
style demandé.
Et oui jammy, même dans Chrome supportant parfaitement le
CSS3.Cependant, je suis toute ouïe si vous avez une
meilleure explication.

View file

@ -8,7 +8,7 @@
#+post_slug: git-it-git-it-no-one-wants-to-be-defeated
#+post_url: https://www.ciperbliss.com/2013/git-it-git-it-no-one-wants-to-be-defeated
#+post_title: git it, git it, no one wants to be defeated
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -26,7 +26,7 @@
Parfois je rangerai bien des tas de choses, du style mes fringues, avec
un git
stash.[[http://git-scm.com/book/fr/][[[http://git-scm.com/images/books/pro-git@2x.jpg]]]]Si
stash.[[http://git-scm.com/book/fr/][http://git-scm.com/images/books/pro-git@2x.jpg]]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
[[http://git-scm.com/book/fr/][ce superbe livre intégral et en français
@ -34,6 +34,7 @@ sur l'utilisation de git, Git pro]]. Vous pouvez aussi le trouver au
format papier.
*** Au programme:
:PROPERTIES:
:CUSTOM_ID: au-programme

View file

@ -8,7 +8,7 @@
#+post_slug: faire-durer-4-jours-d-autonomie-un-galaxy-s3
#+post_url: https://www.ciperbliss.com/2013/faire-durer-4-jours-d-autonomie-un-galaxy-s3
#+post_title: Faire durer 4 jours d'autonomie un Galaxy S3
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -28,12 +28,14 @@ Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et
je l'ai fait.
#+begin_example
Preuve en image.
#+end_example
[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05%2020.35.39.png][[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05%2020.35.39.png]]]]
[[https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05%2020.35.39.png][https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05%2020.35.39.png]]
Premièrement: se payer 15 euros une batterie ayant 4500 mAh au lieu de
@ -46,6 +48,7 @@ manipuler à une seule main, ce qui arrive plus souvent qu'on ne le
croit.
- Désactiver la connexion de données,
- Désactiver les mises a jour automatiques des applications,
- ne plus utiliser le tel aux chiottes :D
@ -62,6 +65,7 @@ en voiture pendant 20 minutes.téléphoner environ 25
minutes.
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

View file

@ -8,7 +8,7 @@
#+post_slug: clavier-lumineux
#+post_url: https://www.ciperbliss.com/2013/clavier-lumineux
#+post_title: Clavier lumineux
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -34,11 +34,12 @@ décident à faire des emballages autrement qu'avec une présentation
qwerty.
[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/g/clavier_lumineux-2_2013-05-02%2023.33.55.jpg][[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/clavier_lumineux-2_2013-05-02%2023.33.55.jpg]]]]confort
[[https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/clavier_lumineux-2_2013-05-02%2023.33.55.jpg][https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/clavier_lumineux-2_2013-05-02%2023.33.55.jpg]]confort
de frappe nickel.Luminosité réglable, détection
d'approche de la main. Rechargement par USB, ajout de bluetooth sur un
ordi avec le
détecteur.[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/g/clavier_lumineux_2013-05-02%2023.33.10.jpg][[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/clavier_lumineux_2013-05-02%2023.33.10.jpg]]]]Bweffe
détecteur.[[https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/clavier_lumineux_2013-05-02%2023.33.10.jpg][https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/clavier_lumineux_2013-05-02%2023.33.10.jpg]]Bweffe
caykioule!

View file

@ -8,7 +8,7 @@
#+post_slug: mangez-des-pommes
#+post_url: https://www.ciperbliss.com/2013/mangez-des-pommes
#+post_title: mangez des pommes
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,8 +24,9 @@
:CUSTOM_ID: mangez-des-pommes
:END:
[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05%2010.41.24.jpg][[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05%2010.41.24.jpg]]]]Voilà,
[[https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05%2010.41.24.jpg][https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05%2010.41.24.jpg]]Voilà,
c'était la connerie du jour au boulot. Eh ouais, on est des gros
dingues.

View file

@ -8,7 +8,7 @@
#+post_slug: navigo-c-est-pas-toujours-facile
#+post_url: https://www.ciperbliss.com/2013/navigo-c-est-pas-toujours-facile
#+post_title: Navigo c'est pas toujours facile
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,6 +24,6 @@
:CUSTOM_ID: navigo-cest-pas-toujours-facile
:END:
[[https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24%2009.03.23.jpg][[[http://blog.artlemoine.com/public/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24%2009.03.23.jpg]]]]si
[[https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24%2009.03.23.jpg][https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24%2009.03.23.jpg]]si
on veut valider, y'a des fois on est vraiment pas aidés :D

View file

@ -8,7 +8,7 @@
#+post_slug: redirection-dotclear
#+post_url: https://www.ciperbliss.com/2013/redirection-dotclear
#+post_title: Redirection dotclear
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: redirection-dotclear
:END:
[[http://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214][[[http://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg]]]]
[[http://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214][http://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg]]
Si comme moi vous avez déménagé un blog Dotclear vers un nouveau serveur
@ -33,9 +33,11 @@ autres joies du référencement il convient de faire une redirection
permanente de tous les liens envoyés à l'index.php de Dotclear.
éditez donc ce fichier et rajoutez y ce code avec vos infos perso.
#+begin_example

View file

@ -8,7 +8,7 @@
#+post_slug: crer-des-alias-de-commande-windows-7
#+post_url: https://www.ciperbliss.com/2013/crer-des-alias-de-commande-windows-7
#+post_title: Créer des alias de commande windows 7
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,12 +24,13 @@
:CUSTOM_ID: créer-des-alias-de-commande-windows-7
:END:
[[http://iflock.deviantart.com/art/Shell-64171812][[[http://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg]]]]Vous
[[http://iflock.deviantart.com/art/Shell-64171812][http://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg]]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".
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
personnelPour moi ça donne:
@ -44,6 +45,7 @@ C:\Users\tykayn
et bidouiller le registre.
Voici le contenu de mon fichier autorun.bat:

View file

@ -8,7 +8,7 @@
#+post_slug: les-illtrs-technologiques-que-nous-sommes
#+post_url: https://www.ciperbliss.com/2013/les-illtrs-technologiques-que-nous-sommes
#+post_title: Les illétrés technologiques que nous sommes
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: les-illétrés-technologiques-que-nous-sommes
:END:
[[http://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs][[[http://lunatopia.fr/img/blog/telephone_fisher_price.jpg]]]]Un
[[http://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs][http://lunatopia.fr/img/blog/telephone_fisher_price.jpg]]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
@ -37,6 +37,7 @@ 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.
#+begin_quote
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
@ -45,12 +46,14 @@ 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".
#+end_quote
Je propose comme traduction de "general purpose
computer", un ordinateur à tout faire, ou un ordi normal,
basique.
#+begin_quote
C'est fantastique que tout le monde, du plus petit des enfants au plus
vieux des grand-parents puissent maintenant utiliser un ordinateur avec

View file

@ -8,7 +8,7 @@
#+post_slug: rooter-galaxy-s3-et-cyanogenmod-10
#+post_url: https://www.ciperbliss.com/2013/rooter-galaxy-s3-et-cyanogenmod-10
#+post_title: rooter galaxy S3 et cyanogenmod 10
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -30,12 +30,14 @@
:END:
- Galaxy S3.
- carte mémoire
- carte sim
- batterie
- câble usb micro.
*** à télécharger pour windows:
:PROPERTIES:
:CUSTOM_ID: à-télécharger-pour-windows
@ -45,6 +47,7 @@ Odinle recovery modla rom
CyanogenMod qui va bien.
*** plan d'action:
:PROPERTIES:
:CUSTOM_ID: plan-daction
@ -54,9 +57,11 @@ copier les fichiers zip de cyanogen et des google apps dans la carte
mémoire externe du téléphone.
rooter le téléphone en mode download avec odin et le recovery mod.
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
@ -64,6 +69,7 @@ externe le zip de cyanogenmod,flasher les google
apps.nettoyer le cache utilisateur encore une fois.
rebooter normalement et attendre un peu que cyanogenmod s'initialise
(moins de dix minutes)envoyyy

View file

@ -8,7 +8,7 @@
#+post_slug: alias-symfony-et-git-pour-linux
#+post_url: https://www.ciperbliss.com/2013/alias-symfony-et-git-pour-linux
#+post_title: alias symfony et git pour linux
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: dcaler-les-sous-titres-dans-vlc-media-player
#+post_url: https://www.ciperbliss.com/2013/dcaler-les-sous-titres-dans-vlc-media-player
#+post_title: décaler les sous titres dans VLC media player
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: décaler-les-sous-titres-dans-vlc-media-player
:END:
[[http://alismile.deviantart.com/art/VLC-80683878][[[http://fc01.deviantart.net/fs27/i/2008/082/7/1/VLC_by_alismile.jpg]]]]les
[[http://alismile.deviantart.com/art/VLC-80683878][http://fc01.deviantart.net/fs27/i/2008/082/7/1/VLC_by_alismile.jpg]]les
raccourcis clavier F,G,H, et J vous permettront de décaler les sous
titres, et l'audio a 50 milisecondes près.F et G pour
les sous titres, H et J pour l'audio.C'est ty pas

View file

@ -8,7 +8,7 @@
#+post_slug: importer-facilement-sa-base-de-donnes
#+post_url: https://www.ciperbliss.com/2013/importer-facilement-sa-base-de-donnes
#+post_title: importer facilement sa base de données
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: importer-facilement-sa-base-de-données
:END:
[[http://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165][[[http://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png]]]]vous
[[http://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165][http://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png]]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
@ -34,6 +34,7 @@ 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.
#+begin_quote
#+begin_example

View file

@ -8,7 +8,7 @@
#+post_slug: afficher-le-jour-de-la-semaine-dans-la-barre-d-ubuntu
#+post_url: https://www.ciperbliss.com/2013/afficher-le-jour-de-la-semaine-dans-la-barre-d-ubuntu
#+post_title: afficher le jour de la semaine dans la barre d'ubuntu
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: afficher-le-jour-de-la-semaine-dans-la-barre-dubuntu
:END:
[[http://mod-p.deviantart.com/art/pingoins-21851076][[[http://th02.deviantart.net/fs7/300W/i/2005/229/c/0/pingoins_by_Mod_P.jpg]]]]
[[http://mod-p.deviantart.com/art/pingoins-21851076][http://th02.deviantart.net/fs7/300W/i/2005/229/c/0/pingoins_by_Mod_P.jpg]]
pour afficher ou masquer des infos dans la barre des tâches

View file

@ -8,7 +8,7 @@
#+post_slug: s-essayer-git-pas-pas
#+post_url: https://www.ciperbliss.com/2014/s-essayer-git-pas-pas
#+post_title: S'essayer à git pas à pas
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: sessayer-à-git-pas-à-pas
:END:
[[http://pixelworlds.deviantart.com/art/Octocat-215284019][[[http://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg]]]]un
[[http://pixelworlds.deviantart.com/art/Octocat-215284019][http://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg]]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
@ -32,6 +32,7 @@ représentation en fichiers et sans besoin d'installer git, il vous
permettra de vous plonger dans git sans toucher à vos fichiers.
[[http://try.github.io/]]

View file

@ -8,7 +8,7 @@
#+post_slug: astuces-pour-ligne-de-commande-linux
#+post_url: https://www.ciperbliss.com/2014/astuces-pour-ligne-de-commande-linux
#+post_title: Astuces pour ligne de commande Linux
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: astuces-pour-ligne-de-commande-linux
:END:
[[http://droneguard.deviantart.com/art/Computer-monster-110216368][[[http://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif]]]]Des
[[http://droneguard.deviantart.com/art/Computer-monster-110216368][http://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif]]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

View file

@ -8,7 +8,7 @@
#+post_slug: zen-coding
#+post_url: https://www.ciperbliss.com/2014/zen-coding
#+post_title: Zen coding
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -29,15 +29,18 @@ développeur qui cherche à optimiser son temps, si tu aimes faire du HTML
mais que son écriture, pour faire de l'intégration par exemple te semble
fort fastidieuse et verbeuse, j'ai un truc 'achement bien pour toi nommé
Zen coding. ça n'a rien à voir avec coder avez le nez pour des djeunz.
Il s'agit d'écrire un sélecteur css, de sélectionner notre sélecteur,
puis de l'étendre avec un raccourci clavier.J'utilise Netbeans comme
IDE, le plugin zen coding a de base un raccourci *ctrl+alt+N*.
Tous [[https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn][les
exemples de syntaxe zen coding sont disponibles sur google code]].
Petite astuce si vous utilisez un framework css comme twitter bootstrap
(ce qui est fort pratique), vous aurez souvent besoin de div avec des
classes. hébien vous n'êtes même pas obligés de marquer div pour faire
@ -45,17 +48,20 @@ une /div/ de classe /maClasse/. Il suffit d'écrire .maClasse et Zen
coding assumera qu'il s'agit d'une div. Pareil pour les #id.
On peut aussi se créer des palettes de code, comme une palette de
peinture. Sauf qu'au lieu de piocher des couleurs on piocherait des
blocks de code, par exemple des composants de twitter bootstrap comme un
panel accordéon dépliable, ou un carroussel.
Autre petite astuce pour avoir un code bien indenté, le raccourci de
formattage: *ctrl + maj +F*. Les subtilités de reformatage sont
disponibles dans les options d'édition de texte de votre IDE.
Wouala, que le zen soit avec
vous![[http://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg][image]]

View file

@ -8,7 +8,7 @@
#+post_slug: smartwatch-faite-maison-avec-l-aide-de-hong-kong
#+post_url: https://www.ciperbliss.com/2014/smartwatch-faite-maison-avec-l-aide-de-hong-kong
#+post_title: Smartwatch faite maison avec l'aide de hong kong
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -36,6 +36,7 @@ ce bracelet trouvé sur amazon et adapté au Galaxy S3 : 3€ + 5€ de frais
de port.
#+begin_quote
"On a des smart screen, des smart phones, des smart buildings, mais
quand est ce qu'on aura des smart-people?"

View file

@ -8,7 +8,7 @@
#+post_slug: poids-des-slecteurs-css
#+post_url: https://www.ciperbliss.com/2014/poids-des-slecteurs-css
#+post_title: poids des sélecteurs CSS
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,12 +24,13 @@
:CUSTOM_ID: poids-des-sélecteurs-css
:END:
[[http://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590][[[http://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png]]]]Les
[[http://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590][http://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png]]Les
sélecteurs CSS totalisent un certain score pour définir leur priorité
d'exécution, comprendre cette façon de compter les points vous évitera
bien des soucis dans l'héritage des styles.
Dans l'ordre du plus prioritaire au moins important:
@ -53,6 +54,7 @@ Votre navigateur, pour déterminer quel sélecteur doit avoir raison fait
un tableau selon cet ordre.
inline | id | class | element0 | 0 | 0 | 0
@ -80,7 +82,9 @@ points.120 étant supérieur a 10, c'est le premier
sélecteur qui aura la priorité pour repeindre.
Pour plusse de trucs et astuces sur le CSS, je vous conseille le site
d'Alsacréations.com et openclassrooms.com.Enjoyez.

View file

@ -8,7 +8,7 @@
#+post_slug: css-split-circles
#+post_url: https://www.ciperbliss.com/2014/css-split-circles
#+post_title: CSS split circles
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: css-split-circles
:END:
[[http://artlemoine.com/circles][[[/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg]]]]Pour
[[http://artlemoine.com/circles][/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg]]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
@ -38,6 +38,7 @@ foncées comme batman les aime.choix de profondeur de
découpe.cercles ou carrés.
Jouez zy donc sur
artlemoine.com :[[http://artlemoine.com/circles]]

View file

@ -8,7 +8,7 @@
#+post_slug: a-wizard-installing-software
#+post_url: https://www.ciperbliss.com/2014/a-wizard-installing-software
#+post_title: a wizard installing software
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: perdu-de-recherche
#+post_url: https://www.ciperbliss.com/2014/perdu-de-recherche
#+post_title: Perdu de recherche
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: perdu-de-recherche
:END:
[[http://liviavi.deviantart.com/art/Magnifier-306407861][[[http://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg]]]]ça
[[http://liviavi.deviantart.com/art/Magnifier-306407861][http://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg]]ç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?
@ -46,30 +46,36 @@ veut dire trouver.
Par exemple dans le langage wiki de la plateforme dotclear, pour faire
des retour à la ligne on ne fait pas entrée mais un pourcentage trois
fois %.
On peut bien sûr éditer ses posts en version html qui
propose une partie Wiziwig (wouate you zi is ouate you guette) et
convertir un texte wiki en html, ou inversement.
Cependant, plus généralement ça peut se révéler très utile dans pas mal
de cas.
Si vous codez et que vous ne vous appelez pas Michu,
ça peut se révéler vital de savoir quelques expressions régulières.
Vous trouverez un très bon tuto sur
[[http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2][le
site du zéro]] (renommé openclassrooms) à ce propos.
Si encore vous vous demandez à quoi ça peut bien
servir de savoir faire des RegEx, voici un exemple concret dessiné par
Randall Munroe, sur XKCD

View file

@ -8,7 +8,7 @@
#+post_slug: raspberry-pi-case-en-papier
#+post_url: https://www.ciperbliss.com/2014/raspberry-pi-case-en-papier
#+post_title: Raspberry Pi case en papier
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -30,7 +30,8 @@ proposent aussi des pdf à imprimer (sans redimention) afin de se
faire *des boites a RasPi maison, en papier*.
[[http://blog.artlemoine.com/public/i/2014/04avril/raspberry_pi_case/1.jpg]]
[[https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg]]
@ -39,22 +40,28 @@ 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.
après quelques étapes qui m'ont bien pris une dizaine de minutes...
[[http://blog.artlemoine.com/public/i/2014/04avril/raspberry_pi_case/2.jpg]]
[[https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg]]
--------------
[[/public/i/2014/04avril/raspberry_pi_case/4.jpg]][[/public/i/2014/04avril/raspberry_pi_case/5.jpg]]
[[/public/i/2014/04avril/raspberry_pi_case/4.jpg]]
[[/public/i/2014/04avril/raspberry_pi_case/5.jpg]]
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.
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.
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

View file

@ -8,7 +8,7 @@
#+post_slug: symfony-et-apc
#+post_url: https://www.ciperbliss.com/2014/symfony-et-apc
#+post_title: Symfony et APC
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -37,11 +37,13 @@ résolues en environnement de dev. jusqu'à ce que je tente une opération
de vidage du cache de doctrine.
[[http://mweiler.deviantart.com/art/orchestra-classica-75062113][[[http://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg]]]]Rappel
[[http://mweiler.deviantart.com/art/orchestra-classica-75062113][http://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg]]Rappel
des commandes doctrine par la commande "php app/console" abrégée en
alias personnel "sf".
#+begin_example
(...)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(...)
#+end_example

View file

@ -8,7 +8,7 @@
#+post_slug: wordpress-comment-ne-plus-demander-les-dtails-ftp-pour-mettre-jour
#+post_url: https://www.ciperbliss.com/2014/wordpress-comment-ne-plus-demander-les-dtails-ftp-pour-mettre-jour
#+post_title: Wordpress, comment ne plus demander les détails FTP pour mettre à jour
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -36,4 +36,5 @@ 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.

View file

@ -8,7 +8,7 @@
#+post_slug: redimension-d-image-en-ligne-de-commande-avec-imagemagick
#+post_url: https://www.ciperbliss.com/2014/redimension-d-image-en-ligne-de-commande-avec-imagemagick
#+post_title: Redimension d'image en ligne de commande avec imagemagick
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,11 +24,12 @@
:CUSTOM_ID: redimension-dimage-en-ligne-de-commande-avec-imagemagick
:END:
[[http://tatiks.deviantart.com/art/Rincewind-302267958][[[http://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg]]]]
[[http://tatiks.deviantart.com/art/Rincewind-302267958][http://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg]]
imagemagick permet de faire plein de manipulations sur les images,
redimension, conversion, assemblage, c'est magique.
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
@ -36,6 +37,7 @@ redimensionnées en 800px de large sur 600 px de haut, de tous les
fichiers jpg du dossier courant vers autre_repertoire.
=mogrify -resize 800x600 -path autre_repertoire *.jpg=
@ -44,10 +46,12 @@ votre script, et que vous avez bien des fichiers jpg à redimensionner
dans votre répertoire courant.
Vous pouvez aussi choisir de ne faire des sorties d'images dans un seul
format précis (jpg, ou png ...), avec l'option format.
=mogrify -resize 800x600 -path autre_repertoire ==-format jpg ==*.jpg=

View file

@ -8,7 +8,7 @@
#+post_slug: fosuserbundle-could-not-convert-database-value-to-doctrine-type-array
#+post_url: https://www.ciperbliss.com/2014/fosuserbundle-could-not-convert-database-value-to-doctrine-type-array
#+post_title: FOSUserBundle could not convert database value to doctrine type array
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -44,11 +44,13 @@ vos utilisateurs, vous avez des valeurs vides, au lieu d'avoir des
sérialisations de tableaux vides.
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 SQL.
=UPDATE table SET column="a:0:{}" WHERE column = "";= 

View file

@ -8,7 +8,7 @@
#+post_slug: des-alternatives-plein-de-softwares
#+post_url: https://www.ciperbliss.com/2014/des-alternatives-plein-de-softwares
#+post_title: Des alternatives à plein de softwares
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -33,6 +33,7 @@ d'un nom de programme et découvrir de nombreux concurrents. à vous
ensuite de faire des essais et de découvrir la perle rare.
[[http://alternativeto.net/]]

View file

@ -8,7 +8,7 @@
#+post_slug: installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi
#+post_url: https://www.ciperbliss.com/2014/installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi
#+post_title: installer une distribution linux sur une carte SD pour le raspberry pi
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi
:END:
[[http://a-place4my-head.deviantart.com/art/raspberry-217727077][[[http://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg]]]]
[[http://a-place4my-head.deviantart.com/art/raspberry-217727077][http://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg]]
Possédant un raspberry Pi je voulais essayer plusieurs distributions
@ -35,12 +35,16 @@ aurez besoin de:
- une carte SD (de type sdhc) avec au moins 1Go de place dessus.
- un fichier .img d'une distrib.
[[http://www.raspberrypi.org/downloads/][le site officiel vous en
propose pas mal à télécharger]].
- un ordi avec un lecteur de carte SD.
*Cette opération supprime les données de la carte SD.*
@ -71,6 +75,7 @@ faudra entrer le mot de passe sudo)
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:
@ -87,4 +92,5 @@ 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.

View file

@ -8,7 +8,7 @@
#+post_slug: anti-hack-de-nfc
#+post_url: https://www.ciperbliss.com/2014/anti-hack-de-nfc
#+post_title: anti hack de NFC
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -38,6 +38,7 @@ d'aluminium dans votre porte feuille/ porte carte / poche
navigo / vélib / votre not-stupid-phone.
ç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!

View file

@ -8,7 +8,7 @@
#+post_slug: distributions-img-et-sauvegarde-de-carte-sd
#+post_url: https://www.ciperbliss.com/2014/distributions-img-et-sauvegarde-de-carte-sd
#+post_title: distributions .img et sauvegarde de carte SD
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -41,6 +41,7 @@ patienter quelques minutes que la copie se fasse, selon la vitesse de
votre lecteur de carte SD.
Dans l'autre sens, la commande pour créer une image système compressée à
partir de la carte SD se trouvant sur //dev/sdh/ avec compression gzip
dans le dossier courant

View file

@ -8,7 +8,7 @@
#+post_slug: la-thorie-des-chaines-de-caractre
#+post_url: https://www.ciperbliss.com/2014/la-thorie-des-chaines-de-caractre
#+post_title: la théorie des chaines de caractère
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -43,6 +43,7 @@ je vous recommande si vous aimez la SF policière tournée avec peu de
moyens.
[[http://www.geo.mtu.edu][image]]

View file

@ -8,7 +8,7 @@
#+post_slug: signez-pour-la-neutralit-du-net
#+post_url: https://www.ciperbliss.com/2014/signez-pour-la-neutralit-du-net
#+post_title: signez pour la neutralité du net
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: capturer-et-annoter-facilement
#+post_url: https://www.ciperbliss.com/2014/capturer-et-annoter-facilement
#+post_title: Capturer et annoter facilement
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: capturer-et-annoter-facilement
:END:
[[/public/i/2014/10octobre/Superbe_capture_d_ecran___capturer_et_annoter___Chrome_Web_Store.png][[[/public/i/2014/10octobre/.Superbe_capture_d_ecran___capturer_et_annoter___Chrome_Web_Store_m.png]]]]Chrome
[[/public/i/2014/10octobre/Superbe_capture_d_ecran___capturer_et_annoter___Chrome_Web_Store.png][/public/i/2014/10octobre/.Superbe_capture_d_ecran___capturer_et_annoter___Chrome_Web_Store_m.png]]Chrome
est un chouette navigateur qui respecte presque la vie privée, et tout
comme firefox il dispose de chouettes
extensions.Aujourdhui je vous présente le très
@ -44,6 +44,7 @@ l'encre!Simple et pratique, parfait pour faire des
démonstrations et autres tutos aux clients.
Et vous, vous avez des supers extensions à conseiller? :)

View file

@ -8,7 +8,7 @@
#+post_slug: la-neutralit-du-net
#+post_url: https://www.ciperbliss.com/2014/la-neutralit-du-net
#+post_title: La neutralité du net
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,10 +24,11 @@
:CUSTOM_ID: la-neutralité-du-net
:END:
[[http://blog.artlemoine.com/public/i//2014/12decembre/neutrealite_du_net_2014-09-24%2017.30.40.jpg]]Petit
[[https://tykayn.fr/wp-content/uploads/i/2014/12decembre/neutrealite_du_net_2014-09-24%2017.30.40.jpg]]Petit
livre dans la collection des essentiels d'Hermès, écrit par du beau
monde du CERN, La neutralité du net est à mettre entre toutes les mains
des internautes pour mieux comprendre les enjeux et conserver un réseau
ouvert.

View file

@ -8,7 +8,7 @@
#+post_slug: la-filbre-optique-c-est-pas-gagn
#+post_url: https://www.ciperbliss.com/2014/la-filbre-optique-c-est-pas-gagn
#+post_title: La filbre optique c'est pas gagné
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -28,21 +28,25 @@ J'habite à trois kilomètres du périph Parisien, vous savez la route qui
n'a jamais assez de place et qui défie à la fois le code de la route et
le bon sens.
dans un lieu où les progrès en rapidité du réseau des
interwebs s'est arrêté à l'an 2000. C'est un peu fâcheux quand notre
métier c'est le ouaibe. Et puis, on ne commitera jamais trop vite comme
ils disent chez [[http://www.commitstrip.com/fr/][Commit Strip]].
Aussi, j'ai demandé WTF à la Mairie de ma ville qui
m'a gentiment répondu que "c'est pas à nous qu'il faut demander" mais à
Arcueil.
[[http://blog.artlemoine.com/public/i//2014/12decembre/deploiement_fibre_val-de-bievre-2014-09-24.png]]L'actualité
[[https://tykayn.fr/wp-content/uploads/i/2014/12decembre/deploiement_fibre_val-de-bievre-2014-09-24.png]]L'actualité
du déploiement de la fibre est donc signifié clairement sur le site du
val de bièvre.
"on marque quoi pour informer les gens? -euuuuuuuh -
ok je note ça"
@ -56,12 +60,15 @@ nous on peut rien faire, c'est la mairie qui doit s'arranger pour ça".
Breffe, la fibre c'est bien beau, mais c'est pas
gagné et on ne peut rien y faire, nous autres pauvres citoyens polis
avec l'administration.
Reste à savoir si la 4G en tant que modem est une
alternative viable.

View file

@ -8,7 +8,7 @@
#+post_slug: la-fte-des-passwords-et-la-neutralit-du-net
#+post_url: https://www.ciperbliss.com/2015/la-fte-des-passwords-et-la-neutralit-du-net
#+post_title: la fête des passwords et la neutralité du net
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -38,9 +38,11 @@ Michu on ne se rend pas compte de pourquoi ça serait tout aussi
important.
On dit même souvent qu'on a rien à cacher. Cependant, c'est mal
comprendre le problème.
Vous pouvez
[[http://reflets.info/rien-a-cacher/][lire sur reflets.info en quoi
c'est capital]], je vous la fais en condensé:
@ -48,27 +50,32 @@ c'est capital]], je vous la fais en condensé:
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.
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 *la présomption d'innocence*.
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?
Contrôler n'est pas surveiller, restreindre n'est pas incriminer.
Petite parenthèse sur les études sur la vidéosurveillance dans les
espaces publiques:
[[http://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html][c'est
@ -76,11 +83,13 @@ une mesure inneficace, liberticide et coûteuse.]] Et on le sait depuis
au moins 2009.
ç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.
*Le droit à la vie privée est vital* 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
@ -94,17 +103,21 @@ modifié, mais ça ne vous choquerait pas si c'était le cas avec vos
emails? Réfléchissez une nouvelle fois.
*La neutralité et l'ouverture d'internet* 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.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -113,6 +126,7 @@ vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.
*il est aujourd'hui possible d'obtenir des données sensibles à partir de
données en apparence anodines.*Vos passwords peuvent
valoir aussi cher que votre code de carte bleue ou vos clés de
@ -121,6 +135,7 @@ 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.
*** Faiblesses courantes
:PROPERTIES:
:CUSTOM_ID: faiblesses-courantes
@ -139,6 +154,7 @@ phrase et de l'écrire avec des espaces, puis d'en personnaliser
certaines parties.
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"
@ -157,6 +173,7 @@ les moins à l'aise avec la technologie à modifier leur mots de passe de
façon sécurisée comme on vient de le voir.
pour en savoir plus: le site du password day
[[https://passwordday.org/fr/]]

View file

@ -8,7 +8,7 @@
#+post_slug: paye-ton-explication
#+post_url: https://www.ciperbliss.com/2015/paye-ton-explication
#+post_title: paye ton explication
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -31,6 +31,7 @@ un site web, on trouve un développeur, et on lui demande combien ça
coûte.
Eh bien comme une voiture, ou comme un appartement: ça dépend de comment
vous le voulez et de votre budget.Il ne suffit pas
d'avoir un beau costume et d'aller chez notre concessionnaire pour que
@ -38,6 +39,7 @@ celui ci vous fasse essayer une voiture de luxe, il faut justifier d'un
certain apport financier et de votre assurance en cas d'accident.
Ce n'est pas la peine de faire perdre son temps à un concessionnaire si
vous voulez faire du lèche vitrine. Il est des choses qui coûtent de
l'argent, beaucoup d'argent. Et ce n'est pas toujours lié à leur
@ -54,4 +56,5 @@ PRIMORDIAL de définir vos besoins et votre budget avant de pouvoir
entrer dans les détails de la création d'une charte graphique ou d'un
site web.

View file

@ -8,7 +8,7 @@
#+post_slug: digital-learning-day-2015
#+post_url: https://www.ciperbliss.com/2015/digital-learning-day-2015
#+post_title: digital learning day 2015
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: du-php-sexiste
#+post_url: https://www.ciperbliss.com/2015/du-php-sexiste
#+post_title: du PHP sexiste
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -30,4 +30,5 @@ fait un tuto pour la journée des droits des femmes
[[http://tykayn.fr/?post/2015/des-femmes-codeuses][par ici sur le tykayn
blog]].

View file

@ -8,7 +8,7 @@
#+post_slug: les-24h-de-la-bd-et-autres-vnements-ont-leur-planning
#+post_url: https://www.ciperbliss.com/2015/les-24h-de-la-bd-et-autres-vnements-ont-leur-planning
#+post_title: les 24h de la BD et autres évènements ont leur planning
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: les-dates-importantes-de-votre-vie
#+post_url: https://www.ciperbliss.com/2015/les-dates-importantes-de-votre-vie
#+post_title: les dates importantes de votre vie
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -32,6 +32,7 @@ Que nenni, l'expérience JS du jour vous permet
d'estimer aussi la date de votre mort selon les chiffres de l'insee, et
d'autres choses étonnantes.
Saviez vous que vous avez gagné votre premier
milliard de secondes en seulement 11 jours?

View file

@ -8,7 +8,7 @@
#+post_slug: un-datepicker-dans-un-formulaire-symfony2
#+post_url: https://www.ciperbliss.com/2015/un-datepicker-dans-un-formulaire-symfony2
#+post_title: un datepicker dans un formulaire symfony2
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -31,6 +31,7 @@ champ de formulaire avec un widget de single_text, de mettre le format
de date en année-mois-jour, et de définir l'attribut type d'input à
"date".
=// ajouter un usageuse Symfony\Component\Form\Extension\Core\Type\DateType;// déclaration de classe FactureType pour l'exempleclass FactureType extends AbstractType{// dans le constructeur de form on ajoute notre champ/** * @param FormBuilderInterface $builder * @param array $options */ public function buildForm(FormBuilderInterface $builder, array $options) {$builder// ... dans le builder de votre formulaire->add('paid_date', DateType::class, ['widget' => 'single_text', 'format' => 'yyyy-MM-dd', 'attr' => [ 'type' => 'datetime']])=
enjoyez!

View file

@ -8,7 +8,7 @@
#+post_slug: calculez-votre-heure-de-rveil
#+post_url: https://www.ciperbliss.com/2015/calculez-votre-heure-de-rveil
#+post_title: calculez votre heure de réveil
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -34,24 +34,29 @@ travail.
Voici un site qui va sauver vos journées:
[[http://sleepyti.me/][sleepyti.me]] vous donne un temps optimal de
sommeil en vous permettant de deviner à quelle heure vous devriez vous
coucher pour vous lever à l'heure voulue.
Vous pouvez aussi chercher l'heure à laquelle vous
lever en fonction de l'heure à laquelle vous vous couchez.
La plupart des humains mettent 14 minutes à
s'endormir, (moi j'ai l'impression que c'est bien plus, plutôt 40
minutes) et il semblerait qu'une durée de sommeil optimale dure 5 à 6
cycles de sommeil de 90 minutes.
Après ce nombre de périodes, Il faut idéalement se
réveiller entre deux cycles de sommeil pour se sentir frais et alerte.
Bonne nuit :D

View file

@ -8,7 +8,7 @@
#+post_slug: un-testament-par-e-mail
#+post_url: https://www.ciperbliss.com/2015/un-testament-par-e-mail
#+post_title: Un testament par e-mail
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -33,6 +33,7 @@ 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
@ -40,6 +41,7 @@ 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
@ -54,14 +56,18 @@ d'essai. Enjoyez![[https://www.deadmansswitch.net/]]
*push the button* des frères chimiques en cadeau.
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
Impossible d'exécuter JavaScript.

View file

@ -8,7 +8,7 @@
#+post_slug: transfrer-des-fichiers-en-wifi-direct-entre-son-ordi-et-son-tel-android
#+post_url: https://www.ciperbliss.com/2015/transfrer-des-fichiers-en-wifi-direct-entre-son-ordi-et-son-tel-android
#+post_title: transférer des fichiers en wifi direct entre son ordi et son tel android
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -34,6 +34,7 @@ côté de l'ordi.
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,
@ -51,12 +52,14 @@ 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.
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.
Et si vous voulez un lien encore plus pratique entre
votre ou vos ordis et votre téléphone, votre tablette, votre
[[http://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/][chat
@ -66,6 +69,7 @@ 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é.
[[https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw]]
[[https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr][PushBullet]]
@ -75,6 +79,7 @@ votre navigateur web via une extension
ou
[[https://addons.mozilla.org/fr/firefox/addon/pushbullet/][Firefox]].
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
@ -82,6 +87,7 @@ 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.
Enjoyez!

View file

@ -8,7 +8,7 @@
#+post_slug: faites-bosser-internet-pour-vous-avec-if-this-then-that
#+post_url: https://www.ciperbliss.com/2015/faites-bosser-internet-pour-vous-avec-if-this-then-that
#+post_title: faites bosser internet pour vous avec "if this then that"
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,34 +24,44 @@
:CUSTOM_ID: faites-bosser-internet-pour-vous-avec-if-this-then-that
:END:
[[http://theinternetofallthings.com/wp-content/uploads/2014/10/everythnggraphics.jpg]][[https://ifttt.com/][if
[[http://theinternetofallthings.com/wp-content/uploads/2014/10/everythnggraphics.jpg]]
[[https://ifttt.com/][if
this then that]], abrégé IF, c'est un service fort aimable qui vous
propose des tas de recette pour relier plusieurs canaux de service entre
eux.Par example, vous voulez que lorsqu'un de vos
clients vous appelle, vous gardiez une trace dans votre agenda de boulot
de cet appel.
Si vous voulez avoir un dossier en commun entre
dropbox et google drive, c'i possible.
Si lorsque vous vous approchez de votre maison votre
téléphone allume le wifi et éteigne les données internet pour vous faire
économiser du forfait, c'i possible.
Si vous voulez un arrière plan qui change tous les
jours selon la méga photo de la NASA, c'i possible.
Ou bien, vous voulez que lorsque vous appellez le
112, un message soit envoyé à votre femme, il y a une recette pour ça.
Vous pouvez construire vos recettes comme ça.
Ils ont aussi lancé un service nommé DO. comme le
verbe faire, pas la note de musique.
cela vous permet d'avoir une recette qui s'active sur
demande, lorsque vous appuyez sur une icone dans votre mobile.
[[https://d2huu43w4jjmdn.cloudfront.net/feature_images/optomized/Do-for-Home-1024.png]]Par
example, "dire à ma femme que je viens de partir du boulot" , ou bien
"proposer à mes potes d'aller boire un coup" :D ou encore "ouvrir ma
@ -61,17 +71,20 @@ porte de garage" si vous donnez dans la domotique. c'est personnalisable
Installez IFTTT sur votre téléphone, inscrivez vous
sur le site, et commencez à jouer avec les recettes.
Pour mettre en place les recettes il faut activer les
canaux correspondants.Dropbox, gmail, github et bien
d'autres sont des canaux à activer en se loguant.
"Oh noez, me dites vous, s'inscrire encore sur un
service, mondieu mais jamais je ne me souviendrai de mon mot de passe,
ou alors je vais en utiliser un seul pareil pour tous et si on le trouve
je suis dans la caguade."Ou sinon vous pouvez
utiliser un gestionnaire de mots de passe comme lastpass, ou 1password.
vous ne passerez plus la moitié de votre temps sur internet à rechercher
quel était ce foutu mot de passe.Faites travailler
internet pour vous!

View file

@ -8,7 +8,7 @@
#+post_slug: whatis-love
#+post_url: https://www.ciperbliss.com/2015/whatis-love
#+post_title: whatis love
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -30,6 +30,7 @@ l'amour. 
#+begin_src brush:
whatis lovebaby don't hurt me, don't hurt me, no more.
#+end_src
Bizarrement, quand je rentre la commande dans un shell, j'ai comme
@ -41,4 +42,5 @@ retour:
Joyeux poissons d'avril.

View file

@ -8,7 +8,7 @@
#+post_slug: gnrateur-angular-jeej
#+post_url: https://www.ciperbliss.com/2015/gnrateur-angular-jeej
#+post_title: générateur angular jeej
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -39,10 +39,15 @@ commitement to open source.browser sync, karma,
jasmine, jslint, uglify, coverall and more.
#+end_quote
* [[http://mgcrea.github.io/angular-7min/images/angularjs.png]][[https://humancoders-formations.s3.amazonaws.com/uploads/course/logo/48/formation-coffeescript.png]][[http://blog.xebia.fr/wp-content/uploads/2014/02/gulp-2x.png]]
* [[http://mgcrea.github.io/angular-7min/images/angularjs.png]]
[[https://humancoders-formations.s3.amazonaws.com/uploads/course/logo/48/formation-coffeescript.png]]
[[http://blog.xebia.fr/wp-content/uploads/2014/02/gulp-2x.png]]
:PROPERTIES:
:CUSTOM_ID: new_line_substitutenew_line_substitute
:END:
@ -67,6 +72,7 @@ pour lancer le générateur, placez vous dans le dossier où vous voulez
avoir votre webapp, et utilisez *yo*.
#+begin_src brush :style box-sizing: border-box; margin-top: 0; margin-bottom: 0; padding: 0; border: 0; font-family: monospace, sans-serif; font-size: 16px; font-stretch: inherit; line-height: 25px; vertical-align: baseline; overflow-x: auto; color: rgba(0, 0, 0, 0.8); letter-spacing: -0.479999989271164px; background-color: rgb(255, 255, 255);
$ yo angular-jeej
#+end_src
@ -74,12 +80,14 @@ $ yo angular-jeej
Il vous sera demandé quelques infos a inclure dans votre webapp.
Chaque fois que vous modifierez un fichier source (dans le dossier
/src/), que ce soit un fichier .scss, .coffee, .js, ou html, ils seront
recompilés dans le dossier /dist/, et réinjectés dans le navigateur
grâce à browser sync.
#+begin_src brush :style box-sizing: border-box; margin-top: 0; margin-bottom: 0; padding: 0; border: 0; font-family: monospace, sans-serif; font-size: 16px; font-stretch: inherit; line-height: 25px; vertical-align: baseline; overflow-x: auto; color: rgba(0, 0, 0, 0.8); letter-spacing: -0.479999989271164px; background-color: rgb(255, 255, 255);
$ gulp
#+end_src
@ -93,10 +101,12 @@ vérifier qu'angular fonctionne bien avec le module et son controlleur
basiques.
notez que j'ai inclus des dépendances qui ne donnent encore aucune
action au niveau de gulp mais que je compte bien mettre en place, par
exemple coverall. Je n'ai pas encore clairement défini si je vire la
partie js dans le dossier src pour laisser la place aux fichiers coffee.
je vais sans doute proposer une option lors de l'exécution du
générateur. Enfin c'était un chouette défi!
@ -105,10 +115,12 @@ Vous aussi pouvez [[http://yeoman.io/authoring/][créer votre générateur
yeoman perso]].
Pourquoi jeej comme nom de générateur? Parce que j'ai trop regardé de
youtube poop, et que mon générateur contient du SASS. Si ça ne vous dit
rien, considérez que vous avez un esprit sein dans un
corset.Allez donc le tester et n'hésitez pas à me
donner des conseils sur comment l'améliorer.

View file

@ -8,7 +8,7 @@
#+post_slug: se-crer-un-historique-complet-de-git-log
#+post_url: https://www.ciperbliss.com/2015/se-crer-un-historique-complet-de-git-log
#+post_title: se créer un historique complet de git log
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,7 @@
:CUSTOM_ID: se-créer-un-historique-complet-de-git-log
:END:
[[https://github.com/tykayn/gitall][[[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]]]] mise
[[https://github.com/tykayn/gitall][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]] mise
à jour: j'ai fait [[https://github.com/tykayn/gitall][un projet sur
github nommé *git all*]]
@ -42,6 +42,7 @@ bien pour remplir une fiche de suivi dans un logiciel spécialisé comme
Works, Redmine, Pivotal tracker, ou ProjeQtOr.
Il suffit de lire un peu
[[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
@ -50,6 +51,7 @@ concis.avec la date, l'auteur, le sha1, et le message
du commit à chaque ligne.
#+begin_src brush
git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt
#+end_src
@ -116,6 +118,7 @@ fichier git-history.txtattention tout de même, si un
fichier git-history.txt existait avant, il sera remplacé.
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

View file

@ -8,7 +8,7 @@
#+post_slug: convertir-un-projet-javascript-en-coffeescript
#+post_url: https://www.ciperbliss.com/2015/convertir-un-projet-javascript-en-coffeescript
#+post_title: convertir un projet javascript en coffeescript
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -33,11 +33,13 @@ accolades et autres points virgules, réjouissez vous, car voici de quoi
convertir un dossier et ses sous dossiers en fichiers coffeescript.
il faut donc copier votre dossier de scripts *js* dans un dossier nommé
*coffee*, obtenir la liste des fichiers à convertir et exécuter la
conversion sur chacun d'eux.
basé sur le convertisseur
[[https://github.com/js2coffee/js2coffee][js2coffee (voir ce projet sur
github)]], voici mon script bash adapté de
@ -47,6 +49,7 @@ overflow]]:pour plus de clarté je lui ai rajouté un
côté explicite des actions menées et quelques couleurs.
#+begin_src brush
#!/bin/bash#text formattingneutre='\e[0;m'bleuclair='\e[1;34m'bold=$(tput bold)normal=$(tput sgr0)# get the name of the js scripts folderecho -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 itif [ ! -e coffee ]; thenecho "pas de dossier coffee, on le crée"mkdir coffeefiecho -e " copie du dossier ${bleuclair}${bold}${name}${normal} vers le dossier ${bold}coffee${normal} ${neutre}"cp -R ${name}/* coffeeecho "lire les fichiers du dossier coffee"# list files and exclude node modulesCOUNTER=0for FILE in `find coffee -name "*.js" -type f -o -path './node_modules' -prune -o -path './components' -prune`doif [ -e $FILE ] ; thenCOFFEE=${FILE//\.js/\.coffee}echo -e " converting ${FILE} to ${bleuclair}${COFFEE}${neutre}${normal}"js2coffee "$FILE" > "$COFFEE"rm $FILECOUNTER=$((COUNTER+1))elseecho "File: $1 does not exist!"fidoneecho -e "${bleuclair}${bold} $COUNTER ${normal}${neutre} fichiers convertis"cd ../
#+end_src

View file

@ -8,7 +8,7 @@
#+post_slug: installer-cozy-cloud-sur-son-serveur-ubuntu-14-04
#+post_url: https://www.ciperbliss.com/2015/installer-cozy-cloud-sur-son-serveur-ubuntu-14-04
#+post_title: installer cozy cloud sur son serveur ubuntu 14.04
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: paye-ton-arrondi-en-js
#+post_url: https://www.ciperbliss.com/2015/paye-ton-arrondi-en-js
#+post_title: paye ton arrondi en js
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -46,4 +46,5 @@ faites entrée. la console vous répond:
narmol.

View file

@ -8,7 +8,7 @@
#+post_slug: des-tests-plus-rapides-avec-jasmine
#+post_url: https://www.ciperbliss.com/2015/des-tests-plus-rapides-avec-jasmine
#+post_title: des tests plus rapides avec jasmine
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -45,12 +45,14 @@ dans les 500 assertions et que vous bossez seulement sur une certaine
partie.
une astuce pour ensuite ne pas faire de push avec ces blocs spéciaux,
c'est de se créer un hook sur git.parce que vous
utilisez git, nesspa?Bien, donc, avec un terminal
ouvert dans votre projet, dans le dossier .git.
#+begin_src brush:bash
touch .git/hooks/pre-commitchmod +x .git/hooks/pre-commit
#+end_src
@ -60,6 +62,7 @@ et mettez y de quoi vérifier que vous n'avez pas de fdescribe( , de fit(
dans vos fichiers de tests.
#+begin_src brush:bash
#!/bin/sh# A git pre-commit hook that verifies that the change does not introduce# the use of a Jasmine exclusive test , which would# prevent most other tests from being run without any clear indication thereof FILES_PATTERN='\.(js|coffee)(\..+)?$'FORBIDDEN='fit('git diff --cached --name-only | \ grep -E $FILES_PATTERN | \ GREP_COLOR='4;5;37;41' xargs grep --color --with-filename -n $FORBIDDEN && echo 'COMMIT REJECTED Found "$FORBIDDEN" references. Please remove them before commiting' && exit 1
#+end_src

View file

@ -8,7 +8,7 @@
#+post_slug: customiser-son-serveur
#+post_url: https://www.ciperbliss.com/2015/customiser-son-serveur
#+post_title: customiser son serveur
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -31,9 +31,12 @@ de mettre un ASCII art au login sur votre serveur avec le message du
jour (message of the day, motd).
*** changer le nom de votre machine (hostname).
:PROPERTIES:
:CUSTOM_ID: changer-le-nom-de-votre-machine-hostname.
:END:
il faut aussi changer le nom de l'hôte dans /etc/hosts
@ -45,6 +48,7 @@ il faut aussi changer le nom de l'hôte dans /etc/hosts
redémarrez le service hostname.
=$ sudo service hostname restart=
@ -52,8 +56,10 @@ et voilà votre nom d'hôte changé \O/
*** mettre un message du jour à la connexion.
:PROPERTIES:
:CUSTOM_ID: mettre-un-message-du-jour-à-la-connexion.
:END:
le message du jour est généré grâce aux scripts dans
@ -61,6 +67,7 @@ le message du jour est généré grâce aux scripts dans
script perso.
=$ nano /etc/update-motd.d/99-tktrucs=
@ -73,6 +80,7 @@ et mettre dedans des trucs trop importants. 
et il faudra lui donner les droits de s'exécuter.
=$ sudo chmod +x /etc/update-motd.d/99-tktrucs=
@ -86,12 +94,14 @@ utilisez le générateur d'ASCII art pour faire des trucs trop
impressionants.
[[http://www.network-science.de/ascii/]]
astuce bonus pour se loguer de façon plus sécurisée.
*** copier sa clé publique sur un serveur distant
:PROPERTIES:
:CUSTOM_ID: copier-sa-clé-publique-sur-un-serveur-distant
@ -105,7 +115,9 @@ Password:
#+begin_quote
_sources:_[[http://doc.ubuntu-fr.org/motd]][[https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart]]
_sources:_[[http://doc.ubuntu-fr.org/motd]]
[[https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart]]
[[http://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh]]

View file

@ -8,7 +8,7 @@
#+post_slug: le-bash-de-vos-rves
#+post_url: https://www.ciperbliss.com/2015/le-bash-de-vos-rves
#+post_title: le bash de vos rêves
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -33,9 +33,11 @@ couleur, et hop vous avez le code a rajouter dans votre .bashrc pour
mettre de la couleur dans votre console.
Essayez donc de mettre cette commande d'export à la fin de votre
.bashrc, et de relancer bash.
=$ nano ~/.bashrc==# titre du terminal personnaliséPROMPT_COMMAND='echo -ne "\033]0;${USER}@${HOSTNAME}: ${PWD}\007"'# prompt personnaliséexport PS1="\[\033[38;5;214m\]\T\[$(tput sgr0)\]\[\033[38;5;15m\] \[$(tput sgr0)\]\[\033[38;5;192m\]\u\[$(tput sgr0)\]\[\033[38;5;42m\]@\[$(tput sgr0)\]\[\033[38;5;84m\]\h\[$(tput sgr0)\]\[\033[38;5;70m\]:\[$(tput sgr0)\]\[\033[38;5;6m\]\w\[$(tput sgr0)\]\[\033[38;5;15m\] \[$(tput sgr0)\]"=
on enregistre avec ctrl +o, on sort avec ctrl + x. et hop!

View file

@ -8,7 +8,7 @@
#+post_slug: des-live-templates-pour-angular-dans-intellij
#+post_url: https://www.ciperbliss.com/2015/des-live-templates-pour-angular-dans-intellij
#+post_title: des live templates pour angular dans intelliJ
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -31,6 +31,7 @@ j'utilise PHPstorm pour faire des projets avec du
angular dedans (entre autres), et pour gagner en performance et en
confort, heureusement qu'il y a les live templates.
éditables dans les settings, ils permettent de créer
des fichiers xml dans le dossier de templates, ( dans le dossier:
*~/.WebIde80/config/templates* , avec un nom qui ressemble à .WebIde80
@ -40,6 +41,7 @@ et de vous faire des raccourcis paramétrables.
des projets sur github permettent de rajouter des
suites de code template pour vous faciliter la
vie.aujourd'hui je vais vous vanter les mérites d'un
@ -57,4 +59,5 @@ savoir plus sur les live/code templates pour faire les vôtres,
[[https://www.jetbrains.com/phpstorm/help/creating-and-editing-live-templates.html][zieutez
la doc officielle]].

View file

@ -40,6 +40,7 @@ colorer avec vos variables, c'i possible!
Admettons que, comme ci dessus l'on veuille une
classe pour chaque ligne afin de colorer une bordure.
Pour ça on va utiliser des tableaux associatifs(clé: valeur), sta dire
des *maps*,
@ -47,18 +48,22 @@ des *maps*,
et des tableaux non associatifs, des *listes* (élément1, élément2).
On définit une map de famille de transport (métro, tram, rer), puis une
couleur pour chaque ligne.
Puis on définit notre *@mixin* qui fait une classe avec bordure
correspondante.
grâce à l'interpolation de variable on peut faire des noms de classe css
(et d'autres choses) dynamiques.
exemple:
@ -71,10 +76,12 @@ quelques fonctions existantes sur les maps.]] Ici on se servira
uniquement de celle qui retourne la valeur pour une clé donnée.
Avec *@each* on va parcourir notre map et créer des classes en
conséquence avec notre mixin, appelé par la directive *@include*.
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à!

View file

@ -8,7 +8,7 @@
#+post_slug: avoir-une-vie-prive
#+post_url: https://www.ciperbliss.com/2015/avoir-une-vie-prive
#+post_title: avoir une vie privée
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -27,8 +27,10 @@
<<player>>
* Une erreur s'est produite.
:PROPERTIES:
:CUSTOM_ID: une-erreur-sest-produite.
:CLASS: message
:END:
@ -37,19 +39,24 @@ vidéo sur www.youtube.com]], ou activez JavaScript dans votre navigateur
si ce n'est pas déjà le cas.
une petite vidéo de [[https://www.laquadrature.net/fr/][la quadrature du
net]], expliquant en deux minutes pourquoi il est essentiel d'avoir une
vie privée, et qu'avoir des choses à cacher de quelqu'un ce n'est pas
suspect, c'est juste privé.
Pas convaincu? Alors donnez moi plein accès à vos comptes email, les
clés de chez vous et à vos comptes en banques. Vous ne voulez pas? c'est
pour votre bien, pour lutter contre le terrorisme, pour votre sécurité.
Ah, vous voyez, vous commencerez à douter. Profitez en, on risque de ne
plus y être autorisé sous peu.
Ce n'est pas si ironique de poster cette vidéo sur
youtube, un site qui fait open bar de vos données à la NSA. c'est
justement un bon endroit pour se faire entendre.

View file

@ -8,7 +8,7 @@
#+post_slug: le-triangle-du-projet
#+post_url: https://www.ciperbliss.com/2015/le-triangle-du-projet
#+post_title: le triangle du projet
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined

View file

@ -8,7 +8,7 @@
#+post_slug: dual-boot-windows-10-et-linux
#+post_url: https://www.ciperbliss.com/2015/dual-boot-windows-10-et-linux
#+post_title: dual boot windows 10 et linux
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -24,7 +24,9 @@
:CUSTOM_ID: dual-boot-windows-10-et-linux
:END:
[[http://www.boosharticles.com/wp-content/uploads/2015/06/Windows-10-vs.-Ubuntu.jpg]][[https://www.tacomaworld.com/attachments/i-also-like-to-live-dangerously-jpg.760853/]]Quelle
[[http://www.boosharticles.com/wp-content/uploads/2015/06/Windows-10-vs.-Ubuntu.jpg]]
[[https://www.tacomaworld.com/attachments/i-also-like-to-live-dangerously-jpg.760853/]]Quelle
déconvenue après avoir installé ubuntu 14.04 sur mon nouveau laptop
(Acer v nitro) ayant windows 10 préinstallé, déjà, je n'ai pas réussi a
le faire à partir d'une clé live usb faite avec unetbootin, quelle que
@ -45,6 +47,7 @@ windows,lancer la commande suivante dans une invite
de commande (lancée en tant qu'administrateur) afin que le boot prenne
en charge la config de grub.
=bcdedit /set {bootmgr} path \EFI\ubuntu\grubx64.efi=
faites entrée, et ça devrait vous dire que ça a

Some files were not shown because too many files have changed in this diff Show more