Compare commits

...

2 Commits

Author SHA1 Message Date
9267636687 variabilize blog params 2024-11-12 00:55:21 +01:00
2a1891dc2a move files 2024-11-11 23:20:04 +01:00
458 changed files with 43389 additions and 1701 deletions

View File

@ -1,12 +0,0 @@
#!/usr/bin/python3
# configuration pour générer les sites web de plusieurs dossiers
configs_sites = {
"cipherbliss_blog": {
"dossier_source":"cipherbliss_blog",
"titre_site":"CipherBliss",
"nom_domaine_html": "www.cipherbliss.com",
"nom_domaine_gemini": "source.cipherbliss.com",
"auteur": "Baptiste Lemoine",
"description": "Petite Entreprise de développement web et logiciels libres depuis 2014"
},
}

View File

@ -5,6 +5,8 @@ import datetime
import shutil
import re
from website_config import configs_sites
# from enrich_html import static_page_path
# génère l'index gemini et html des articles rangés par langue

View File

@ -2,6 +2,7 @@
import os
import argparse
import re
from website_config import configs_sites
parser = argparse.ArgumentParser(description="Générer un site Web à partir de fichiers HTML.")
parser.add_argument("blog_name", help="Le chemin vers le dossier contenant les fichiers HTML.")
@ -12,13 +13,16 @@ args = parser.parse_args()
# Style CSS minimaliste
style_file = args.style
blog_name = args.blog_name
blog_name = args.blog_name.replace('html-websites/','')
source_blog = f"sources/{blog_name}"
header_content_path = f"{source_blog}/templates/converted/header_page.html"
footer_content_path = f"{source_blog}/templates/converted/footer_page.html"
static_page_path = f"{source_blog}/templates/html/static.html"
print('---------- blog name ', blog_name)
template_content = configs_sites[blog_name]
footer_content=''
after_article=''
# TODO add footer on every article
@ -27,33 +31,6 @@ after_article=''
# TODO make these variables overrided by configuration of a source website
# variables du template de page
BANNIERE_ENTETE=''
BLOG_TITLE='Cipher Bliss'
BLOG_SUBTITLE='Code, nouvelles technologies et entrepreneurariat par B. Lemoine'
TITLE=''
AUTHOR=''
PAGE_TITLE=''
LOCALE='fr_FR'
DESCRIPTION=''
NDD='https://www.cipherbliss.com'
EMAIL='contact@cipherbliss.com'
SITE_ICON='https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png'
SITE_ICON_TYPE='image/png'
NAVIGATION="""
<nav>
<a href="/">Accueil</a>
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
<a href="/feed">Flux RSS</a>
<a href="/contact">Contact</a>
<a href="/ressources-de-café-vie-privée">Ressources</a>
</nav>
"""
BANNIERE_ENTETE='https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg'
BANNIERE_ENTETE_ALT='bannière du site'
ARTICLE=''
FOOTER=''
def extract_body_content(html_content):
pattern = r'<body[^>]*?>(.*?)</body>'
@ -119,40 +96,40 @@ def enrich_one_file(file, root_path):
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="{SITE_ICON}">
<meta property="og:locale" content="{LOCALE}">
<meta property="og:description" content="{BLOG_SUBTITLE}">
<meta property="og:url" content="{NDD}">
<meta property="og:site_name" content="Cipher Bliss">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="{NDD}/feed/">
<meta property="og:image" content="{template_content['SITE_ICON']}">
<meta property="og:locale" content="{template_content['LOCALE']}">
<meta property="og:description" content="{template_content['BLOG_SUBTITLE']}">
<meta property="og:url" content="{template_content['NDD']}">
<meta property="og:site_name" content="{template_content['TITLE']}">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="{template_content['NDD']}/feed/">
<link href="/style.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{TITLE}</title>
<meta name="author" content="{AUTHOR}">
<link rel="alternate" type="application/rss+xml" title="{BLOG_TITLE} » Flux"
href="{NDD}/feed/">
<meta property="og:title" content="{PAGE_TITLE}">
<meta property="og:locale" content="{LOCALE}">
<title>{template_content['TITLE']}</title>
<meta name="author" content="{template_content['AUTHOR']}">
<link rel="alternate" type="application/rss+xml" title="{template_content['BLOG_TITLE']} » Flux"
href="{template_content['NDD']}/feed/">
<meta property="og:title" content="{template_content['PAGE_TITLE']}">
<meta property="og:locale" content="{template_content['LOCALE']}">
<!-- Description de la page -->
<meta name="description" content="{PAGE_TITLE}">
<meta name="reply-to" content="{EMAIL}">
<link rel="icon" type="{SITE_ICON_TYPE}" href="{SITE_ICON}">
<meta name="description" content="{template_content['PAGE_TITLE']}">
<meta name="reply-to" content="{template_content['EMAIL']}">
<link rel="icon" type="{template_content['SITE_ICON_TYPE']}" href="{template_content['SITE_ICON']}">
</head>
<body>
<div id="page">
<header id="masthead" class="site-header">
<div class="header-image" style="background: url({BANNIERE_ENTETE})">
<div class="header-image" style="background: url({template_content['BANNIERE_ENTETE']})">
<a href="/">
<img src="{SITE_ICON}" class="site-icon img">
<img src="{template_content['SITE_ICON']}" class="site-icon img">
</a>
<h1 class="blog-title">{BLOG_TITLE}</h1>
<p class="blog-subtitle">{BLOG_SUBTITLE}</p>
<h1 class="blog-title">{template_content['BLOG_TITLE']}</h1>
<p class="blog-subtitle">{template_content['BLOG_SUBTITLE']}</p>
</div>
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="{NDD}">
<a class="navbar-item" href="{template_content['NDD']}">
</a>
@ -160,11 +137,11 @@ def enrich_one_file(file, root_path):
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="{NDD}">
<img src="{SITE_ICON}"
<a class="navbar-item" href="{template_content['NDD']}">
<img src="{template_content['SITE_ICON']}"
class="img-fluid">
</a>
{NAVIGATION}
{template_content['NAVIGATION']}
</div>
<div class="navbar-end">
<div class="navbar-item">
@ -194,7 +171,7 @@ def enrich_one_file(file, root_path):
{NAVIGATION}
{template_content['NAVIGATION']}
</div>
</div>

View File

@ -13,7 +13,8 @@
=> 20241109231110-tags.gmi
=> 20241109230937-ressources-de-café-vie-privée.gmi
=> 20241108151758-ça-déménage.gmi
=> 2024-11-03-création-d'un-blog-gemini.gmi
=> 20241103131856_cipherbliss_blog_soutien.gmi
=> 20241103124156_cipherbliss_blog_création-d'un-blog-gemini.gmi
=> 20220106183554_cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire.gmi
=> 20211023195028_cipherbliss_blog_240_video-du-premier-chatons-camp-2021.gmi
=> 20211023192307_cipherbliss_blog_239_nouvelles-doctobre-2021.gmi
@ -32,12 +33,207 @@
=> 20201112113141_cipherbliss_blog_228_recuperer-de-la-musique-libre-de-lemission-cause-commune.gmi
=> 20201019161609_cipherbliss_blog_227_rencontre-openstreetmap-en-essonne-le-24-octobre-2020.gmi
=> 20201016165857_cipherbliss_blog_226_convertir-son-archive-mastodon-en-html-et-obtenir-ses-statistiques-de-compte.gmi
=> 20200714142306_cipherbliss_blog_222_notes-de-reunion-et-avancement-de-framadate.gmi
=> 20200714140305_cipherbliss_blog_223_refonte-de-framadate-avec-api.gmi
=> 20200629115208_cipherbliss_blog_221_comment-resourdre-bd_crypto_luks_open_blob-called-but-not-implemented.gmi
=> 20200624172458_cipherbliss_blog_216_lancement-de-joinfediverse-org.gmi
=> 20200624163242_cipherbliss_blog_219_liberation-de-donnees-publiques-de-meluzine.gmi
=> 20200621115644_cipherbliss_blog_220_un-site-web-pour-le-club-informatique-et-libertes-de-gometz-le-chatel.gmi
=> 20200621111423_cipherbliss_blog_210_comment-developper-localement-son-mastodon.gmi
=> 20200621104759_cipherbliss_blog_218_entraide-locale-avec-des-affiches-et-un-pad-en-ligne.gmi
=> 20200531174005_cipherbliss_blog_212_2e-confinatelier-le-6-juin-2020.gmi
=> 20191211202710_cipherbliss_blog_209_changer-la-limite-de-caracteres-sur-son-instance-mastodon.gmi
=> 20191028100923_cipherbliss_les-plateformes-sociales-privatives.gmi
=> 20190831120846_cipherbliss_blog_204_comment-jai-quitte-facebook-et-google.gmi
=> 20190819145346_cipherbliss_blog_206_comment-se-faire-des-amis-sur-mastodon.gmi
=> 20190819144521_cipherbliss_blog_205_comment-devenir-un-artiste-a-succes-sur-mastodon.gmi
=> 20190725153826_cipherbliss_blog_203_comparaison-entre-openstreetmap-et-googlemap-googleknowsnothing.gmi
=> 20190721113842_cipherbliss_blog_202_mobilizon-a-reussi-son-financement-et-a-depasse-ses-objectifs.gmi
=> 20190721110110_cipherbliss_blog_201_lappel-du-collectif-nofakescience-sur-le-traitement-desastreux-de-la-science-dans-les-medias.gmi
=> 20190520154212_cipherbliss_blog_199_mobilizon-lance-son-financement-participatif-et-cartonne-tout-des-le-premier-jour.gmi
=> 20190517220740_cipherbliss_blog_198_bonus-du-documentaire-la-bataille-du-libre-sur-peertube.gmi
=> 20190511134441_cipherbliss_blog_197_ouverture-dun-canal-matrix-cipherbliss.gmi
=> 20190501195621_cipherbliss_blog_194_suivre-une-chaine-de-videos-par-flux-rss.gmi
=> 20190225140842_cipherbliss_blog_192_rester-relie-a-son-passe-via-les-reseaux-sociaux.gmi
=> 20190222134640_cipherbliss_blog_186_debuter-sur-openstreetmaps.gmi
=> 20190214123525_cipherbliss_blog_193_faire-son-propre-theme-mastodon.gmi
=> 20190118155715_cipherbliss_blog_191_byebye-facebook.gmi
=> 20190116162300_cipherbliss_blog_190_aaron-swartz-lenfant-dinternet.gmi
=> 20190116121335_cipherbliss_blog_189_on-a-besoin-de-competences-en-ux-design-dans-les-projets-libres.gmi
=> 20190109154442_cipherbliss_blog_187_une-vraie-matiere-de-programmation-informatique-au-lycee.gmi
=> 20181207152825_cipherbliss_blog_185_la-verite-cest-moi.gmi
=> 20181207144755_cipherbliss_blog_184_nos-donnees-personnelles-sont-collectives.gmi
=> 20181122111749_cipherbliss_blog_183_ajouter-la-meteo-a-votre-calendrier.gmi
=> 20181120164153_cipherbliss_blog_182_lister-ses-branches-git-par-ordre-de-commit-le-plus-recent.gmi
=> 20181119164812_cipherbliss_blog_181_comment-se-delester-de-la-charge-mentale.gmi
=> 20181026165415_cipherbliss_blog_180_envoyer-des-sms-depuis-son-ordinateur.gmi
=> 20181011163735_cipherbliss_blog_179_deplacer-le-dossier-de-donnees-de-nextcloud.gmi
=> 20181009143617_cipherbliss_blog_175_10-raisons-pour-lesquelles-lopen-source-est-bon-pour-les-affaires.gmi
=> 20180928165919_cipherbliss_blog_177_les-obstacles-les-plus-frequents-au-travail-dequipe.gmi
=> 20180924114743_cipherbliss_blog_176_astuce-pour-faire-son-compte-rendu-dactivite.gmi
=> 20180902213912_cipherbliss_blog_173_faites-un-previsionnel-de-vos-comptes-sur-caisse-bliss.gmi
=> 20180902122416_cipherbliss_blog_172_raccourcis-photoshop-pour-gimp-2-10.gmi
=> 20180822175551_cipherbliss_blog_132_le-trajet-le-plus-court-ou-le-plus-agreable.gmi
=> 20180822122238_cipherbliss_blog_150_comment-ne-pas-repartir-de-zero-a-chaque-nouvel-ordi.gmi
=> 20180818171429_cipherbliss_blog_171_linstanciation-dobjets-dans-blender-ou-les-particules-objets.gmi
=> 20180808170150_cipherbliss_blog_170_dedupliquer-ses-archives.gmi
=> 20180803160326_cipherbliss_blog_168_comment-ne-plus-perdre-de-temps-avec-ses-mots-de-passe.gmi
=> 20180713153958_cipherbliss_blog_167_la-detresse-emotionnelle-pour-installer-un-programme.gmi
=> 20180713152156_cipherbliss_blog_166_depasser-la-barriere-de-la-langue.gmi
=> 20180713144352_cipherbliss_blog_165_se-passer-de-google-pour-ses-agendas.gmi
=> 20180622152225_cipherbliss_blog_123_lhumilitie-dans-lignorance.gmi
=> 20180516162134_cipherbliss_blog_164_saviez-vous-que-la-pub-sur-le-net-vous-coute-de-largent.gmi
=> 20180511174728_cipherbliss_blog_163_vous-navez-rien-a-cacher-a-part-votre-vie-privee.gmi
=> 20180510102309_cipherbliss_blog_161_graphique-fraude-aux-entreprises-vs-fraude-au-chomage.gmi
=> 20180420163455_cipherbliss_blog_159_une-caisse-en-ligne-pour-les-exposants.gmi
=> 20180416180525_cipherbliss_blog_158_panopticlick-contre-le-pistage-de-navigation.gmi
=> 20180416174522_cipherbliss_blog_156_facebook-est-mort-vive-mastodon.gmi
=> 20180410171321_cipherbliss_blog_152_parlez-vous-le-bullshit-couramment.gmi
=> 20180327162442_cipherbliss_blog_155_certifiez-la-detention-et-la-date-dun-document-grace-a-lethereum.gmi
=> 20180302205637_cipherbliss_blog_154_formation-angular-pour-faire-un-jeu-dont-vous-etes-le-heros.gmi
=> 20180207120417_cipherbliss_blog_153_cest-du-tres-loud-du-tres-tres-lourd.gmi
=> 20180205150537_cipherbliss_blog_146_blockchain-bitcoins-ethereum-dogecoin.gmi
=> 20180126114802_cipherbliss_blog_149_recuperer-les-infos-de-votre-compteur-linky.gmi
=> 20180122113954_cipherbliss_blog_148_installer-owncloud-sur-ubuntu-server.gmi
=> 20180108225408_cipherbliss_blog_147_le-vent-est-puissant-avec-celui-ci.gmi
=> 20171218135235_cipherbliss_blog_144_comment-installer-domoticz-sur-un-raspberry-pi-2-ou-3.gmi
=> 20171105212700_cipherbliss_blog_142_comment-reduire-en-masse-plein-de-photos-avant-de-les-transmettre.gmi
=> 20171105212346_cipherbliss_blog_141_comment-enlever-les-informations-exif-de-vos-photos-avant-de-les-publier.gmi
=> 20171103212517_cipherbliss_blog_140_le-village-global-dinternet.gmi
=> 20171031135433_cipherbliss_blog_139_nos-autodafes-numeriques.gmi
=> 20171031134709_cipherbliss_blog_138_le-futur-ecologique-des-annees-2000-sera-t-il-realite.gmi
=> 20170927222054_cipherbliss_blog_131_lautohebergement-cest-tellement-bien.gmi
=> 20170922184451_cipherbliss_blog_133_techniques-de-gestion-de-temps-sur-projets-personnels.gmi
=> 20170921210232_cipherbliss_blog_137_statistiques-sur-les-fanzines-references-par-meluzine.gmi
=> 20170921205432_cipherbliss_blog_136_comment-desactiver-de-facon-permanente-le-mode-only-full-group-by-de-mysql.gmi
=> 20170709144828_cipherbliss_blog_135_restez-en-vie-luttez-contre-le-presenteisme.gmi
=> 20170611124222_cipherbliss_blog_134_quand-ton-migrateur-de-blog-vers-wordpress-fonctionne.gmi
=> 20170212124235_cipherbliss_blog_130_comment-faire-sa-compta-dentreprise-individuelle-dans-une-feuille-de-calcul.gmi
=> 20170203145717_cipherbliss_blog_129_comment-facebook-choisit-vos-amis-a-votre-place.gmi
=> 20161230120120_cipherbliss_blog_128_prendre-en-main-gimp-avec-les-raccourcis-de-photoshop.gmi
=> 20161226174242_cipherbliss_blog_127_faire-ses-factures-avec-libreoffice-ou-google-sheet.gmi
=> 20161023215104_cipherbliss_blog_126_reparer-louverture-de-liens-dans-chrome.gmi
=> 20161003140749_cipherbliss_blog_125_du-grand-art-avec-gimp.gmi
=> 20160925220750_cipherbliss_blog_124_ne-vous-dites-pas-programmeur.gmi
=> 20160905220655_cipherbliss_blog_122_quand-tu-fais-migrer-ton-equipe-vers-gitlab.gmi
=> 20160824153918_cipherbliss_blog_121_changer-lediteur-de-texte-associe-a-git.gmi
=> 20160726204835_cipherbliss_blog_1_la-galaxie-des-fanzines.gmi
=> 20160726092648_cipherbliss_blog_2_ubuntu-party-15-10.gmi
=> 20160726084700_cipherbliss_blog_3_exporter-une-visualisation-de-son-schma-sql.gmi
=> 20160726082722_cipherbliss_blog_4_le-dysoon-de-djo.gmi
=> 20160511192505_cipherbliss_blog_5_conversion-de-pdf-en-image-et-ocr.gmi
=> 20160510145657_cipherbliss_blog_6_retour-d-exprience.gmi
=> 20160421131007_cipherbliss_blog_7_le-petit-printf.gmi
=> 20160329171940_cipherbliss_blog_8_gulpifie-ton-prestashop.gmi
=> 20160304165040_cipherbliss_blog_9_amlioration-continue-de-l-quipe.gmi
=> 20160102110725_cipherbliss_blog_10_gestion-de-projet.gmi
=> 20151208091242_cipherbliss_blog_11_twig-et-angular.gmi
=> 20151122152143_cipherbliss_blog_12_convertir-les-fichiers-de-config-de-symfony2-facilement.gmi
=> 20151122094803_cipherbliss_blog_13_2-degrs-avant-la-fin-du-monde.gmi
=> 20151118165642_cipherbliss_blog_14_il-suffit.gmi
=> 20151118102152_cipherbliss_blog_15_dveloppez-le-commerce-localhost.gmi
=> 20151116113834_cipherbliss_blog_16_inspirer-les-femmes-prendre-les-postes-qui-faconnent-le-monde.gmi
=> 20151111123141_cipherbliss_blog_17_les-resources-du-blog-sur-github.gmi
=> 20151108152227_cipherbliss_blog_18_dbuter-sa-gestion-de-projet.gmi
=> 20151108115733_cipherbliss_blog_19_mise-en-forme-de-code-color-sur-votre-site.gmi
=> 20150925133619_cipherbliss_blog_20_dual-boot-windows-10-et-linux.gmi
=> 20150909150013_cipherbliss_blog_21_le-triangle-du-projet.gmi
=> 20150908121246_cipherbliss_blog_22_avoir-une-vie-prive.gmi
=> 20150722135638_cipherbliss_blog_23_les-couleurs-de-la-ratp-dans-sass.gmi
=> 20150706140018_cipherbliss_blog_24_des-live-templates-pour-angular-dans-intellij.gmi
=> 20150702150433_cipherbliss_blog_25_le-bash-de-vos-rves.gmi
=> 20150702142939_cipherbliss_blog_26_customiser-son-serveur.gmi
=> 20150701120014_cipherbliss_blog_27_des-tests-plus-rapides-avec-jasmine.gmi
=> 20150630151830_cipherbliss_blog_28_paye-ton-arrondi-en-js.gmi
=> 20150626210550_cipherbliss_blog_29_installer-cozy-cloud-sur-son-serveur-ubuntu-14-04.gmi
=> 20150617085410_cipherbliss_blog_30_convertir-un-projet-javascript-en-coffeescript.gmi
=> 20150604190842_cipherbliss_blog_31_se-crer-un-historique-complet-de-git-log.gmi
=> 20150514195327_cipherbliss_blog_32_gnrateur-angular-jeej.gmi
=> 20150422104016_cipherbliss_blog_33_whatis-love.gmi
=> 20150421092707_cipherbliss_blog_34_faites-bosser-internet-pour-vous-avec-if-this-then-that.gmi
=> 20150421090948_cipherbliss_blog_35_transfrer-des-fichiers-en-wifi-direct-entre-son-ordi-et-son-tel-android.gmi
=> 20150417112747_cipherbliss_blog_36_un-testament-par-e-mail.gmi
=> 20150417110334_cipherbliss_blog_37_calculez-votre-heure-de-rveil.gmi
=> 20150407142422_cipherbliss_blog_38_un-datepicker-dans-un-formulaire-symfony2.gmi
=> 20150330080405_cipherbliss_blog_39_les-dates-importantes-de-votre-vie.gmi
=> 20150330075127_cipherbliss_blog_40_les-24h-de-la-bd-et-autres-vnements-ont-leur-planning.gmi
=> 20150330074730_cipherbliss_blog_41_du-php-sexiste.gmi
=> 20150316092450_cipherbliss_blog_42_digital-learning-day-2015.gmi
=> 20150304150212_cipherbliss_blog_43_paye-ton-explication.gmi
=> 20150205134708_cipherbliss_blog_44_la-fte-des-passwords-et-la-neutralit-du-net.gmi
=> 20141219122836_cipherbliss_blog_45_la-filbre-optique-c-est-pas-gagn.gmi
=> 20141219122038_cipherbliss_blog_46_la-neutralit-du-net.gmi
=> 20141016105818_cipherbliss_blog_47_capturer-et-annoter-facilement.gmi
=> 20140910192438_cipherbliss_blog_48_signez-pour-la-neutralit-du-net.gmi
=> 20140904202028_cipherbliss_blog_49_schema-graphique-de-base-de-donnes.gmi
=> 20140904100304_cipherbliss_blog_50_la-thorie-des-chaines-de-caractre.gmi
=> 20140811095601_cipherbliss_blog_51_distributions-img-et-sauvegarde-de-carte-sd.gmi
=> 20140807135049_cipherbliss_blog_52_anti-hack-de-nfc.gmi
=> 20140728093301_cipherbliss_blog_53_installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi.gmi
=> 20140717112116_cipherbliss_blog_54_des-alternatives-plein-de-softwares.gmi
=> 20140604194801_cipherbliss_blog_55_fosuserbundle-could-not-convert-database-value-to-doctrine-type-array.gmi
=> 20140523102823_cipherbliss_blog_56_redimension-d-image-en-ligne-de-commande-avec-imagemagick.gmi
=> 20140509114349_cipherbliss_blog_57_wordpress-comment-ne-plus-demander-les-dtails-ftp-pour-mettre-jour.gmi
=> 20140413190834_cipherbliss_blog_58_symfony-et-apc.gmi
=> 20140411154209_cipherbliss_blog_59_raspberry-pi-case-en-papier.gmi
=> 20140405105316_cipherbliss_blog_60_perdu-de-recherche.gmi
=> 20140318204651_cipherbliss_blog_61_a-wizard-installing-software.gmi
=> 20140313130915_cipherbliss_blog_62_css-split-circles.gmi
=> 20140313130103_cipherbliss_blog_63_poids-des-slecteurs-css.gmi
=> 20140304202259_cipherbliss_blog_64_smartwatch-faite-maison-avec-l-aide-de-hong-kong.gmi
=> 20140212082847_cipherbliss_blog_65_zen-coding.gmi
=> 20140201214844_cipherbliss_blog_66_astuces-pour-ligne-de-commande-linux.gmi
=> 20140130100646_cipherbliss_blog_67_s-essayer-git-pas-pas.gmi
=> 20131207203655_cipherbliss_blog_68_afficher-le-jour-de-la-semaine-dans-la-barre-d-ubuntu.gmi
=> 20131206210739_cipherbliss_blog_69_importer-facilement-sa-base-de-donnes.gmi
=> 20131127221604_cipherbliss_blog_70_dcaler-les-sous-titres-dans-vlc-media-player.gmi
=> 20131126112903_cipherbliss_blog_71_alias-symfony-et-git-pour-linux.gmi
=> 20131014085745_cipherbliss_blog_72_rooter-galaxy-s3-et-cyanogenmod-10.gmi
=> 20130814130055_cipherbliss_blog_73_les-illtrs-technologiques-que-nous-sommes.gmi
=> 20130729142557_cipherbliss_blog_74_crer-des-alias-de-commande-windows-7.gmi
=> 20130725132546_cipherbliss_blog_75_redirection-dotclear.gmi
=> 20130606200412_cipherbliss_blog_76_navigo-c-est-pas-toujours-facile.gmi
=> 20130606200218_cipherbliss_blog_77_mangez-des-pommes.gmi
=> 20130606195819_cipherbliss_blog_78_clavier-lumineux.gmi
=> 20130605091107_cipherbliss_blog_79_faire-durer-4-jours-d-autonomie-un-galaxy-s3.gmi
=> 20130512213030_cipherbliss_blog_80_git-it-git-it-no-one-wants-to-be-defeated.gmi
=> 20130503135733_cipherbliss_blog_81_problme-avec-le-slecteur-css-last-child.gmi
=> 20130503073224_cipherbliss_blog_82_skype-sous-linux-debian-6-0.gmi
=> 20130502140046_cipherbliss_blog_83_une-autre-poque.gmi
=> 20130502064740_cipherbliss_blog_84_comment-tuer-git.gmi
=> 20130221135547_cipherbliss_blog_85_wampserveur-403-forbidden.gmi
=> 20130208125527_cipherbliss_blog_86_cache-manifest.gmi
=> 20121208192248_cipherbliss_blog_87_tethering-android-2.gmi
=> 20120917162837_cipherbliss_blog_88_bill-gates-vs-steve-jobs.gmi
=> 20120912132000_cipherbliss_blog_89_tutoriel-de-plugin-jquery.gmi
=> 20120912123209_cipherbliss_blog_90_tuto-comment-crer-un-plugin-jquery.gmi
=> 20120831204952_cipherbliss_blog_91_processus-com-motorola-service-main-s-est-arrt.gmi
=> 20120702120713_cipherbliss_blog_92_dclaration-de-l-internet-libre.gmi
=> 20120430050428_cipherbliss_blog_93_envoyer-des-mails-depuis-localhost.gmi
=> 20120425170530_cipherbliss_blog_94_changer-de-lecteur-de-code-source-dans-firefox.gmi
=> 20120423235600_cipherbliss_blog_95_stabilisation-vido-diteur-youtube.gmi
=> 20120320210224_cipherbliss_blog_96_tablette-qui-fait-sentir-des-textures.gmi
=> 20120215171320_cipherbliss_blog_97_technologie.gmi
=> 20120128054429_cipherbliss_blog_98_non-acta-manifestation-dans-toute-l-europe.gmi
=> 20120114182002_cipherbliss_blog_99_tron-legacy-les-effets-spciaux.gmi
=> 20120113231642_cipherbliss_blog_100_jusqu-o-peut-on-zoomer-dans-l-univers.gmi
=> 20120104110842_cipherbliss_blog_101_se-dbarrasser-de-ie-6.gmi
=> 20120102115840_cipherbliss_blog_102_entre-du-tgv-lyon-perrache-vue-conducteur.gmi
=> 20111227225952_cipherbliss_blog_103_internet-meme-database-know-your-meme.gmi
=> 20111219184902_cipherbliss_blog_104_fonction-random-picture.gmi
=> 20111219175754_cipherbliss_blog_105_dsignations-dans-une-quipe.gmi
=> 20111218231405_cipherbliss_blog_106_ne-souriez-pas-aux-inconnus.gmi
=> 20111209054553_cipherbliss_blog_107_un-peu-de-ralit-augmente-magique.gmi
=> 20111209042031_cipherbliss_blog_108_smartphone-voiture-pourquoi-choisir.gmi
=> 20111206044956_cipherbliss_blog_109_retour-haptique-haptic-feedback.gmi
=> 20111206041850_cipherbliss_blog_110_maison-l-preuve-des-zombies-et-des-tmoins-de-jovah.gmi
=> 20111206033912_cipherbliss_blog_111_lier-une-image-alatoire-dans-un-dossier.gmi
=> 20111204185751_cipherbliss_blog_112_my-first-crowbar-manette-pour-half-life.gmi
=> 20111202143254_cipherbliss_blog_113_url-maker-1-6-publier-des-liens-sans-avoir-les-crire.gmi
=> 20111201070237_cipherbliss_blog_114_dotclear-commenter-sans-tre-oblig-de-preview.gmi
=> 20111130170248_cipherbliss_blog_115_restauration-de-fichiers.gmi
=> 20111130155035_cipherbliss_blog_116_ninite-multi-installeur.gmi
=> 20111129174943_cipherbliss_blog_117_connaissances-de-base-en-tableur.gmi
=> 20111129161519_cipherbliss_blog_118_ssd-tuto-de-remplacement-sur-pc-portable-laptop.gmi
=> 20111129153113_cipherbliss_blog_119_geek-nerd-dork.gmi
=> 20111126170159_cipherbliss_blog_120_bienvenue-sur-informageek.gmi

View File

@ -0,0 +1,36 @@
--------------------------------------------------------------------------------
id: 30b21c04-807c-4898-aee0-9efb375f7ff7 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 309
* guid:
* status: publish
* publié le: <2011-11-26 17:01:59>
* modifié: <2011-11-26 17:47:37>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Bienvenue sur Informageek ! {#bienvenue-sur-informageek-1}
ceci~estduhtml~
<img alt="
=> https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png
" src="
=> https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png
" />
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!
(<a title="Internet" hreflang="fr" href="
=> https://fr.wikipedia.org/wiki/Internet https://fr.wikipedia.org/wiki/Internet
">photo: wikipédia page internet</a>)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: d794384c-07bb-43b2-94ae-a78523047fb9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 306
* guid:
* status: publish
* publié le: <2011-11-29 15:31:13>
* modifié: <2011-11-29 15:31:13>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Geek, nerd, dork? {#geek-nerd-dork-1}
ceci~estduhtml~
<img src="
=> https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg
" alt="bebe geek" style="display:block; margin:0 auto;" />
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.
<img src="
=> https://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg https://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg
" alt="" /> (<a href="
=> https://www.gizmodo.fr/ https://www.gizmodo.fr/
">graphique venant de gizmodo</a>)
Certains vous diront que <em>geek</em> est tout comme <em>otaku</em>, signifiant qu'il s'agit de personnes plus expertes en savoir dans un certain domaine que n'importe quel expert (ce qui est très balèze), quoique otaku soit plus approprié pour les sous cultures Japonaises. Certains confondent encore <em>geek</em>(personne vouant une passion à l'informatique et à la programmation tout en sortant peu de chez elle), <em>no-life</em> (qui n'a pas de vie sous entendu de vie sociale, différent de mort, inanimé, zombie, ou fan de patrick sebastien) et <em>gamer</em>(personne qui passe sa vie sur des jeux vidéos qu'il s'agisse de meuporg ou de jeux solo) alors que ce sont des catégories distinctes bien que cumulables.
On aurait bien tort de se dire geek quand on touche un peu de Photoshop ou qu'on passe son temps sur youtube ou facebook, à moins que la notion de geek soit aussi volubile que celle de l'art ou du droit de vote.
Puisqu'on dit de moi que je suis hypersocial, que je fais du badminton pas régulièrement et que je gère quelques langages de programmation web tout en appréciant les jeux vidéos à petite dose (surtout avec d'autres gens, un bon mario kart, super smash bros brawl, un bonne partie de barres à mines sur half life) je m'autoproclamme rien du tout. Ou peut être geek. Enfin enfin, et pour vous c'est quoi? :)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,38 @@
--------------------------------------------------------------------------------
id: 186a9b12-4999-4178-bc2e-96b6f6a54373 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 305
* guid:
* status: publish
* publié le: <2011-11-29 16:15:19>
* modifié: <2011-12-01 06:32:16>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## SSD tuto de remplacement sur pc portable / laptop {#ssd-tuto-de-remplacement-sur-pc-portable-laptop-1}
ceci~estduhtml~
<a href="
=> https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD
"><img src="
=> 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 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
" alt="remplacer un disque dur de pc portable" style="display:block; margin:0 auto;" /></a> (<a href="
=> https://fr.wikipedia.org/wiki/Solid-state_drive https://fr.wikipedia.org/wiki/Solid-state_drive
">c'est quoi un SSD?</a>)
Vous voulez bénéficier des performances des disques durs les plus rapides du monde sur votre pc portable? Voici un tuto détaillé que j'ai écrit l'an dernier pour faire ça sur un pc portable acer aspire 7: <a href="
=> https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD 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</a> Comme montré sur le graphique ci dessous les temps d'accès au disque en comparaison: <img src="
=> https://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif https://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif
" alt="" style="display:block; margin:0 auto;" /> ça change vraiment la vie une telle rapidité en plus de rendre moins fragile aux chocs le système **0**
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: 3d2e6caf-ebe0-4af3-8192-431a54c7e96d title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 304
* guid:
* status: publish
* publié le: <2011-11-29 17:49:43>
* modifié: <2011-11-29 17:49:43>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Connaissances de base en tableur {#connaissances-de-base-en-tableur-1}
ceci~estduhtml~
<img src="
=> https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg
" alt="" /> vous aimeriez bien savoir comment gérer vos comptes ou quoi que ce soit avec des logiciels de tableur tel que Ms Excel et Open office&nbsp;? Voici un de mes <a href="/index.php?tag/tuto">tuto</a> de ce qu'il y a à savoir en connaissance de base. <a href="
=> https://tykayn.fr/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office https://tykayn.fr/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office
">Trucs de classeur excel , Open Office</a> Hop, un chaud brevage, un bon fauteuil et c'est pari! :3 Pour aller plus loin vous avez la <a href="
=> https://fr.openoffice.org/Documentation/How-to/indexht-calc.html https://fr.openoffice.org/Documentation/How-to/indexht-calc.html
" hreflang="fr" title="docu officielle open office calc tableur">documentation officieile de open office calc</a> ou encore celle de Ms excel si vous trouvez parce que je ne trouve rien d'officiel :D
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,40 @@
--------------------------------------------------------------------------------
id: da008cee-74a9-44b7-9aa7-a24e864f6535 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 303
* guid:
* status: publish
* publié le: <2011-11-30 15:50:35>
* modifié: <2011-11-30 16:05:31>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Ninite - multi installeur
ceci~estduhtml~
<a href="
=> https://ninite.com/ https://ninite.com/
"><img src="
=> https://ninite.com/static/app/img/ninite.png?v=0cd28 https://ninite.com/static/app/img/ninite.png?v=0cd28
" alt="" /></a> Vous avez fait acquisition d'un nouvel ordi, ou bien vous venez de faire table rase de votre machine et vous sentez que ça va être une plaie de réinstaller tout plein de vos programmes préférés. Eh bien podutout grâce à <a href="
=> https://ninite.com/ https://ninite.com/
">Ninite.com</a>.
```{=org}
#+begin_src shell
```
Vous cochez les applications que vous voulez installer, vous récupérez l'installateur et ensuite en l'exécutant il se charge tout seul de mettre en place ce que vous avez sélectionné <strong>sans installer les toolbars pourries</strong> qu'on vous propose parfois et qui réduisent l'espace visuel des navigateurs comme vous pouvez en retirer 3 ou 4 à chaque fois que vous passez sur l'ordi de vos parents. ;)
L'appli Ninite se chargera aussi de vérifier les mises à jour des programmes que vous avez choisi d'installer, vous pourrez aussi supprimer des programmes si vous en avez installé mais qui finalement ne vous plaisent pas. Avoir le choix, si ça c'est pas merveilleux!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,94 @@
--------------------------------------------------------------------------------
id: 96750498-df06-4b7e-ba93-881f75c1b0db title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 302
* guid:
* status: publish
* publié le: <2011-11-30 17:02:48>
* modifié: <2011-11-30 17:28:28>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Restauration de fichiers {#restauration-de-fichiers-1}
### Testdisk
``` bash
apt-get install testdisk
```
scanner le bon disque en utilisant son chemin dans /dev
``` bash
testdisk /dev/dsj
```
sélectionner le disque, si on trouve des dossiers les sélectionner avec ":" puis faire C pour copier la sélection ailleurs. choisir le dossier où copier, appuyer sur C encore pour commencer la copie.
### foremost
``` bash
apt-get install foremost
```
Imaginons que vous supprimiez le fichier /boot/images/fichier~effacé~.jpg, il vous suffira de lancer cette commande:
``` bash
foremost -t jpg -i /dev/sda1 -o /home/dossier/restauration
```
L'outil Foremost cherchera alors les fichiers de type jpg effacés sur la partition /dev/sda1 correspondant au dossier /boot/images où se situait le fichier effacé pour le restaurer dans le dossier /home/dossier/restauration.
### Article de blog
ceci~estduhtml~
``` html
<img src="https://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg" alt="" />
Vous avez par inadvertance supprimé un dossier de la carte mémoire de votre appareil photo ou de votre ordi? (après avoir fait table rase et juste avant d'<a href="/index.php?post/2011/11/30/Ninite-multi-installeur">installer plein de programmes en une seule fois</a> par exemple)
Don't panic! vous pourrez encore les récupérer, surtout si vous n'enregistrez pas quoi que ce soit par dessus.
Parce qu'en fait sur les disques ou les lecteurs flash (cartes mémoires, clés usb...) quand vous supprimez un fichier c'est son nom qui est effacé, et le reste des données devient disponible à la réécriture.
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:
#+begin_src shell
<blockquote><a href="https://www.jetelecharge.com/Utilitaires/5766.php">Undelete360</a>
Si vos fichiers trouvés par l'utilitaire ont été réécrits vous ne pourrez pas les récupérer. Faut pas déconner non plus.
(une fois que vous avez fait une recherche de fichiers pour en cocher plusieurs à restaurer cliquez sur un puis maintenez shift et cliquez sur un autre, ça sélectionnera tous les fichiers entre deux. Vous n'avez plus qu'a appuyer sur le gros bouton "récupérer"
Vous avez aussi <a href="https://www.jetelecharge.com/Utilitaires/1488.php">Recuva</a>
ou <a href="https://www.jetelecharge.com/Utilitaires/2602.php">PC Inspector File Recovery </a>
Vouala vouala, enjoyez bien la récupération de vos données les petits coquinous.
</blockquote>
```
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,58 @@
--------------------------------------------------------------------------------
id: f33afcd3-c851-41ba-94da-55800c917bc8 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 301
* guid:
* status: publish
* publié le: <2011-12-01 07:02:37>
* modifié: <2011-12-01 07:08:46>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Dotclear - commenter sans être obligé de preview
ceci~estduhtml~
<img src="
=> https://fr.dotclear.org/affiliates/o-logo.png https://fr.dotclear.org/affiliates/o-logo.png
" alt="" style="display:block; margin:0 auto;" />
Vous avez un (multi)blog installé avec la plateforme <a href="
=> https://fr.dotclear.org https://fr.dotclear.org
">dotclear</a> et souhaiteriez que vos visiteurs puissent commenter sans avoir obligatoirement à prévisualiser ce qu'ils ont écrit?
Facile, rendez vous dans votre interface d'admin. Puis cliquez sur...
<ul> <li><img src="
=> https://blog.artlemoine.com/admin/images/menu/themes.png https://blog.artlemoine.com/admin/images/menu/themes.png
" alt="" /> Apparence du blog
</li> <li>éditeur de thème
</li> <li><strong>post.html</strong>
</li> </ul> Reprérez la ligne:
<pre> <tpl:IfCommentPreview><input type=&quot;submit&quot; class=&quot;submit&quot; value=&quot;{{tpl:lang send}}&quot; /></tpl:IfCommentPreview> </pre>
Et remplacez là par:
<pre> <!-- <tpl:IfCommentPreview> --> <input type=&quot;submit&quot; class=&quot;submit&quot; value=&quot;{{tpl:lang send}}&quot; /> <!-- </tpl:IfCommentPreview> --> </pre>
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 <em>Enregistrer (s)</em>
Et vous verrez le bouton <em>Envoyer</em> disponible dans les commentaires. Youpi!
Oubliez pas de vous équiper d'un bon plugin antispam ;)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,62 @@
--------------------------------------------------------------------------------
id: 672f97fa-9d64-44d0-af7e-9db0f50d3922 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 300
* guid:
* status: publish
* publié le: <2011-12-02 14:32:54>
* modifié: <2011-12-03 03:58:16>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## url maker 1.6 - publier des liens sans avoir à les écrire
ceci~estduhtml~
<a href="
=> https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip
"><img src="
=> https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg
" alt="url maker1.6" style="display:block; margin:0 auto;" /></a>
Un script bon pour la flemme en php/js écrit par mes soins qui fouille des dossiers et donne les codes (html, ou wiki pour les blogs, ou bbcode pour les forums) pour <strong>publier des liens sans avoir à les écrire un par un</strong> vers plein de fichiers selon quelques options et des dossiers rangés par année/mois.
<a href="
=> https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip
">URL maker 1.6 est Téléchargeable ici.</a>
Les versions suivantes seront disponible sur <a href="
=> https://artlemoine.com https://artlemoine.com
">mon portfolio</a> (dans la partie <strong>Free DL</strong>) 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 python...)
on peut par exemple avoir tous les liens d'images vers leur taille plus grande qui se trouverait dans un dossier nommé "g" ou encore choisir une taille à laquelle afficher les images (pour le langage html). Combiné à une lightbox ça peut vous faire une gallerie web assez facilement bien que le but premier soit de pouvoir mettre en ligne sur un blog toutes les images d'un dossier
<h3>Pour vous en servir</h3> Il vous suffit d'un espace web.
<ul> <li><a href="
=> https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip
"><img src="
=> https://artlemoine.com/decoration/dl.png https://artlemoine.com/decoration/dl.png
" alt="" />Choppez l'archive zip</a> Ø/</li> <li>dézippez l'archive, balancez son contenu sur votre espace web.</li> <li>Rendez vous sur index.php dans votre navigateur web et vous n'aurez qu'a cliquer sur "enregistrer" pour que l'install mémorise une adresse absolue dans un fichier texte.</li> </ul> C'est vraiment très facile à utiliser. Vous n'avez plus qu'a mettre vos tas d'images dans les sous dossiers ( essayez dans le dossier <strong>2011/12decembre</strong> par exemple, puis rendez vous dans la page d'index.php, et hop magie, le script explore directement le dossier 2011/12decembre parce que c'est l'année et le mois courant. Quand je vous disais que c'était bon pour la flemme!) de votre installation et de les parcourir avec l'appli puis de cliquer sur le bouton "copy" spécialement démesuré pour plus de flemme et à coller où vous voulez vos liens&nbsp;! :D
<iframe src="
=> https://www.youtube.com/embed/W0_QBdNk6Xs https://www.youtube.com/embed/W0_QBdNk6Xs
" allowfullscreen="" frameborder="0" height="315" width="420"></iframe> (C'était sur la version 1.0 , les choses ont assez changé dans l'interface mais le principe est le même: on balance nos images sur le serveur, on va sur la page d'index d'url maker et y'a plus qu'a copier les liens. Ne faites pas attention à l'arrière plan de chat j'en ai tout <a title="tykayn blog, le vortex à chats" hreflang="fr" href="
=> https://tykayn.fr/ https://tykayn.fr/
">un vortex</a> 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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 0770917a-f729-43a3-bb4f-d488c5513692 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 299
* guid:
* status: publish
* publié le: <2011-12-04 18:57:51>
* modifié: <2011-12-04 18:59:30>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## My first crowbar - manette pour half life
ceci~estduhtml~
<iframe width="500" height="284" src="
=> https://www.youtube.com/embed/aW49Mjn5f0g https://www.youtube.com/embed/aW49Mjn5f0g
" frameborder="0" allowfullscreen></iframe>
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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,38 @@
--------------------------------------------------------------------------------
id: e86a2246-62fa-42fe-8bb9-b5bbf3c570bb title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 298
* guid:
* status: publish
* publié le: <2011-12-06 03:39:12>
* modifié: <2011-12-06 03:42:38>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Lier une image aléatoire dans un dossier
ceci~estduhtml~
<img src="
=> https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg
" alt="" style="display:block; margin:0 auto;" />
Vous rêvez de faire une bannière montrant aléatoirement une image parmi un dossier à chaque fois que vous chargez la page de votre site? Informageek vous offre gracieusement ce script à placer dans une page index.php du dossier comportant vos images à montrer aléatoirement.
<pre> <?php ** Faire un lien vers cette page php pour afficher aléatoirement une image se trouvant dans le même dossier ** $dir = dir('.'); $images = array(); while($entry = $dir->read()) { if(is~file~($entry) &amp;&amp; eregi(&quot;(\.(jpg|jpeg|png|gif))$&quot;,$entry) &amp;&amp; substr($entry,0,1) !== '.' ) { $images[] = $entry ; } } $dir->close(); $image = imagecreatefromjpeg($images[array~rand~($images,1)]); header(&quot;Content-type:image/jpeg&quot;); imagejpeg($image); //*/ ?> </pre>#+begin~src~ shell
Pour lier votre image mettez ce code HTML dans votre page où vous voulez afficher votre image en prenant soin de remplacer <em>mon-dossier-d-images-de-bannieres/</em> par le bon chemin vers votre dossier d'images comportant le script dans index.php:
<pre> <img src=&quot;mon-dossier-d-images-de-bannieres/&quot; alt=&quot;banniere random de site&quot; title=&quot;ma banniere&quot; /> </pre>
Magique! Enjoyez!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,31 @@
--------------------------------------------------------------------------------
id: 87a6033a-f5c5-457d-a296-a6df9861e293 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 297
* guid:
* status: publish
* publié le: <2011-12-06 04:18:50>
* modifié: <2011-12-09 03:27:58>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 index blog cipherbliss
## Maison à l'épreuve des zombies et des témoins de jéovah
=> https://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-3.jpg [IMG]
=> https://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-5.jpg [IMG]
=> https://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-9.jpg [IMG]
[[
=> https://www.thelastgoddess.com/wordpress/2011/05/05/zombie-proof-house-keeps-the-undead-and-jehovahs-witnesses-at-bay/ https://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
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: b800f572-d49a-4628-87f6-d50f6403fe96 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 296
* guid:
* status: publish
* publié le: <2011-12-06 04:49:56>
* modifié: <2011-12-06 04:50:44>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## retour haptique haptic feedback {#retour-haptique-haptic-feedback-1}
ceci~estduhtml~
<iframe width="480" height="274" src="
=> https://www.youtube.com/embed/trM7mXOjNFY https://www.youtube.com/embed/trM7mXOjNFY
" frameborder="0" allowfullscreen></iframe> <br/><br/> Les écrans tactiles sont plutôt révolutionnaires parce qu'ils permettent une flexibilité assez énorme question intreface. Cependant il manque un certain retour de sensation comme on peut en avec avec le ressort des touches d'un clavier ou les indices en relief qu'on peut trouver sur les touches F et J d'un clavier AZERTY ou QWERTY.<br/> Une possibilité est de greffer des petits écrans sur des touches de clavier, une autre est de créer un retour magnétique et de s'équiper de gants. On vous parlera surement de combien le magnétisme ça craint pour le corps humain. Dans ce cas il faut aussi que vous ayez peur des forces magnétiques venant des fils électriques de votre souris, de votre câble d'alimentation et surtout de vos canaux nerveux qui HOMONDIEU marchent eux aussi à l'électricité. <br/> <iframe width="560" height="315" src="
=> https://www.youtube.com/embed/UiQ0AnlfBu4 https://www.youtube.com/embed/UiQ0AnlfBu4
" frameborder="0" allowfullscreen></iframe> hou le joli clavier qui doit pomper un max de batterie! <br/><br/> Bientôt, des claviers tablettes où chaque pixel pourra se soulever ou se baisser. <br/> Enfin, un grand pas sera surtout fait quand tout notre mobilier électronique sera devenu waterproof et que la batterie tiendra vraimentt une semaine. mais peut être que je lis trop de science fiction :D
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,36 @@
--------------------------------------------------------------------------------
id: a1d00d69-f4b4-4de2-a3ce-68488fb92709 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 295
* guid:
* status: publish
* publié le: <2011-12-09 04:20:31>
* modifié: <2011-12-09 04:20:31>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Smartphone, voiture, pourquoi choisir {#smartphone-voiture-pourquoi-choisir-1}
ceci~estduhtml~
Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une concept-car qui fera smartphone.<br/> <iframe width="480" height="274" src="
=> https://www.youtube.com/embed/jxat4x7VhMU https://www.youtube.com/embed/jxat4x7VhMU
" frameborder="0" allowfullscreen></iframe> Je ne suis pas persuadé de la vraie utilité d'écrans transparents qui en matière d'ergonomie ne doivent vraiment pas aider à l'utilisateur car il serait distrait par le fond. Toutefois c'est certain, la couleur choisissable et personnalisable va plaire. <br/>Manquerait plus qu'a coupler la carroserie à une surface photovoltaïque faite de <a href="
=> https://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230 https://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230
" >cellules imprimables. <img src="
=> https://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg https://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg
" alt="film photovoltaique organique"/></a><br/><br/> Avoir une rayure sur le capot va prendre un tout autre sens à moins qu'on se décide à blinder le tout un peu comme le summum de la concept car, j'ai nommé K3000 (une série où chacune des transformation est un modèle Ford). <iframe frameborder="0" width="480" height="276" src="
=> https://www.dailymotion.com/embed/video/x4fg2v https://www.dailymotion.com/embed/video/x4fg2v
"></iframe>
Knight Industries Three Thousand qui en plus d'avoir mieux qu'un Siri embarqué (Kitt qui peut faire de l'humour contrairement à Siri) peut changer de modèle de voiture en pleine conduite (jvous raconte pas les soucis de pression de l'air dans le cockpit), lire et écouter à travers les murs par infrarouge ou rayons X (rien à foutre de la santé des gens!), micro longue portée, se propulser à l'hélium, détecter de la radioactivité, dispenser des premiers soins, générer des objets avec une imprimante 3D, grappin, détecteurs environnementaux mieux que les robots qui vont sur Mars, mitraillette et lance roquettes amovibles... Voilà qui fera pâlir batman et sa batmobile qui pour toute arme furtive dispose de néons bleus. :)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,38 @@
--------------------------------------------------------------------------------
id: 419896ff-5288-4487-a8e2-8367e0878f76 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 294
* guid:
* status: publish
* publié le: <2011-12-09 05:45:53>
* modifié: <2011-12-09 05:45:53>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Un peu de réalité augmentée magique
ceci~estduhtml~
<iframe src="
=> https://player.vimeo.com/video/27887843?title=0&amp;byline=0&amp;portrait=0&amp;color=CEBB2F https://player.vimeo.com/video/27887843?title=0&byline=0&portrait=0&color=CEBB2F
" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><a href="
=> https://vimeo.com/27887843 https://vimeo.com/27887843
">Innovators@Google presents: Marco Tempest</a> from <a href="
=> https://vimeo.com/magician https://vimeo.com/magician
">Marco Tempest</a> on <a href="
=> https://vimeo.com https://vimeo.com
">Vimeo</a>.
<br/><br/><a href="
=> https://marcotempest.com/ https://marcotempest.com/
" hreflang="en">Marco Tempest</a>, travaille chez Google.<br/>Il nous raconte comment la magie et la haute technologie se confondent dans une petite explication spectaculaire (en Anglais). Il réalise trois petits spectacles alliant des technologies C++ open source, du suivi de mouvement (motion tracking) avec des caméras à capture rapide, trois smartphones, un simple carton plume devenu interactif et de bonnes vieilles cartes qui prennent une nouvelle dimension.<br/> Bon dimanche à vous.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: f9202ecf-77bf-46f3-9e45-9a4393a1451a title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 293
* guid:
* status: publish
* publié le: <2011-12-18 23:14:05>
* modifié: <2011-12-18 23:14:05>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Ne souriez pas aux inconnus {#ne-souriez-pas-aux-inconnus-1}
ceci~estduhtml~
<img src="
=> https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg
" alt="" /> Ne souriez pas aux inconnus. Une image extraite du métro de New York que l'on pourrait très bien trouver de par nos latitudes Parisiennes tant de nombreuses personnes se sont passées le mot.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: 7c0e152e-9ea6-480d-800d-b23899158303 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 292
* guid:
* status: publish
* publié le: <2011-12-19 17:57:54>
* modifié: <2011-12-19 17:57:54>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Désignations dans une équipe
ceci~estduhtml~
<img alt="" src="
=> https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg
" />
(la parabole des aveugles illustre merveilleusement ce billet)
<ul><li><strong>le Chef de projet:</strong> Est la personne qui pense que 9 femmes peuvent livrer un bébé en un mois.</li> <li><strong>Le Développeur:</strong> pense que ça va prendre 18 mois pour livrer un bébé.</li> <li><strong>Le Coordinateur de site:</strong> pense qu'une seule femme peut livrer neuf bébés en un mois.</li> <li><strong>Le Client:</strong> ne sait pas pourquoi il veut un bébé.</li> <li><strong>Le Gérant de marchés:</strong> pense qu'il peut livrer un bébé même si aucun homme ou femme ne sont disponibles.</li> <li><strong>l'Équipe d'optimisation des ressources:</strong> pensent qu'ils n'ont pas besoin d'hommes ou de femmes, ils vont produire un enfant sans aucune ressource.</li> <li><strong>L'Équipe de documentation:</strong> pense qu'ils s'en moquent si un enfant est livré, ils vont juste documenter pendant neuf mois.</li> <li><strong>L'Inspecteur de qualité:</strong> est la personne qui n'est jamais contente du PROCESSUS de confection de bébé.</li> <li><strong>Le Testeur:</strong> est la personne qui dit à chaque fois à sa femme que ce n'est pas le Bon bébé.</li> <li><strong>Le Chef des Ressources humaines:</strong> est la personne qui pense qu'un singe peut faire un bébé humain en 9 mois.</li> </ul>mwah ah ah!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: 759c7bbc-e07f-4c96-a23b-a6a77057d0d9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 291
* guid:
* status: publish
* publié le: <2011-12-19 18:49:02>
* modifié: <2011-12-19 18:50:00>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Fonction Random picture {#fonction-random-picture-1}
ceci~estduhtml~
<a href="
=> https://artlemoine.com/medias/apps/random-picture/ https://artlemoine.com/medias/apps/random-picture/
"><img src="
=> https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png
" alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script Random picture est expliqué et disponible ici</a> et sur <a href="
=> https://artlemoine.com https://artlemoine.com
">mon portfolio artlemoine.com</a> (section Web). C'est une fonction php qui permet d'afficher une image choisie au hasard dans un dossier. Pratique pour faire une bannière changeante par exemple. Et tout ça sans utiliser la librairie GD contrairement à ma proposition précédente. Enjoy!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 957ca9f7-8054-4c91-8bcf-dcbcf1b9e306 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 290
* guid:
* status: publish
* publié le: <2011-12-27 22:59:52>
* modifié: <2012-07-26 20:29:14>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Internet Meme Database - Know Your Meme
ceci~estduhtml~
<a href="knowyourmeme.com"><img src="
=> https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg
" alt="Know your meme team" style="display:block; margin:0 auto;" /></a> La sous-culture de l'intra web vous donne envie de vous rouler en boule dans un coin en proférant des insultes à l'égard des hamsters? Voici un site qui va vous en apprendre un maximum et vous évitera d'être déboussolé quand vous verrez des parents irreponsables se passer un bébé en le jetant par dessus une crevasse, une nana qui vous raconte qu'elle s'appelle boxxxy, un policier qui a un spray de la puissance d'une navette spatiale. Tout est expliqué sur le site <a href="knowyourmeme.com">Know your meme</a> (qui ne veut pas dire connais ta mère grand mais connais tes mémé). Les philosoraptors, me gusta, trollfaces, derp, insane kids et autres Yo Dawg n'auront plus de secrets pour vous **0** Oui enfin, faut causer un peu <a href="
=> https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais
">le Shakespeare</a> aussi.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,46 @@
--------------------------------------------------------------------------------
id: f5d912c6-0909-4590-a657-ea509296db54 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 289
* guid:
* status: publish
* publié le: <2012-01-02 11:58:40>
* modifié: <2012-01-02 12:04:13>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Entrée du TGV à Lyon perrache - vue conducteur
ceci~estduhtml~
à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis la cabine conducteur pendant un trajet.
voilà une vidéo de <a hreflang="fr" href="
=> https://gonzague.me https://gonzague.me
">Gonzague</a>, bloggeux et testeur de produits divers de nouvelles technologies.
<iframe width="500" height="284" src="
=> https://www.youtube.com/embed/VPIXnU0DJ9U https://www.youtube.com/embed/VPIXnU0DJ9U
" frameborder="0" allowfullscreen></iframe>
Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose vue passager :D
Notez tout le bazar du tableau de bord. Je savais déjà que le conducteur devait tenir et relâcher régulièrement le volant qui est en fait la manette d'accélération et que la <a href="
=> https://geillon.pagesperso-orange.fr/trains/signaux/ https://geillon.pagesperso-orange.fr/trains/signaux/
">signalisation des trains</a> était affichée sur la gauche de la voie.
Par exemple: <img src="
=> https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif
" /> Ce panneau là demande à ce qu'on garde un air neutre au volant même en l'annonce de grèves. mwarh arh arh!
Tiens ça me rappelle que je connais quelqu'unnnnn qui m'avait dit qu'il pourrait me faire faire une visite de cabine de TGV en marche aussi. Votre sainteté, si vous m'écoutez, je suis toujours partant. B-)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,54 @@
--------------------------------------------------------------------------------
id: 25355ad4-516f-4734-a2b1-9991b2a7ff10 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 288
* guid:
* status: publish
* publié le: <2012-01-04 11:08:42>
* modifié: <2012-01-04 11:25:21>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Se débarrasser de IE 6
ceci~estduhtml~
Quand est ce qu'on pourra enfin se débarrasser de IE 6 (certains veulent le sauver :D <a href="
=> https://www.saveie6.com/ https://www.saveie6.com/
" hreflang="en">
=> https://www.saveie6.com/ https://www.saveie6.com/
</a> heureusement que c'est pour déconner) quand on considère la conception d'un design pour le web? Hébien, très bientôt il me semble.
ce qui permettra de <a href="
=> https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/ https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/
">faire plein de choses cool</a> comme utiliser les <em>sélecteurs d'enfants</em> en css, <em>min-width</em>, <em>max-width</em>, ne plus passer 90% du temps de design à trafiquer le style pour que ça s'affiche pareil pour chaque visiteur, gagner du temps (et donc du pognon), pouvoir se servir de <em>z-index</em>, bosser dans la joie et la bonne humeur. Levons les bras ø/ Vous pouvez accélérer le mouvement en plaçant sur vos sites un encart conditionnel incitant vos visiteurs à prendre conscience qu'ils utilisent une technologie trop vulnérable, trop vieille et qui leur pourrit leur expérience utilisateur, <a href="
=> https://tykayn.fr/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux https://tykayn.fr/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux
" hreflang="fr" title="Comment dire à Internet Explorer qu'il est trop vieux">comme je l'ai expliqué dans ce billet.</a>
J'ai pris les <a href="
=> https://www.w3schools.com/browsers/browsers_stats.asp https://www.w3schools.com/browsers/browsers_stats.asp
">statistiques de fréquentations de w3c school</a> pour monter ces petits graphiques avec le tableur open office: <a href="
=> 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/g/versions_IE_2009-2011.jpg
"><img src="
=> https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg
" alt="versions IE 2009 2011" style="display:block; margin:0 auto;" /></a>#+begin~src~ shell
<a href="
=> 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/g/navigateurs_2009-2011.jpg
"><img src="
=> https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg
" alt="navigateurs 2009 2011" style="display:block; margin:0 auto;" /></a> Ici on peut donc voir l'avancée de chrome et le léger recul de internet exlporer en général entre 2009 et fin 2011. <a href="
=> 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/g/resolutions.jpg
"><img src="
=> https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/resolutions.jpg https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/resolutions.jpg
" alt="resolutions" style="display:block; margin:0 auto;" /></a> Pour les résolutions d'écran, la plupart des gens en ont des plus grandes que 1024px de large, ce qui permet d'envisager des designs de sites de plus des sacro saints 960px de large pour le contenu.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,36 @@
--------------------------------------------------------------------------------
id: 66051265-e99c-4ed1-885d-83ee2d3115aa title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 287
* guid:
* status: publish
* publié le: <2012-01-13 23:16:42>
* modifié: <2012-01-13 23:18:36>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Jusqu'où peut on zoomer dans l'univers ?
ceci~estduhtml~
<img src="
=> https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif
" alt="" /> Jusqu'où peut on zoomer dans l'univers ?
<a href="
=> https://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf https://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf
" hreflang="en">La réponse interactive dans cette animation</a> qui met en rapport des choses les plus gigantesques ( 93 milliard d'années lumière , 9.3 * 10^26^ mètres )jusqu'a la <a href="
=> https://fr.wikipedia.org/wiki/Longueur_de_Planck https://fr.wikipedia.org/wiki/Longueur_de_Planck
" hreflang="fr" title="il en avait une toute petite, de longueur, planck">longueur de Planck</a> (10^-35^ mètres)
Tout simplement amazaing!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,46 @@
--------------------------------------------------------------------------------
id: 01dc92d7-8800-40d8-a125-a93fd346935c title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 286
* guid:
* status: publish
* publié le: <2012-01-14 18:20:02>
* modifié: <2012-01-14 18:20:02>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Tron legacy : les effets spéciaux
ceci~estduhtml~
<img alt="" src="
=> https://jtnimoy.net/178/TRON_GFX_DG_04.JPG https://jtnimoy.net/178/TRON_GFX_DG_04.JPG
" width="500" />
jtnimoy se présente comme une licorne de la Silicon valley, il est un artiste de software et s'est occupé en équipe des effets spéciaux et de tous les systèmes dans Tron: l'héritage avec Bradley "GMUNK" Munkowitz, Jake Sargeant, et David "dlew" LewandowskiIl. Il a aussi fait <a hreflang="en" href="
=> https://www.balldroppings.com/js/ https://www.balldroppings.com/js/
">BallDroppings</a> , le jeu sonore 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.
<img alt="" src="
=> https://www.balldroppings.com/images/artbanner.gif https://www.balldroppings.com/images/artbanner.gif
" />
Retrouvez sa présentation intégrale de la démarche de conception des effets visuels sur Tron Legacy sur son site:
<a hreflang="en" href="
=> https://jtnimoy.net/?q=178 https://jtnimoy.net/?q=178
">
=> https://jtnimoy.net/?q=178 https://jtnimoy.net/?q=178
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,310 @@
--------------------------------------------------------------------------------
id: b1ea3dd1-8b8b-46b9-9f9e-31117963d159 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 285
* guid:
* status: publish
* publié le: <2012-01-28 05:44:29>
* modifié: <2012-01-28 05:58:15>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## non à ACTA, manifestation dans toute l'europe.
ceci~estduhtml~
Je vous fais passer le message.
<strong>Aujourd'hui</strong> 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.
<img alt="" src="
=> https://www.wolnyportal.pl/application/images/layout/acta.jpg https://www.wolnyportal.pl/application/images/layout/acta.jpg
" />
<h3>LISTE DES EVENEMENTS:</h3> BELGIQUE :
Bruxelles : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/260087024061630/ https://www.facebook.com/events/260087024061630/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/260087024061630/</span></a>
<span class="text~exposedhide~">...</span><span class="text~exposedshow~"> CANADA :
Montréal : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/279991898729093/ https://www.facebook.com/events/279991898729093/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/279991898729093/</span></a>
FRANCE : [38 villes]
Angers : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/287764824614952 https://www.facebook.com/events/287764824614952
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/287764824614952</span></a>
Annecy : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/330912470272865/ https://www.facebook.com/events/330912470272865/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/330912470272865/</span></a>
Annemasse : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/348173395194159/ https://www.facebook.com/events/348173395194159/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/348173395194159/</span></a>
Auxerre : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/334639596566874/ https://www.facebook.com/events/334639596566874/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/334639596566874/</span></a>
Avignon : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/222248271195618/ https://www.facebook.com/events/222248271195618/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/222248271195618/</span></a>
Besançon : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/350055058338859/ https://www.facebook.com/events/350055058338859/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/350055058338859/</span></a>
Bordeaux : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/231155533629947/ https://www.facebook.com/events/231155533629947/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/231155533629947/</span></a>
Bourges : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/352007704812371/ https://www.facebook.com/events/352007704812371/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/352007704812371/</span></a>
Brest : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/316783001694510/ https://www.facebook.com/events/316783001694510/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/316783001694510/</span></a>
Caen : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/367048943308835/ https://www.facebook.com/events/367048943308835/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/367048943308835/</span></a>
Centre : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/196169083815498/ https://www.facebook.com/events/196169083815498/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/196169083815498/</span></a>
Chalon : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/365757036784795/ https://www.facebook.com/events/365757036784795/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/365757036784795/</span></a>
Chambery : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/133986876719736/ https://www.facebook.com/events/133986876719736/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/133986876719736/</span></a>
Clermont Ferrand : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/283461341715349/ https://www.facebook.com/events/283461341715349/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/283461341715349/</span></a>
Grenoble : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/278231938903223/ https://www.facebook.com/events/278231938903223/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/278231938903223/</span></a>
Ile de la Réunion : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/174921109278425/ https://www.facebook.com/events/174921109278425/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/174921109278425/</span></a>
Le Mans : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/331483616885366/ https://www.facebook.com/events/331483616885366/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/331483616885366/</span></a>
Lille : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/302943896423611/ https://www.facebook.com/events/302943896423611/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/302943896423611/</span></a>
Limoges : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/135376489913868/ https://www.facebook.com/events/135376489913868/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/135376489913868/</span></a>
Lorient : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/331853836855500/ https://www.facebook.com/events/331853836855500/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/331853836855500/</span></a>
Lyon : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/214543538637013/ https://www.facebook.com/events/214543538637013/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/214543538637013/</span></a>
Marseille : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/193923677372285/ https://www.facebook.com/events/193923677372285/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/193923677372285/</span></a>
Metz : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/256838954387558/ https://www.facebook.com/events/256838954387558/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/256838954387558/</span></a>
Montpellier : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/232011503547892/?context=create https://www.facebook.com/events/232011503547892/?context=create
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~"><span>events/232011503547892/</span><wbr><span class="word~break~">?context=create</span></span></a>
Nancy : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/256604511074939/ https://www.facebook.com/events/256604511074939/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/256604511074939/</span></a>
Nantes : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/224971834252356/ https://www.facebook.com/events/224971834252356/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/224971834252356/</span></a>
Nice : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/213126875444670 https://www.facebook.com/events/213126875444670
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/213126875444670</span></a>
Nîmes : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/283720411691171/ https://www.facebook.com/events/283720411691171/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/283720411691171/</span></a>
Paris : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/351789298165521 https://www.facebook.com/events/351789298165521
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/351789298165521</span></a>
Perpignan : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/331509563547221 https://www.facebook.com/events/331509563547221
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/331509563547221</span></a>
Poitiers : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/236895849719632/ https://www.facebook.com/events/236895849719632/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/236895849719632/</span></a>
Quimper: <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/310646308973202/ https://www.facebook.com/events/310646308973202/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/310646308973202/</span></a>
Reims : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/172682926170967/ https://www.facebook.com/events/172682926170967/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/172682926170967/</span></a>
Rennes : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/254072557998714/ https://www.facebook.com/events/254072557998714/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/254072557998714/</span></a>
Strasbourg : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/341992745818985/ https://www.facebook.com/events/341992745818985/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/341992745818985/</span></a>
Toulon : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/345539455464665/ https://www.facebook.com/events/345539455464665/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/345539455464665/</span></a>
Toulouse : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/349931021686076/ https://www.facebook.com/events/349931021686076/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/349931021686076/</span></a>
Tours : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/301695123209585/ https://www.facebook.com/events/301695123209585/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/301695123209585/</span></a>
Valence : <a rel="nofollow" target="~blank~" href="
=> https://www.facebook.com/events/282605105127891/ https://www.facebook.com/events/282605105127891/
"><span>
=> https://www.facebook.com/ https://www.facebook.com/
</span><wbr><span class="word~break~">events/282605105127891/</span></a>
<blockquote>ACTA (Accord Commercial Anti Contrefaçon), un accord qui menace la liberté d'internet. Cet accord vise officiellement à protéger la 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 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.
<strong>La seule solution, c'est la mobilisation de toutes et tous dans les rassemblements prévus le samedi 28 janvier pour dire non à</strong>:
La censure d'internet; La restriction de la liberté d'expression; La surveillance totale de toutes nos activités en ligne; La perte de libertés et droits civiques; La perte de connexion internet pour ceux qui enfreindraient les nouvelles règles.
</blockquote> </span> Je serai à celle de Paris.
En passant, une dédicace aux journalistes qui racontent n'importe quoi à propos d'Anonymous,
<blockquote>les médias s'évertuent depuis longtemps à réduire notre groupe à "une poignée de pirates du Net".
Anonymous ne saurait être défini comme tel : nous sommes le peuple. Tout le monde peut nous rejoindre : cherchez-nous et vous nous trouverez, nous n'avons pas de leader, uniquement des sensibilités, car nous ne sommes qu'une idée.
</blockquote>
<iframe width="500" height="369" src="
=> https://www.youtube.com/embed/Bvb6VELAbd4 https://www.youtube.com/embed/Bvb6VELAbd4
" frameborder="0" allowfullscreen></iframe> </blockquote> Anonymous est l'ambassadeur moderne d'une révolution entreprise depuis toujours contre la pensée unique</blockquote>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: 37ec95bc-390a-4698-8a28-e1d072ce621a title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 284
* guid:
* status: publish
* publié le: <2012-02-15 17:13:20>
* modifié: <2012-02-15 17:13:20>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Technologie {#technologie-1}
ceci~estduhtml~
Voici une étude Britannique sur pourquoi les gens ont peur de la technologie<br/><br/> <iframe width="480" height="360" src="
=> https://www.youtube.com/embed/Fc1P-AEaEp8 https://www.youtube.com/embed/Fc1P-AEaEp8
" frameborder="0" allowfullscreen></iframe>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,50 @@
--------------------------------------------------------------------------------
id: bb8d108c-5d15-4033-9422-d4c923f5242d title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 283
* guid:
* status: publish
* publié le: <2012-03-20 21:02:24>
* modifié: <2012-03-20 21:05:19>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Tablette qui fait sentir des textures {#tablette-qui-fait-sentir-des-textures-1}
ceci~estduhtml~
<img src="
=> https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg
" alt="" /> 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 langues! <a href="
=> https://senseg.com/ https://senseg.com/
">Senseg</a> prévoit de sortir en 2013 ou au plus tard en 2014 une tablette à retour haptique pour le grand public. Une démo permet de ressentir des textures de plastique, de roche, de tissus, de simuler le volume d'une bille en verre. De nombreuses applications pourraient y être trouvées, notamment pour les non voyants. Mais aussi pour apporter encore plus de mimétisme au virtuel.
Mais comment ça marche ce retour haptique?
Avec des impulsions électromagnétiques qui disent à notre sens du toucher qu'on touche telle ou telle matière aussi bien qu'une enceinte trompe notre ouïe.. Le site est avare de détails, on n'en sait pas très précisément, mais bon, espionnage industriel, tout ça tout ça, et puis les gens faut les faire rêver, pas leur expliquer les choses.
J'en vois déjà sonner l'alarme aux mauvaises ondes et aux incidents sur les micro organismes comme si ces ondes étaient aussi méchantes que des micro ondes ou des rayons X. <a href="
=> https://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/ https://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/
">Pas de panique!</a> Enfin, en effet, ce qui fait le fun d'une tablette c'est son côté tactile. Sans doute parce que notre société n'a pas de contacts physique entre ses individus, sauf cas de violence ou bousculades. Du coup, dans notre culture on n'aime pas qu'un inconnu se permette de nous toucher ne serait-ce qu'une épaule.
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!
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é <a href="
=> https://qzine.fr/boutique/#detailsfanzine4 https://qzine.fr/boutique/#detailsfanzine4
">des sextoys</a>. Enfin, un retour haptique aux variétés infinies donnerait une vraie particularité au support de la tablette, qui pur l'instant n'a que peu d'intérêt par rapport à un téléphone tactile. Peut être que je considérerai l'idée d'en acquérir une quand les tablettes disposeront d'un écran à 3D sans lunettes et de retour haptique. Et aussi quand on pourra modifier la taille d'une tablette pour la ranger dans sa poche. Allez zou les nigénieurs, au boulot! :)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: de0ea05c-753d-4101-b792-3d8db8c26fd8 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 282
* guid:
* status: publish
* publié le: <2012-04-23 23:56:00>
* modifié: <2012-04-24 22:11:43>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Stabilisation vidéo, éditeur youtube
ceci~estduhtml~
Saviez vous que Youtube dispose d'un éditeur de vidéo et d'une fonctionnalité permettant d'ajuster la stabilité de vos vidéos&nbsp;? Vous aussi, rende vos vidéos les plus spontanées moins pourries en leur enlevant toute influence des films du style <em>Projet Blair Witch</em> ou plus récemment <em>Rec</em>.
<h3>Comment stabiliser une vidéo youtube?</h3>
<img src="
=> https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg
" alt=".comparaison videos stabilisation youtube m" style="display:block; margin:0 auto;" /> Allez donc gérer vos vidéos sur <a href="
=> https://www.youtube.com/editor https://www.youtube.com/editor
">
=> https://www.youtube.com/editor https://www.youtube.com/editor
</a> (si vous avez un compte sur youtube, sinon créez en un en quelques secondes **o** awesome!) Cet éditeur vous permet de faire des montages (en glissant déposant les vidéos dans la barre en bas de page) et des transitions entre vos vidéos, de modifier contraste, luminosité, couleurs, tout plein de trucs hyper sympas et ce sans installer de logiciel sur votre ordi. Fouillez donc. Me gusta. (<a href="
=> https://www.youtube.com/tykayn https://www.youtube.com/tykayn
">Ma chaine de vidéos se nomme tykayn.</a>) <img src="
=> https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.retouche_videos_youtube_m.jpg https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.retouche_videos_youtube_m.jpg
" alt=".retouche videos youtube m" style="display:block; margin:0 auto;" /> Ou bien vous pouvez aller sur la page de l'une de vos vidéos, puis cliquer sur "<strong>retouches</strong>" dans le menu en haut.#+begin~src~ shell
Ainsi, même sans être atteint de parkinson vous contriburez à améliorer la santé mentale du monde entier en créant de meilleures vidéos simplement et rapidement en quelques clics. (Google devrait me payer pour vous dire tout ça d'ailleurs :D) Pour cela vous pouvez aussi faire en sorte d'augmenter la qualité vidéo de votre téléphone ou de votre caméra (nombre de pixels par image et nombre d'images par seconde). en 2012, vu le prix du Giga pour les disques durs ou les cartes mémoires, ainsi qu'avec les solutions de cloud computing Ce n'est pas l'espace de stockage qui manque. Bref, enjoy!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,48 @@
--------------------------------------------------------------------------------
id: 9c988482-5f5d-4d68-ad85-13975333d27f title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 281
* guid:
* status: publish
* publié le: <2012-04-25 17:05:30>
* modifié: <2015-11-17 16:16:46>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Changer de lecteur de code source dans Firefox {#changer-de-lecteur-de-code-source-dans-firefox-1}
ceci~estduhtml~
C'est bien pratique de pouvoir voir les sources d'une page web avec un click droit. Sauf que c'est pas aussi pratique que votre éditeur de code préféré, par exemple<strong> npp</strong> ou <strong>netbeans</strong>. (enfin, npp a l'avantage d'être plus léger et rapide a lancer pour un bidouillage rapide) Et bien c'est possible de personnaliser ça. **0**
<a href="/public/2012/config~firefoxnotepad~.jpg" title="config~firefoxnotepad~.jpg"><img src="*public/2012*.config~firefoxnotepadm~.jpg" alt="config~firefoxnotepad~.jpg" title="config~firefoxnotepad~.jpg, avr. 2012" /></a>
Allez dans <strong>
=> about:config about:config
</strong> Filtrez la recherche de paramètres en écrivant <strong>view~source~</strong>
Double cliquez sur <strong>view~souce~.editor.external</strong> pour le passer à <strong>true</strong>
Double cliquez sur <strong>view~souce~.editor.path</strong> et entrez le chemin vers votre éditeur de code favori. Par exemple pour mon npp j'ai mis&nbsp;
<code>C:`\Program`{=latex} Files (x86)`\Notepad`{=latex}++`\notepad`{=latex}++.exe</code>
Et voualaaa! Vous pouvez fermer l'onglet de config. Maintenant vous pourrez voir les codes sources des pages web trop trop mieux. Et ça marche bien évidemment aussi dans la version 64bits de firefox, c'est à dire <a href="
=> https://waterfoxproject.org/ https://waterfoxproject.org/
">Waterfox</a>. :)
<a href="
=> https://waterfoxproject.org/ https://waterfoxproject.org/
">
=> https://waterfoxproject.org https://waterfoxproject.org
</a> Enjoyez donc!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,47 @@
--------------------------------------------------------------------------------
id: 0001bc44-73b5-4bdb-b327-822487cd7e28 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 280
* guid:
* status: publish
* publié le: <2012-04-30 05:04:28>
* modifié: <2015-11-08 14:43:37>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Envoyer des mails depuis localhost {#envoyer-des-mails-depuis-localhost-1}
ceci~estduhtml~
Je me suis longtemps demandé comment configurer mon serveur local pour pouvoir envoyer des emails. Voici enfin la solution: ouvrir ces deux fichiers de config situés dans votre dossier wamp (en partant du principe que <a href="
=> https://www.wampserver.com/ https://www.wampserver.com/
">wampserver</a> est installé sous<em> C:`\wamp`{=latex}</em> )
<code class="ini">C:`\wamp`{=latex}`\bin`{=latex}`\php`{=latex}`\php5.3`{=latex}.8`\php`{=latex}.ini</code>
et <code>C:`\wamp`{=latex}`\bin`{=latex}`\apache`{=latex}`\Apache2.2`{=latex}.21`\bin`{=latex}`\php`{=latex}.ini</code>
Ensuite, cherchez une occurence de "<strong>smtp</strong>"
j'ai pour fournisseur d'accès SFR, donc j'ai mis <em>smtp.sfr.fr</em> et utilisé le port 25
<code class="ini">SMTP = smtp.sfr.fr
;
=> https://php.net/smtp-port https://php.net/smtp-port
smtp~port~ = 25</code>
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!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,55 @@
--------------------------------------------------------------------------------
id: 1fbabb11-d86e-421a-bfcb-133e7e70db54 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 279
* guid:
* status: publish
* publié le: <2012-07-02 12:07:13>
* modifié: <2012-07-02 12:07:42>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Déclaration de l'internet libre
ceci~estduhtml~
Vous aussi, signez la déclaration de l'internet libre autour de ces 5 principes pour qu'on ne voie plus fleurir des lois liberticides.
<strong>Liberté d'expression.</strong><br style="font-weight: bold;" /><strong>Liberté d'accès.</strong><br style="font-weight: bold;" /><strong>Liberté d'ouverture.</strong><br style="font-weight: bold;" /><strong>Liberté d'innovation.</strong><br style="font-weight: bold;" /><strong>Liberté de privacité.</strong>
à faire passer à toutes les grosses boites et à vos proches qui pourront signer à titre individuel.
comme ils diraient chez la quadrature du net "data must flow" en référence à Dune.
<a href="
=> https://www.techdirt.com/netdeclaration https://www.techdirt.com/netdeclaration
"><img src="
=> https://cdn.techdirt.com/i/net-declaration.png https://cdn.techdirt.com/i/net-declaration.png
" title="Declaration of Internet Freedom" /></a>
<em>Pour insérer l'image clickable avec le lien vers la pétition, copiez collez ce code dans une page html:</em>
<blockquote><a href="
=> https://www.techdirt.com/netdeclaration https://www.techdirt.com/netdeclaration
"><img src="
=> https://cdn.techdirt.com/i/net-declaration.png https://cdn.techdirt.com/i/net-declaration.png
" title="Declaration of Internet Freedom" /></a>
</blockquote><em>Si vous voulez l'insérer sur un message de forum phpbb c'est ce code suivant:</em>
<blockquote>[url=
=> https://www.techdirt.com/netdeclaration https://www.techdirt.com/netdeclaration
][img]
=> https://cdn.techdirt.com/i/net-declaration.png%5B/img%5D%5B/url%5D https://cdn.techdirt.com/i/net-declaration.png%5B/img%5D%5B/url%5D
</blockquote>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,40 @@
--------------------------------------------------------------------------------
id: 0ba15e35-8fa9-47d9-9740-d0431fc10d76 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 278
* guid:
* status: publish
* publié le: <2012-08-31 20:49:52>
* modifié: <2016-07-26 08:36:20>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## processus com.motorola.service.main s'est arrêté
ceci~estduhtml~
Le defy c'est trop génial, enfin un téléphone avec lequel vous pouvez surfer sur le net meme sous la douche ou dans la piscine pendant vos vacances, grâce à ses deux capuchons étanches sur la prise micro usb et jack 3mm ainsi que son blindage au normes IP67. ((
=> https://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg https://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg
||un des rares smartphones étanches en vraie submersion )) Mon motorola Defy + m'affichait régulièrement cette erreur depuis quelques temps Cette erreur apparait aussi sur d'autres modèles de stupidphones. > Désolé le processus com.motorola.service.main s'est arrêté de façon inopinée, veuillez réessayer
Pour venir à bout de cette erreur qui plope toutes les cinq minutes quand vous utilisez votre téléphone, il faut enlever les mises à jour de gmail. C'est une chose faisable avec l'application [Android Assistant|
=> https://play.google.com/store/apps/details?id=com.advancedprocessmanager&amp;hl=fr https://play.google.com/store/apps/details?id=com.advancedprocessmanager&hl=fr
].
!!!Syncronisation Ce qui est fort pratique avec le play store c'est que vous pouvez installer, mettre à jour ou désinstaller les applications de votre téléphone à distance si vous avez un compte google. Notez que certaines applis de base ne peuvent être désinstallées aussi facilement, il faut avoir rooté votre téléphone pour cela.
Le root n'est pas illégal, il vous fait perdre votre garantie constructeur.
!!!Des applis super bien Silent time Data On/off Easy Uninstaller Autorun Manager Fid Me Vianavigo si vous habitez la région parisienne.
!!!utiliser son téléphone comme modem. Pratique si vous être quelqu'un de nomade équipé d'un ordi portable ou d'une tablette.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: 18cdc15c-eeab-482d-875d-b95a4d9abb28 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 277
* guid:
* status: publish
* publié le: <2012-09-12 12:32:09>
* modifié: <2012-09-12 13:41:03>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## tuto - Comment créer un plugin jQuery
ceci~estduhtml~
<iframe height="6500" width="510" scrolling="yes" style="margin-left: 0;" border="0" src="
=> https://tykayn.fr/wp-content/uploads/i/2012/09septembre/informageek/index.htm https://tykayn.fr/wp-content/uploads/i/2012/09septembre/informageek/index.htm
"></iframe>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,291 @@
--------------------------------------------------------------------------------
id: a8f3fb78-c1a4-42bf-afe5-d023b1d350fe title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 276
* guid:
* status: publish
* publié le: <2012-09-12 13:20:00>
* modifié: <2014-03-19 13:02:48>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## tutoriel de plugin jQuery {#tutoriel-de-plugin-jquery-1}
=> https://img2.websourcing.fr/files/2010/01/jquery-1-4-500x218.jpg [IMG]
Alors comme ça petit padawan tu aimerais créer un plugin javascript pour cette merveilleuse librairie de fonctions? Voici un tutoriel fort inspiré de
=> https://docs.jquery.com/Plugins/Authoring la documentation officielle sur les plugins jQuery en Anglais.
Prêts à profiter du meilleur de jQuery et gagner un maximum de temps en développement pour davantage de sociabilité? Suivez le guide.
### Pour commencer son plugin
Pour éviter que notre super plugin n'entre en conflit avec d'autres plugins utilisant le signe dollar il vaut mieux passer jQuery en fonction auto invoquée (Immediately-Invoked Function Expression , ou IIFE).
``` example
(function( $ ) { $.fn.monSuperPlugin = function() {
// les instructions trop bien ici 
};
})( jQuery );
```
### Le contexte
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 donc pas besoin d'entourer *this* par les parenthèses du sélécteur jQuery dans ce contexte.
``` example
function( $ ) { $.fn.monSuperPlugin = function() {
// les instructions trop bien ici
this.fadeIn('normal', function(){
// le mot clé this est un élément du DOM
}); }; })( jQuery );
```
pour actionner notre plugin on pourra donc l'appeler ainsi sur un #element de votre choix ou plusieurs grâce à la puissance des sélecteurs CSS.
``` example
$('#element').myPlugin();
```
### Les bases
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.
``` example
(function( $ ){ $.fn.hauteurMax = function() {
var max = 0;
this.each(function() {
max = Math.max( max, $(this).height() );
});
return max; 
}; })( jQuery );
var tallest = $('div').hauteurMax();
```
Ceci donne à la variable *tallest* la valeur de la div la plus haute de la page.
### Maintenir la continuité
L'exemple précédent retourne un nombre entier, mais bien souvent le but d'un plugin est de modifier un jeu d'éléments et de les passer à la méthode suivante dans la chaîne de fonctions. C'est ce qui fait la beauté du design de jQuery et explique sa popularité. Donc, pour 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*.
``` example
(function( $ ){ $.fn.verrouTailles = function( type ) {
return this.each(function() {
var $this = $(this);
if ( !type || type == 'width' ) {
$this.width( $this.width()
);
}
if ( !type || type == 'height' ) {
$this.height( $this.height() );
} 
}); 
}; 
})( jQuery );
```
Ce plugin associe la largeur et la hauteur actuelle de chaque élément du jeu sélectionné. Il sera ajouté dans le HTML de la page un attribut *width* et *height* à chaque balise ainsi sélectionnée. Nous pouvons donc y mettre une autre méthode à la suite, comme *css()*. Et pour le mettre en place dans une chaîne:
``` example
$('div').verrouTailles('width').css('color', 'red');
```
Parce que le mot clé this est retourné dans la lunette de script du plugin, la continuité est maintenue. Aussi, nous pouvons mettre des options et des choix par défaut dans nos plugins.
### Options et défauts
Les configurations par défaut peuvent être étendues avec $.extend
=> https://docs.jquery.com/Utilities/jQuery.extend https://docs.jquery.com/Utilities/jQuery.extend
quand le plugin est invoqué. **jQuery.extend( cible [, objet1] [, objetN])** extend sert à fusionner le contenu de plusieurs objets dans le premier objet. Au lieu d'invoquer un plugin avec un grand nombre d'arguments, vous pouvez passer un seul objet des options que vous voulez modifier en argument.
``` 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 });
};
})( jQuery );
```
ce qui donne en pratique avec une option définie dans un objet:
``` example
$('div').tooltip({ 'location' : 'left' });
```
Dans cet exemple, après avoir appelé le plugin *tooltip* avec les options choisies, la localisation par défaut /top/devient réécrite en *left*, alors que la configuration de couleur d'arrière plan reste *bleue* car elle n'a pas été spécifiée. la config *settings* de l'objet devient donc comme ceci:
``` example
{
'location' : 'left',
'background-color' : 'blue'
}
```
C'est une bonne pratique et un très bon moyen de rendre un plugin configurable sans avoir besoin de donner toutes les options à chaque fois.
### Espace de noms
Choisir un espace de nommage est un moyen idéal pour éviter qu'un autre plugin chargé sur la même page ne vienne remplacer le notre ou le 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 voir. Mais cette fois nous donnons par défaut non pas de simples variables mais des noms associés à des méthodes.
``` example
(function( $ ){
var methods = { init : function( options ) {
// THIS
},
show : function( ) {
// IS
},
hide : function( ) {
// GOOD
},
update : function( content ) {
// !!!
} };
$.fn.tooltip = function( method ) {
// logique d'appel de méthode
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
}
else { $.error( 'La Méthode ' + method + ' n'existe pas dans jQuery.tooltip' ); } };
})( jQuery );
// appelle la méthode initiatrice
$('div').tooltip();
// appelle la méthode initiatrice avec une option
$('div').tooltip({ foo : 'bar' });
// appelle la méthode hide
$('div').tooltip('hide');
// appelle la méthode update avec une option
$('div').tooltip('update', 'This is the new tooltip content!');
```
c'est une façon standard d'encapsuler ses méthodes de plugins dans la communauté jQuery, c'est aussi le cas pour jQueryUI.
=> https://jqueryui.com/ https://jqueryui.com/
1.
Évènements
la méthode *bind()* permet de donner un espace de nom à des évènements liés. Si votre plugin lie un évènement, c'est une bonne pratique de lui donner un espace de nom. ainsi, si vous avez besoin de le délier avec *unbind()* sans interférer avec les autres évènements qui pourraient avoir été liés avec le même type d'évènement. Vous pouvez ajouter le nom de l'espace *nom~denamespace~* au type d'évènement que vous liez, comme ceci.
``` example
(function( $ ){
var methods = {
init : function( options ) {
return this.each(function(){
$(window).bind('resize.tooltip', methods.reposition); }); },
destroy : function( ) {
return this.each(function(){ $(window).unbind('.tooltip');
})%% },
reposition : function( ) {
// ...
},
show : function( ) {
// ...
}, hide : function( ) {
// ...
}, update : function( content ) {
// ...
} };
$.fn.tooltip = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
}
else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
}
else {
$.error( 'Method ' + method + ' does not exist on jQuery.tooltip' ); } };
})( jQuery );
$('#fun').tooltip();
// et un peu plus tard...
$('#fun').tooltip('destroy');
```
Dans cet exemple, quand tooltip est initialisé avec la méthode *init* la méthode *reposition* est liée à l'évènement de redimension de la fenêtre sous l'espace de nom *tooltip*. Plus loin, si le développeur a besoin de détruire tooltip, nous pouvons délier les évènements liés à ce plugin en lui passant le nom de l'espace, ici tooltip, à la méthode *unbind*. Cela 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
Quand nous avons besoin de maintenir un état ou de vérifier que notre plugin a été initialisé sur un certain élément, la méthode jQuery *data* est un très bon moyen de garder une trace des variables sur les éléments. Cependant, au lieu de garder une trace de quelques appels de données séparés avec des noms différents, il vaut mieux utiliser un objet pour héberger toutes les variables et accéder à cet objet par un seul espace de nom.
``` example
(function( $ ){ var methods = { init : function( options ) {
return this.each(function(){
var $this = $(this),
data = $this.data('tooltip'),
tooltip = $('',
{ text : $this.attr('title') }); // si le plugin n'a pas encore été initialisé
if ( ! data ) {
/* faire des trucs ici */
$(this).data('tooltip', { target : $this, tooltip : tooltip });
}
}); },
destroy : function( ) { return this.each(function(){ var $this = $(this), data = $this.data('tooltip');
// Namespacing FTW
$(window).unbind('.tooltip');
data.tooltip.remove();
$this.removeData('tooltip');
}) },
reposition : function( ) {
// ...
},
show : function( ) {
// ...
},
hide : function( ) {
// ...
},
update : function( content ) {
// ...
} };
$.fn.tooltip = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
}
else {
$.error( 'Method ' + method + ' does not exist on jQuery.tooltip' );
} };
})( jQuery );
```
### Résumé et meilleures pratiques
Écrire des plugins jQuery vous permet à tirer le meilleur profit de la bibliothèque et abstraire vos plus intelligentes et utiles fonctions à travers un code réutilisable pouvant vous faire faire un grand gain de temps et rendre votre développement encore plus efficace. Voici un bref résumé de cet article et ce que vous devez garder à l'esprit quand vous développerez votre prochain plugin jQuery:
* Entourez toujours votre plugin par l'auto invocation: (function( $ ){ ** 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
=> https://paulirish.com Paul Irish
un des auteurs de
=> https://html5boilerplate.com Boiler Plate
, consulter
=> https://code.jquery.com/jquery.js la source commentée de jQuery
pour comprendre comment elle fonctionne est un excellent moyen d'apprendre à manier le javascript en profondeur et développer ses propres solutions.
=> https://code.jquery.com/jquery.js https://code.jquery.com/jquery.js
Mettez la en marque page :) à vous de jouer maintenant!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: 53680e6f-3f21-4585-8b37-8ffb2a80dbe4 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 275
* guid:
* status: publish
* publié le: <2012-09-17 16:28:37>
* modifié: <2012-09-17 16:31:20>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## bill gates VS steve jobs {#bill-gates-vs-steve-jobs-1}
ceci~estduhtml~
<a href="
=> https://gizmodo.com/5028895/index.php?op=showcustomobject&amp;postId=5028895&amp;item=0 https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0
"><img src="
=> https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png
" alt="" /></a>#+begin~src~ shell
choisissez votre combattant dans <a href="
=> https://gizmodo.com/5028895/index.php?op=showcustomobject&amp;postId=5028895&amp;item=0 https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0
">ce merveilleux jeu flash</a> et bousillez la tête du gourou de apple ou de microsoft à coup de clichés comme bon vous semble dans ce jeu de combat qui ne manque pas de piquant :3 Enjoyez!
```{=org}
#+begin_src shell
```
trouvé chez <a href="
=> https://gizmodo.com https://gizmodo.com
">gizmodo</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,62 @@
--------------------------------------------------------------------------------
id: fba3d48f-9cdc-4639-89a7-d138581caafd title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 274
* guid:
* status: publish
* publié le: <2012-12-08 19:22:48>
* modifié: <2012-12-08 19:27:10>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Tethering Android 2 {#tethering-android-2-1}
ceci~estduhtml~
<img src="
=> https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg
" alt="tethering" width="500" />
Le tethering (point d'accès mobile) c'est merveilleux, ça permet de faire profiter de votre connexion internet à d'autres périphériques, comme si c'était un modèle. Par chance depuis Android 2.3 tous les téléphones ayant cet OS en sont équipés.
Possédant un motorola defy + avec Android 2.3.6 , je me faisais une joie de pouvoir avoir le net en grand sur ma tablette <a hreflang="fr" href="
=> https://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html https://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html
">Iconia tab a700</a>, <strong>pendant mes déplacements</strong> grâce à mon abbonnement 3G illimité chez Free pour presque 20€ par mois. Mais j'ai dû me heurter à un souci de compatibilité qui faisait que pour une raison inconnue, je n'avais pas accès a internet sur ma tablette, quand bien même la connexion entre les deux périphériques sans fil se faisait. Confirmée par l'icone verte en haut de mon tel et sur la tablette.
Après moults essais de trouver des gens compétents sur le forum de korben.info, et de free mobile j'ai chatté avec la hotline de Acer. Il fallait configurer la configuration APN de mon téléphone (rien à voir avec Appareil Photo Numérique, il s'agit d<em>'Access Point Name</em>) en lui rajoutant un bout de texte.
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:
<strong>Paramètres , réseaux mobiles, noms point d'accès, free (si vous avez free), type d'APN</strong>
<blockquote>,dun
</blockquote> (si si, ",dun" avec la virgule avant) et en sauvegardant les modifications. ce qui fait donc en tout
<blockquote>default,supl,mms,dun
</blockquote> 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!
sur ce, je vous souhaite un bon tethering :)
<blockquote><em>Un modem attaché (en anglais «&nbsp;tethered modem ») est un appareil qui donne à un autre appareil l'accès à Internet. Généralement portatif (mobile), ce dispositif agit comme un modem et connecte un ordinateur à l'internet au moyen d'une communication par câble (par exemple USB) ou sans fil (comme bluetooth ou wifi). Le plus souvent, le modem attaché est un téléphone mobile partageant un accès Internet avec un ordinateur portable. Le partage de la connexion Internet avec un modem attaché est communément appelée «&nbsp;tethering&nbsp;» en anglais1.
</em>
</blockquote>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: 43ecc63c-5410-4356-a559-94cf755c2747 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 273
* guid:
* status: publish
* publié le: <2013-02-08 12:55:27>
* modifié: <2013-02-08 12:56:51>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## cache manifest {#cache-manifest-1}
ceci~estduhtml~
<img src="
=> https://rawkes.com/media/images/HTML5rawkes.png https://rawkes.com/media/images/HTML5rawkes.png
" alt="" width"500"="" />
Manifestement, le HTML 5 c'est bien. moi qui me demandais comment gérer les sites web avec le réseau pourri du métro et si on pourrait voir nos sites même sans réseau entre deux tunnels. Voici la solution: <a href="
=> https://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest https://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest
" hreflang="fr" title="tuto cache manifest">les manifestes de cache</a>.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,57 @@
--------------------------------------------------------------------------------
id: 8146a435-ecbe-4ca2-a97f-09028ba88965 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 272
* guid:
* status: publish
* publié le: <2013-02-21 13:55:47>
* modifié: <2013-02-21 13:57:15>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## wampserveur 403 forbidden {#wampserveur-403-forbidden-1}
ceci~estduhtml~
<img src="
=> https://www.alternative.free.fr/blog/images/wampserver_logo.png https://www.alternative.free.fr/blog/images/wampserver_logo.png
" alt="icone wamp" style="display:block; margin:0 auto;" />
```{=org}
#+begin_src shell
```
Vous venez d'installer Wampserver sur votre ordi tout neuf. Vous le lancez tranquillement, l'icone est verte.Mais en arrivant sur
=> https://localhost https://localhost
il vous fait une jolie erreur 403 Forbidden access. C'est parce que quelqu'un s'est empalé dans la config du fichier httpd.conf.
<pre>Mais n'ayez crainte, c'est juste que vous n'avez pas autorisé tout le monde a accéder au bouzin.</pre>
allez dans le fichier httpd.conf: (avec un click droit sur l'icone wamp, menu Apache), puis trouvez ces lignes:
<pre> <Directory &quot;c:/wamp/www/&quot;>
Options Indexes FollowSymLinks
AllowOverride all
Deny from all Allow from all Order Deny,Allow </Directory> </pre>
les lignes:
<pre> Allow from all Order Deny,Allow </pre>
sont sans doute différente, et c'est ça qui facilite le transit intestinal. sauvegardez le fichier. relancez wamp, Enjoyez!
ceci m'a aidé:
=> https://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration https://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 3b7f9b1a-6646-484d-806e-af4f16bacd54 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 271
* guid:
* status: publish
* publié le: <2013-05-02 06:47:40>
* modifié: <2013-05-02 06:47:40>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Comment tuer git {#comment-tuer-git-1}
ceci~estduhtml~
Pour tuer git, entrez la commande suivante dans un terminal#+begin~src~ shell
<blockquote>$ git commit suicide </blockquote>
MUHOHOHO!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,43 @@
--------------------------------------------------------------------------------
id: e17d72d1-c0ca-4ee6-bd55-8c0676511fd9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 270
* guid:
* status: publish
* publié le: <2013-05-02 14:00:46>
* modifié: <2013-05-02 14:00:46>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Une autre époque
ceci~estduhtml~
``` html
<br _moz_editor_blogus_node="TRUE" _moz_dirty="" />
<hr>Un peu de Québecois dans ce fuking blog, voici en image ce que constitue la rupture technologique actuelle. Des gens agés face a des objets modernes.
<iframe width="560" height="315" src="https://www.youtube.com/embed/2GOBuAGdaPU" frameborder="0" allowfullscreen></iframe>
"c'est fancy" "c'est un miroir pour connaitre nos pensées"
Des enfants face a des objets de moins de 30 ans.
<iframe frameborder="0" width="480" height="276" src="https://www.dailymotion.com/embed/video/xg7hx1"></iframe>
<a href="https://www.dailymotion.com/video/xg7hx1_une-disquette-cest-quoi-ca_tech" target="_blank">Une disquette ? Cest quoi &ccedil;a</a> <i>par <a href="https://www.dailymotion.com/Suchablog" target="_blank">Suchablog</a></i>
une disquette, c'est quoi ça ?
Ne rions pas, certains souffrent d'ipadite.
<object width="640" height="472"><param name="movie" value="https://www.bbc.co.uk/emp/external/player.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><param name="FlashVars" value="config_settings_showUpdatedInFooter=true&config_settings_showFullScreenButton=true&config_settings_showPopoutButton=false&config_settings_bitrateCeiling=1000&playlist=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Fplaylist%2Fp00fx5v7%2Exml&config_settings_skin=black&config=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Femp%2Fempconfig%2Exml&config_settings_showFooter=true&"></param><embed src="https://www.bbc.co.uk/emp/external/player.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="472" FlashVars="config_settings_showUpdatedInFooter=true&config_settings_showFullScreenButton=true&config_settings_showPopoutButton=false&config_settings_bitrateCeiling=1000&playlist=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Fplaylist%2Fp00fx5v7%2Exml&config_settings_skin=black&config=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Femp%2Fempconfig%2Exml&config_settings_showFooter=true&"></embed></object>
ho ho hohohooo!
```
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,50 @@
--------------------------------------------------------------------------------
id: 02461b73-8ac9-4ac3-b185-2f449f920b7f title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 269
* guid:
* status: publish
* publié le: <2013-05-03 07:32:24>
* modifié: <2013-05-03 07:32:24>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## skype sous linux - debian 6.0
ceci~estduhtml~
<br ~mozeditorblogusnode~="TRUE" ~mozdirty~="" /> <hr><img src="
=> https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg
" alt="" /><br ~mozeditorblogusnode~="TRUE" ~mozdirty~="" />
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&nbsp;<span style="font-family: 'Courier New', Courier, monospace; font-size: 1.1em; background-color: rgb(245, 246, 247); line-height: 2em;"><em>ia32-libs</em>&nbsp;et <em>ia32-libs-gtk</em></span>
<pre style="border: 1px solid rgb(210, 211, 215); background-color: rgb(245, 246, 247); padding: 1em; font-family: monospace; word-wrap: break-word; margin: 2em 1.5em; outline: 0; font-size: 12.800000190734863px; vertical-align: baseline; overflow: auto; line-height: 2em;"># apt-get install ia32-libs ia32-libs-gtk</pre>
De télécharger&nbsp;<a href="
=> https://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb https://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb
" title="skype-debian~4~.0.0.7-1~i386~.deb">skype-debian~4~.0.0.7-1~i386~.deb</a>
et de l'installer avec la commande
<pre style="border: 1px solid rgb(210, 211, 215); background-color: rgb(245, 246, 247); padding: 1em; font-family: monospace; word-wrap: break-word; margin: 2em 1.5em; outline: 0; font-size: 12.800000190734863px; vertical-align: baseline; overflow: auto; line-height: 2em;"># dpkg -i --force-architecture skype-debian~4~.0.0.7-1~i386~.deb</pre>
et tadaaam!
trouvé sur <a href="
=> https://wiki.debian.org/skype https://wiki.debian.org/skype
" hreflang="en">le wiki debian</a> en Anglais
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: 83958324-e37b-4811-b120-a30c924af434 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 268
* guid:
* status: publish
* publié le: <2013-05-03 13:57:33>
* modifié: <2013-05-03 13:57:33>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Problème avec le sélecteur CSS :last-child
ceci~estduhtml~
<img src="
=> https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png
" alt="" />#+begin~src~ shell
Peut être vous êtes vous déjà demandé pourquoi votre sélecteur :last-child ne ciblait pas le dernier élément de la classe que vous lui avez passé. Nous avons explication: c'est parce que ce sélecteur se base sur l'élément où s'applique la classe, et qu'il choisit le dernier élément. Admettons que nous ayons ce code HTML
<pre> <nav> <div class=&quot;panel&quot;>mon item</div> <div class=&quot;panel&quot;>mon item 2</div> <div class=&quot;panel&quot;>mon item 3</div> <div class=&quot;panel&quot;>mon item 4</div> <div class=&quot;clear&quot;></div> </nav> </pre>
et ce code CSS pour avoir en fond rouge le derner .panel.
<pre> .panel:last-child{ background: red; }
</pre>
Surprise, aucun élément .panel n'a de fond rouge, et surtout pas le dernier (4e enfant de <nav>). Il semblerait que c'est un bug CSS non résolu à ce jour, et que comme le dernier div n'est pas de la class panel, il ne soit ciblé, et ne renvoie pas un test concluant. Donc, n'applique pas le style demandé.#+begin~src~ shell
Et oui jammy, même dans Chrome supportant parfaitement le CSS3. Cependant, je suis toute ouïe si vous avez une meilleure explication.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,72 @@
--------------------------------------------------------------------------------
id: 10ca20f6-2127-4f32-bd70-b04536e6cc52 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 267
* guid:
* status: publish
* publié le: <2013-05-12 21:30:30>
* modifié: <2013-05-13 09:52:37>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## git it, git it, no one wants to be defeated {#git-it-git-it-no-one-wants-to-be-defeated-1}
ceci~estduhtml~
Parfois je rangerai bien des tas de choses, du style mes fringues, avec un git stash. <a href="
=> https://git-scm.com/book/fr/ https://git-scm.com/book/fr/
"><img src="
=> https://git-scm.com/images/books/pro-git@2x.jpg https://git-scm.com/images/books/pro-git@2x.jpg
" alt="git pro book" style="display:block; margin:0 auto;" /></a> Si ça ne vous parle pas du tout mais que vous vous intéressez a git tout en étant un parfait noob, je vous recommande la lecture de <a href="
=> https://git-scm.com/book/fr/ https://git-scm.com/book/fr/
">ce superbe livre intégral et en français sur l'utilisation de git, Git pro</a>. Vous pouvez aussi le trouver au format papier.#+begin~src~ shell
<h3>Au programme:</h3>
<h4>1. Démarrage rapide</h4>
1.1 À propos de la gestion de version 1.2 Une rapide histoire de Git 1.3 Rudiments de Git 1.4 Installation de Git 1.5 Paramétrage à la première utilisation de Git 1.6 Obtenir de l'aide 1.7 Résumé
<h4>2. Les bases de Git</h4>
2.1 Démarrer un dépôt Git 2.2 Enregistrer des modifications dans le dépôt 2.3 Visualiser l'historique des validations 2.4 Annuler des actions 2.5 Travailler avec des dépôts distants 2.6 Étiquetage 2.7 Trucs et astuces 2.8 Résumé
<h4>3. Les branches avec Git</h4>
3.1 Ce qu'est une branche 3.2 Brancher et fusionner&nbsp;: les bases 3.3 Gestion de branches 3.4 Travailler avec les branches 3.5 Les branches distantes 3.6 Rebaser 3.7 Résumé
<h4>4. Git sur le serveur</h4>
4.1 Protocoles 4.2 Installation de Git sur un serveur 4.3 Génération des clés publiques SSH 4.4 Mise en place du serveur 4.5 Accès public 4.6 GitWeb 4.7 Gitosis 4.8 Gitolite 4.9 Le daemon Git 4.10 Git hébergé 4.11 Résumé
<h4>5. Git distribué</h4>
5.1 Développements distribués 5.2 Contribution à un projet 5.3 Maintenance d'un projet 5.4 Résumé
<h4>6. Utilitaires Git</h4>
6.1 Sélection des versions 6.2 Indexation interactive 6.3 Le remisage 6.4 Réécrire l'historique 6.5 Deboguer avec Git 6.6 Sous-modules 6.7 Fusion de sous-arborescences 6.8 Résumé
<h4>7. Personnalisation de Git</h4>
7.1 Configuration de Git 7.2 Attributs Git 7.3 Crochets Git 7.4 Exemple de politique gérée par Git 7.5 Résumé
<h4>8. Git et les autres systèmes</h4>
8.1 Git et Subversion 8.2 Migrer sur Git 8.3 Résumé
<h4>9. Les tripes de Git</h4>
9.1 Plomberie et porcelaine 9.2 Les objets Git 9.3 Références Git 9.4 Fichiers groupés 9.5 Les références spécifiques 9.6 Protocoles de transfert 9.7 Maintenance et récupération de données 9.8 Résumé Index of Commands#+begin~src~ shell
De quoi tout savoir du plus puissant des gestionnaires de version. Have fun!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,44 @@
--------------------------------------------------------------------------------
id: e5c75b61-6bd0-49b5-98cf-6482faaac235 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 265
* guid:
* status: publish
* publié le: <2013-06-05 09:11:07>
* modifié: <2013-06-06 19:39:08>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Faire durer 4 jours d'autonomie un Galaxy S3
ceci~estduhtml~
Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et je l'ai fait.
<pre>Preuve en image.</pre>
<a href="
=> https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05 https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05
20.35.39.png"><img src="
=> https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05 https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05
20.35.39.png" alt="android galaxy s3 batterie longue duree 4 jours et demi 2013 06 05 20.35.39" style="display:block; margin:0 auto;" /></a>#+begin~src~ shell
Premièrement: se payer 15 euros une batterie ayant 4500 mAh au lieu de 2200 de base. La batterie en question trouvée sur amazon ne possède pas de puce nfc, mais spa grave. Livrée avec coque elle permet de placer la batterie qui fait gagner en épaisseur et en poids au S3, mais c'est pas plus mal, surtout pour la prise en main qui se retrouve facilitée avec les courbes à l'arrière. Pratique pour manipuler à une seule main, ce qui arrive plus souvent qu'on ne le croit.
<ul> <li>Désactiver la connexion de données,</li> <li>Désactiver les mises a jour automatiques des applications,</li> <li>ne plus utiliser le tel aux chiottes :D</li> </ul>
Pour arriver à ça je ne me suis pas privé de l'utiliser pourtant. J'ai donc pu: regarder des <a href="
=> https://play.google.com/store/apps/details?id=com.ted.android&amp;feature=search_result#?t=W251bGwsMSwyLDEsImNvbS50ZWQuYW5kcm9pZCJd https://play.google.com/store/apps/details?id=com.ted.android&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS50ZWQuYW5kcm9pZCJd
">vidéos conférences de TED</a> (téléchargées par wifi) dans les transports en commun, soit près de 2 heures sur les 4 jours, écouter de la musique sur écouteur, utiliser le GPS + musique en faisant du vélo pendant 25 minutes. utiliser le GPS en voiture pendant 20 minutes. téléphoner environ 25 minutes.#+begin~src~ shell
Surtout ça consiste en attendre quelques minutes d'être a son poste au boulot pour checker quelques trucs que l'on regarde habituellement sur son mobile. Et désactiver les données c'est très bien, surtout que dans le métro c'est vraiment un coup de bol si on a du réseau de données. Et hop! Autonomie de fifou!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,29 @@
--------------------------------------------------------------------------------
id: 7ddf00f1-f940-4156-9306-763a3379e07f title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 264
* guid:
* status: publish
* publié le: <2013-06-06 19:58:19>
* modifié: <2013-06-06 20:01:24>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Clavier lumineux {#clavier-lumineux-1}
Jusqu'à présent, ce qui me faisait toujours réaménager mon intérieur c'était le souci d'avoir un bon éclairag, assez puissant pour éclairer mon clavier mais pas trop méchant non plus pour ne pas me ruiner les yeux. Je me suis donc lancé dans le clavier sans fil pas trop cher, (70€) mais lumineux. Logitech a fait de la bonne avec son K800 et c'est un vrai plaisir. Faudrait juste qu'un jour ils se décident à faire des emballages autrement qu'avec une présentation qwerty.
=> 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.
=> 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!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 2cea997c-111a-46a5-9fa3-950589e7c6d4 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 263
* guid:
* status: publish
* publié le: <2013-06-06 20:02:18>
* modifié: <2013-06-06 20:03:14>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## mangez des pommes {#mangez-des-pommes-1}
ceci~estduhtml~
<a href="
=> https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05 https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05
10.41.24.jpg"><img src="
=> https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05 https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05
10.41.24.jpg" alt="macbook air a la pomme 2013 06 05 10.41.24 , une pomme sur un mac book air" style="display:block; margin:0 auto;" /></a> Voilà, c'était la connerie du jour au boulot. Eh ouais, on est des gros dingues.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 00317e31-7199-47c0-9432-8999201ea121 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 262
* guid:
* status: publish
* publié le: <2013-06-06 20:04:12>
* modifié: <2021-09-16 11:20:57>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Navigo c'est pas toujours facile
ceci~estduhtml~
<a href="
=> https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24 https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24
09.03.23.jpg"><img style="display: block; margin: 0 auto;" src="
=> https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24 https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24
09.03.23.jpg" alt="ratp fail de navigo 2013 04 24 09.03.23" /></a> si on veut valider, y'a des fois on est vraiment pas aidés :D
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,52 @@
--------------------------------------------------------------------------------
id: 4e3d6118-a611-4652-a4a1-fc690fb37270 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 261
* guid:
* status: publish
* publié le: <2013-07-25 13:25:46>
* modifié: <2013-07-25 13:28:01>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Redirection dotclear {#redirection-dotclear-1}
ceci~estduhtml~
<a href="
=> https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214 https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214
"><img src="
=> https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg
" alt="Discouragement Redirection Cube" style="display:block; margin:0 auto;" /></a>#+begin~src~ shell
Si comme moi vous avez déménagé un blog Dotclear vers un nouveau serveur et que vous ne souhaitez pas perdre vos anciens liens, lecteurs et autres joies du référencement il convient de faire une redirection permanente de tous les liens envoyés à l'index.php de Dotclear.#+begin~src~ shell
éditez donc ce fichier et rajoutez y ce code avec vos infos perso.
<pre> <?php function curPageURL() { $pageURL = 'http'; if ($~SERVER~[&quot;HTTPS&quot;] == &quot;on&quot;) {$pageURL .= &quot;s&quot;;} $pageURL .= &quot;://&quot;; if ($~SERVER~[&quot;SERVER~PORT~&quot;] != &quot;80&quot;) { $pageURL .= $~SERVER~[&quot;SERVER~NAME~&quot;].&quot;:&quot;.$~SERVER~[&quot;SERVER~PORT~&quot;].$~SERVER~[&quot;REQUEST~URI~&quot;]; } else { $pageURL .= $~SERVER~[&quot;SERVER~NAME~&quot;].$~SERVER~[&quot;REQUEST~URI~&quot;]; } return $pageURL; }
$mystring = curPageURL(); $findme = 'index.php/post'; $pos = strpos($mystring, $findme);
if( $pos ){ //pour remplacer la nouvelle façon d'écrire le chemin vers l'index et les posts // bien sûr au lieu de tykay.free.fr et tykayn.fr il faut mettre ce code en fonction de vos informations persos $newurl = str~replace~('
=> https://tykayn.fr https://tykayn.fr
','
=> https://tykayn.fr/?post https://tykayn.fr/?post
',curPageURL()); } else{ $newurl = str~replace~('
=> https://tykay.free.fr https://tykay.free.fr
','
=> https://tykayn.fr https://tykayn.fr
',curPageURL()); }
//echo $newurl; // Permanent redirection header(&quot;HTTP/1.1 301 Moved Permanently&quot;); header(&quot;Location: $newurl&quot;); ?> </pre>
Et voilou! Enjoy
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,48 @@
--------------------------------------------------------------------------------
id: 14cc7f84-8487-470b-8108-a9435bea9bee title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 260
* guid:
* status: publish
* publié le: <2013-07-29 14:25:57>
* modifié: <2013-07-29 14:25:57>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Créer des alias de commande windows 7
ceci~estduhtml~
<a href="
=> https://iflock.deviantart.com/art/Shell-64171812 https://iflock.deviantart.com/art/Shell-64171812
"><img src="
=> https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg
" alt="Shell" style="display:block; margin:0 auto;" /></a> Vous voulez éviter de taper des changement de dossier dans votre console? Faite un ctrl + click droit dans le dossier désiré et cliquez sur "ouvrir un terminal ici".#+begin~src~ shell
Pour s'éviter de taper plein de fois une commande dans windows 7 il vous faudra créer un fichier autorun.bet dans votre dossier personnel Pour moi ça donne:
<blockquote>C:`\Users`{=latex}`\tykayn`{=latex} </blockquote>
et bidouiller le registre.#+begin~src~ shell
Voici le contenu de mon fichier autorun.bat:#+begin~src~ shell
<blockquote>@ECHO OFF doskey ls=dir /b $* doskey ll=dir $* doskey cat=type $* doskey ..=cd.. doskey grep=find "$1" $2 doskey mv=ren $* doskey rm=del $* doskey sf=php app/console $* </blockquote>
Ces alias reprennent les commandes unix et la dernière concerne symfony2#+begin~src~ shell
(touche windows, écrivez regedit, appuyez sur entrée et vous voilà dans l'éditeur de registre. Naviguez dans&nbsp;: HKEY~CURRENTUSER~ > Software > Microsoft > Command Processor click droit, nouveau > valeur chaîne Appellez la <strong>Autorun</strong> faites entrée, click droit dessus, modifiez sa valeur à ceci#+begin~src~ shell
<blockquote>%USERPROFILE%`\autorun`{=latex}.bat </blockquote>
Et voilà, les prochianes consoles windows que vous ouvrirez contiendront votre fichier autorun.bat avec ses alias. Voilou, enjoy!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,36 @@
--------------------------------------------------------------------------------
id: 64636dd8-34d0-4e53-8c69-34c278fb8ed1 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 259
* guid:
* status: publish
* publié le: <2013-08-14 13:00:55>
* modifié: <2018-09-24 17:25:23>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Les illétrés technologiques que nous sommes
ceci~estduhtml~
<a href="
=> https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs
"><img style="display: block; margin: 0 auto;" src="
=> https://lunatopia.fr/img/blog/telephone_fisher_price.jpg https://lunatopia.fr/img/blog/telephone_fisher_price.jpg
" alt="" /></a> Un récit fort intéressant de la part d'un prof d'informatique / ingé réseau Britannique / techno Papa, traduit en Français. Il nous y explique quelques cas représentant l'étendue de notre illettrisme, et pourquoi c'est important de savoir se servir des ordinateurs, quel que soit notre âge et notre rang social. Que "si on n'a rien a se reprocher on a rien à cacher" est encore omniprésent dans nos têtes, pour le pire de nos libertés. Les décideurs de lois à propos de l'informatiques sont illettrés, comme tout le monde, et ça pose de gros problèmes dans à peu près tout ce qui concerne le fonctionnement du monde actuel, ainsi que la sécurité des entreprises, mais aussi des personnes. <blockquote>L'infrastructure réseau des écoles du Royaume-Uni est tout autant à blâmer. Nous avons imité les réseaux d'entreprises, empêchant les étudiants et les professeurs d'accéder aux paramètres système, à la ligne de commande, et en réclamant des droits d'administration pour faire à peu près n'importe quoi. Ils sont assis devant un "general purpose computer" et n'ont pas la possibilité de faire de l' "informatique générale".</blockquote> Je propose comme traduction de "general purpose computer", un ordinateur à tout faire, ou un ordi normal, basique. <blockquote>C'est fantastique que tout le monde, du plus petit des enfants au plus vieux des grand-parents puissent maintenant utiliser un ordinateur avec absolument aucune connaissance technique, mais c'est aussi une catastrophe. Cory Doctorow le formule mieux que moi quand il dit :
<em>Il n'y a pas d'avions, juste des ordinateurs qui volent. Il n'y a pas de voitures, juste des ordinateurs dans lesquels on s'assied. Il n'y a pas d'aides auditives, juste des ordinateurs que nous mettons dans nos oreilles.</em></blockquote> à lire en entier par ici: <a href="
=> https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs
">
=> https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,34 @@
--------------------------------------------------------------------------------
id: 89b6a098-d2cd-41ff-93ce-9e741db18a1a title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 258
* guid:
* status: publish
* publié le: <2013-10-14 08:57:45>
* modifié: <2014-05-23 10:23:13>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## rooter galaxy S3 et cyanogenmod 10 {#rooter-galaxy-s3-et-cyanogenmod-10-1}
ceci~estduhtml~
<h3>ingrédients:</h3> <ul><li>Galaxy S3.</li> <li>carte mémoire</li> <li>carte sim</li> <li>batterie</li> <li>câble usb micro.</li> </ul> <h3>à télécharger pour windows:</h3> Odin le recovery mod la rom CyanogenMod qui va bien.
<h3>plan d'action:</h3> 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 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
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,74 @@
--------------------------------------------------------------------------------
id: edbe3f72-e5c9-4716-919f-e320be4d7d54 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 257
* guid:
* status: publish
* publié le: <2013-11-26 11:29:03>
* modifié: <2015-06-23 09:36:38>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## alias symfony et git pour linux {#alias-symfony-et-git-pour-linux-1}
Les alias c'est fort pratique quand on bouffe de la ligne de commande quotidiennement. voici donc mon fichier .bash~aliases~ actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu maison. Enjoyez les commandes raccourcies!
``` shell
################ git ################
alias ci='commit';
alias co='checkout';
alias st='status';
alias br='branch';
alias gci='git commit';
alias gco='git checkout';
alias gst='git status';
alias gbr='git branch';
alias gpull='git pull origin master';
alias gpush='git push origin master';
alias glg='git log --pretty=oneline';
alias myglg='git log --pretty=oneline --author=baptiste.lemoine';
alias gaci='git add . && git commit -m ';
################ symfony2 ######################
alias sf='php app/console';
alias sfdsu='php app/console doctrine:schema:update --dump-sql';
alias sfdsuf='php app/console doctrine:schema:update --force';
alias sfcc='rm -rf app/cache/* && rm -rf app/logs/*';
alias sfdcc='sf doctrine:cache:clear-metadata && sf doctrine:cache:clear-query && sf doctrine:cache:clear-result ';
alias sfdge='php app/console doctrine:generate:entities Tykayn';
alias sfdsv='php app/console doctrine:schema:validate';
alias sfdges='php app/console doctrine:generate:entities Tykayn';
alias c7='sudo chmod 777 -R';
alias ptest='phpunit -c app';
alias composer='/usr/local/bin/composer.phar';
alias sfad='sf assetic:dump';
alias sfai='sf assets:install';
################ system - command line ################
alias bashare='source ~/.bash_aliases';
alias basha='nano ~/.bash_aliases';
alias ainstall='sudo apt-get install';
alias apacheconf='sudo nano /etc/apache2/apache2.conf';
alias tfa='tail -f /var/log/apache2/error.log';
alias aupg='sudo apt-get update && sudo apt-get upgrade';
alias toshop='wine "/media/tykayn/567A958C7A956A0F/Program Files (x86)/Adobe/Adobe Photoshop CS5/Photoshop.exe"';
alias phpini='sudo nano /etc/php5/apache2/php.ini';
```
afin que les alias fonctionnent, n'oubliez pas de resourcer votre bash avec la commande suivante:
``` shell
source ~/.bashrc
```
enjoyez!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,25 @@
--------------------------------------------------------------------------------
id: 55ec98ec-b08b-4fbd-a68a-80331723d181 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 256
* guid:
* status: publish
* publié le: <2013-11-27 22:16:04>
* modifié: <2013-11-27 22:16:52>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## décaler les sous titres dans VLC media player
=> https://alismile.deviantart.com/art/VLC-80683878 [[<https://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 merveilleux?
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,38 @@
--------------------------------------------------------------------------------
id: 39fee767-1327-40e5-b7ca-5ef37f9098cf title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 255
* guid:
* status: publish
* publié le: <2013-12-06 21:07:39>
* modifié: <2018-10-31 14:37:56>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## importer facilement sa base de données
ceci~estduhtml~
<a href="
=> https://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165 https://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165
"><img style="display: block; margin: 0 auto;" src="
=> https://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png https://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png
" alt="mySQL Dock Icon" /></a>
vous avez déjà été contrait de chercher comment contourner la limite d'upload de phpmyadmin? hébien y'a plus simple que bigdump, c'est l'utilisation de la ligne de commande pour importer un fichier. ça implique de connaitre mot de passe et utilisateur ayant les droits pour importer un fichier.
Faites un joli export de votre base sur votre wonderfoule serveur avec phpmyadmin. ou a la main, en ligne de commande après une connec en SSH. <blockquote> <pre>mysqldump -u root -p maBase &gt; maBase~backup~.sql</pre> </blockquote> choppez votre fichier .sql lancez un terminal dans le dossier où se trouve votre export de base sql, et faites la commande: <blockquote> <pre>mysql -u root -p base~ouimportersurlocalhost~ &lt; Téléchargements/mon~beaugrosbackup~.sql</pre> </blockquote> entrez le mot de passe de l'utilisateur root de mysql (en général c'est vide, il faut juste appuyer sur entrée, ça dépend comment vous avez installé mysql-server. patientez un peu si vous avez plus de 1 Mo de fichier sql. et vouala ø/
Faites gaffe si vous avez assigné des privilèges passepartout au lieu de seulement à l'hote local, ça peut vous empêcher de vous connecter malgré de bons login et mot de passe. plusse d'infos sur la doc ubuntu, très bien fournie et concise à la fois
=> https://doc.ubuntu-fr.org/mysql https://doc.ubuntu-fr.org/mysql
enjoy!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,31 @@
--------------------------------------------------------------------------------
id: 1387ab0c-16cd-4aa5-b4f5-bc06e24cfb91 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 254
* guid:
* status: publish
* publié le: <2013-12-07 20:36:55>
* modifié: <2013-12-07 20:36:55>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## afficher le jour de la semaine dans la barre d'ubuntu
=> https://mod-p.deviantart.com/art/pingoins-21851076 [[<https://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 d'ubuntu, installez le paquet **dconf-tools**
> apt-get install dconf-tools
puis lancez **dconf-editor** allez dans le menu: *com> canonical > indicator > datetime* et cochez *show-day* vous verrez vos modifications agir en temps réel. Et vouala ø/
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: 8d0a3827-93f1-47c4-8d39-37e8bed1e252 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 253
* guid:
* status: publish
* publié le: <2014-01-30 10:06:46>
* modifié: <2014-01-30 10:08:42>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## S'essayer à git pas à pas
ceci~estduhtml~
<a href="
=> https://pixelworlds.deviantart.com/art/Octocat-215284019 https://pixelworlds.deviantart.com/art/Octocat-215284019
"><img src="
=> https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg
" alt="Octocat" style="float:left; margin: 0 1em 1em 0;" /></a> un tutoriel en anglais vous propose pas à pas de comprendre les principales commandes de git avec le logo de github: l'octocat. Facile à comprendre grâce à sa représentation en fichiers et sans besoin d'installer git, il vous permettra de vous plonger dans git sans toucher à vos fichiers.#+begin~src~ shell
<a href="
=> https://try.github.io/ https://try.github.io/
" hreflang="en">
=> https://try.github.io/ https://try.github.io/
</a>#+begin~src~ shell
Si vous avez un peu plus d'expérience et que vous aimeriez comprendre (en français) pourquoi la commande git checkout fait des tas de choses différentes, je vous conseille la lecture de ce tutoriel ci: <a href="
=> https://www.miximum.fr/tutos/1546-enfin-comprendre-git https://www.miximum.fr/tutos/1546-enfin-comprendre-git
" hreflang="fr">
=> https://www.miximum.fr/tutos/1546-enfin-comprendre-git https://www.miximum.fr/tutos/1546-enfin-comprendre-git
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,34 @@
--------------------------------------------------------------------------------
id: 8921b18a-da24-405b-90cd-0307a7c7ba33 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 252
* guid:
* status: publish
* publié le: <2014-02-01 21:48:44>
* modifié: <2014-02-01 21:48:44>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Astuces pour ligne de commande Linux {#astuces-pour-ligne-de-commande-linux-1}
ceci~estduhtml~
<a href="
=> https://droneguard.deviantart.com/art/Computer-monster-110216368 https://droneguard.deviantart.com/art/Computer-monster-110216368
"><img src="
=> https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif
" alt="Computer monster" style="float:left; margin: 0 1em 1em 0;" /></a> Des astuces pour les débutants en ligne de commande, des raccourcis, des symboles magiques. Tout ce qu'il faut savoir dans ce merveilleux article de lifeHacker.com <a href="
=> https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts
" hreflang="en" title="time saving shortcuts in command line">
=> https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: 291a3211-3d94-463c-b9ac-15f9de195a66 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 251
* guid:
* status: publish
* publié le: <2014-02-12 08:28:47>
* modifié: <2014-02-12 08:29:18>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Zen coding {#zen-coding-1}
ceci~estduhtml~
<img src="
=> https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg
" alt="Bouddha and the Lotus" style="float:right; margin: 0 0 1em 1em;" /> ô développeur qui cherche à optimiser son temps, si tu aimes faire du HTML mais que son écriture, pour faire de l'intégration par exemple te semble fort fastidieuse et verbeuse, j'ai un truc 'achement bien pour toi nommé Zen coding. ça n'a rien à voir avec coder avez le nez pour des djeunz. Il s'agit d'écrire un sélecteur css, de sélectionner notre sélecteur, puis de l'étendre avec un raccourci clavier.J'utilise Netbeans comme IDE, le plugin zen coding a de base un raccourci <strong>ctrl+alt+N</strong>.#+begin~src~ shell
Tous <a href="
=> https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn
" hreflang="en">les exemples de syntaxe zen coding sont disponibles sur google code</a>.#+begin~src~ shell
Petite astuce si vous utilisez un framework css comme twitter bootstrap (ce qui est fort pratique), vous aurez souvent besoin de div avec des classes. hébien vous n'êtes même pas obligés de marquer div pour faire une <em>div</em> de classe <em>maClasse</em>. Il suffit d'écrire .maClasse et Zen coding assumera qu'il s'agit d'une div. Pareil pour les #id.#+begin~src~ shell
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.#+begin~src~ shell
Autre petite astuce pour avoir un code bien indenté, le raccourci de formattage: <strong>ctrl + maj +F</strong>. Les subtilités de reformatage sont disponibles dans les options d'édition de texte de votre IDE.#+begin~src~ shell
Wouala, que le zen soit avec vous! <a href="
=> https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg
" hreflang="en">image</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 1fc096ee-f4bc-462c-b20e-26684488a8fa title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 250
* guid:
* status: publish
* publié le: <2014-03-04 20:22:59>
* modifié: <2014-03-04 20:26:15>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Smartwatch faite maison avec l'aide de hong kong
ceci~estduhtml~
Pendant que le marché des smart watch commence à faire semblant de s'installer, j'ai préféré me monter ma propre smart watch avec un bracelet. <img src="*public/i/2014/03mars*.2014-03-04~20~-41-58~617m~.jpg" alt="2014-03-04~20~-41-58~617~.jpg" style="display:block; margin:0 auto;" title="2014-03-04~20~-41-58~617~.jpg, mar. 2014" /> Pour quoi faire&nbsp;? Ce n'est pas seulement pour se prendre pour un cyborg ou pour zieuter des séries sans se fatiguer le bras dans sa chaise longue ou dans le train, c'est pour faire un GPS quand je prends mon deux roues dans Paris pour aller à des endroits perdus du style Gare Saint Lazare. Une smart watch coûte dans les 250€ minimum, ce bracelet trouvé sur amazon et adapté au Galaxy S3&nbsp;: 3€ + 5€ de frais de port.#+begin~src~ shell
<blockquote>"On a des smart screen, des smart phones, des smart buildings, mais quand est ce qu'on aura des smart-people?" </blockquote>
En bonus, le textile élastique permet d'insérer une version du GS3 avec une batterie personnalisée si on pousse un peu. L'avantage de mettre son tel comme ça c'est de ne pas avoir a recharger un objet de plus au quotidien aussi. Le tel est protégé de la pluie, la surface transparente permet de garder le tactile de l'écran utilisable. Et le scratch rend le montage rapide. Marvellouss!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,50 @@
--------------------------------------------------------------------------------
id: b0c42731-8c61-4cf2-8d74-dd803e7a52a9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 249
* guid:
* status: publish
* publié le: <2014-03-13 13:01:03>
* modifié: <2014-03-13 13:03:09>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## poids des sélecteurs CSS
ceci~estduhtml~
<a href="
=> https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590 https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590
"><img src="
=> https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png
" alt="Journal CSS for Beginners" style="display:block; margin:0 auto;" /></a> Les sélecteurs CSS totalisent un certain score pour définir leur priorité d'exécution, comprendre cette façon de compter les points vous évitera bien des soucis dans l'héritage des styles.#+begin~src~ shell
Dans l'ordre du plus prioritaire au moins important:
<ul> <li>les sélecteurs inline ( par exemple <div style="" ></div> )</li> <li>les #id ( <div id="mon-Id" ></div> )</li> <li>les .classes ( <div class="ma-classe" ></div> )</li> <li>les <éléments> ( <div></div> )</li> </ul>
Votre navigateur, pour déterminer quel sélecteur doit avoir raison fait un tableau selon cet ordre.#+begin~src~ shell
inline | id | class | element 0 | 0 | 0 | 0#+begin~src~ shell
Quand il rencontre un sélecteur il examine de quoi il s'agit. Par exemple si j'ai ce CSS:#+begin~src~ shell
<blockquote>#patate .douce.fraiche { color&nbsp;: red; }
</blockquote>
<blockquote>.douce { color&nbsp;: blue;} </blockquote>
Le premier sélecteur comporte un ID et une classe. Il a donc ce nombre de points selon le tableau vu ci dessus: 0 | 1 | 2 | 0. C'est à dire 120 points. Le deuxième sélecteur aura juste 10 points. 120 étant supérieur a 10, c'est le premier sélecteur qui aura la priorité pour repeindre.#+begin~src~ shell
Pour plusse de trucs et astuces sur le CSS, je vous conseille le site d'Alsacréations.com et openclassrooms.com. Enjoyez.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,34 @@
--------------------------------------------------------------------------------
id: b598a1de-f9a2-4e1e-b15d-1474d25691ca title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 248
* guid:
* status: publish
* publié le: <2014-03-13 13:09:15>
* modifié: <2014-03-13 13:12:06>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## CSS split circles {#css-split-circles-1}
ceci~estduhtml~
<a href="
=> https://artlemoine.com/circles https://artlemoine.com/circles
" hreflang="fr" title="CSS circles"><img src="*public/i/2014/03mars*.Capture~du2014~-03-13~134958m~.jpg" alt="Capture~du2014~-03-13~134958~.png" style="display:block; margin:0 auto;" title="Capture~du2014~-03-13~134958~.png, mar. 2014" /></a> Pour un exercice donné par Nadir Kademe je me suis lancé dans une démo de Javascript / CSS où l'on découpe des cercles de couleur en passant le curseur dessus. Au bout d'une heure la démo n'était pas super opérationnelle, mais une heure de plus et voici la démo visible sur mon portfolio et disponible sur github, ainsi chacun peut se l'approprier et la bidouiller à loisir. possibilités: choix de mélanger les couleurs ou non avec le cercle parent. choix de couleurs plutôt claires, grises ou foncées comme batman les aime. choix de profondeur de découpe. cercles ou carrés.#+begin~src~ shell
Jouez zy donc sur artlemoine.com&nbsp;: <a href="
=> https://artlemoine.com/circles https://artlemoine.com/circles
" hreflang="fr" title="CSS circles">
=> https://artlemoine.com/circles https://artlemoine.com/circles
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: a6b1d8de-46f4-489e-8829-fd81257bc88a title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 247
* guid:
* status: publish
* publié le: <2014-03-18 20:46:51>
* modifié: <2014-03-18 20:46:51>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## a wizard installing software {#a-wizard-installing-software-1}
ceci~estduhtml~
<img src="
=> https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg
" alt="" />
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,66 @@
--------------------------------------------------------------------------------
id: f701477b-c067-449b-81e1-d2bd25978f08 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 246
* guid:
* status: publish
* publié le: <2014-04-05 10:53:16>
* modifié: <2014-04-05 10:56:02>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Perdu de recherche {#perdu-de-recherche-1}
ceci~estduhtml~
<a href="
=> https://liviavi.deviantart.com/art/Magnifier-306407861 https://liviavi.deviantart.com/art/Magnifier-306407861
"><img src="
=> https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg
" alt="Magnifier" style="display:block; margin:0 auto;" /></a> ça arrive souvent qu'on ait besoin de remplacer des choses dans un texte, mais saviez vous que le retour à la ligne, ou la tabulation sont des caractères recherchables et remplaçables?
```{=org}
#+begin_src shell
```
(Oui, le billet du jour est pour monsieur et madame michu.)
<pre> `\n`{=latex} pour la nouvelle ligne, parfois `\n`{=latex} avec le retour chariot p͡our la tabulation </pre>
Sur une page web, au lieu de passer quinze plombes à rechercher un mot sans aucune aide, n'oubliez pas le raccourci Ctrl + F, comme Find qui veut dire trouver.
```{=org}
#+begin_src shell
```
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 <a href="
=> https://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2 https://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2
" hreflang="fr">le site du zéro</a> (renommé openclassrooms) à ce propos.
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
<a href="
=> https://xkcd.com/208/ https://xkcd.com/208/
" title="
=> https://xkcd.com/208/ https://xkcd.com/208/
">
=> https://xkcd.com/208/ https://xkcd.com/208/
</a> Enjoyez!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: c7c655f9-5e8d-49cc-a4ca-daf049e8493c title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 245
* guid:
* status: publish
* publié le: <2014-04-11 15:42:09>
* modifié: <2014-04-11 18:21:28>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Raspberry Pi case en papier {#raspberry-pi-case-en-papier-1}
ceci~estduhtml~
Le raspberry pi c'est magique, un vrai ordi avec si peu de ressources électriques, et des tas d'idées pour en faire quelque chose. Des sites proposent aussi des pdf à imprimer (sans redimention) afin de se faire&nbsp;<strong>des boites a RasPi maison, en papier</strong>.
<div><img src="
=> https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg
" alt="1.jpg" title="1.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><div><div><br class="Apple-interchange-newline" />Je me suis donc emparé d'un papier photo pour qu'il soit brillant, résistant et kawaii, et me suis armé de matos. un cutter, une règle et une impression plus tard me voici prêt à découper et plier ce qui va se transformer en magnifique enveloppe à ordi.</div><div>après quelques étapes qui m'ont bien pris une dizaine de minutes...</div><img src="
=> https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg
" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><hr><img src="/public/i/2014/04avril/raspberry~picase~/4.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /> <img src="/public/i/2014/04avril/raspberry~picase~/5.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /> <div>je m'aperçois que le côté brillant de mon papier n'était pas dans le bon sens, et le placement du RasPi se révèle impossible.</div> <div>L'impression dégueu qui a bavé sur le côté bristol du papier photo me fait me dire que ça va pas être bien joli tout ça si je le tente dans l'autre sens, on verra les textes bavés.</div><div>Je balance mon paper art, et me vengerai donc sur un site de vente en ligne où j'acquière un boitier semi transparent pour la modique somme de 10€ et deux jours d'attente. heh, y'a des jours où le DIY marche du premier coup, et des jours où on a la flemme :D</div>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,42 @@
--------------------------------------------------------------------------------
id: 4ba3f0d3-7b6b-4a09-9245-1513d9c6f015 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 244
* guid:
* status: publish
* publié le: <2014-04-13 19:08:34>
* modifié: <2014-04-13 19:08:34>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Symfony et APC {#symfony-et-apc-1}
ceci~estduhtml~
<img src="
=> https://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg https://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg
" alt="" />#+begin~src~ shell
APc, formidable truc qui permet la mise en cache de plein de choses résultant de PHP ne vide pas forcément son cache. Aussi, je ne comprenais pas, même après vérification de la similarité des fichiers entre ma machine et l'environnement de démo, vidage de cache de symfony, régénération des entités, mise a jour de la base de donnée, il subsistait des erreurs résolues en environnement de dev. jusqu'à ce que je tente une opération de vidage du cache de doctrine.#+begin~src~ shell
<a href="
=> https://mweiler.deviantart.com/art/orchestra-classica-75062113 https://mweiler.deviantart.com/art/orchestra-classica-75062113
"><img src="
=> https://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg https://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg
" alt="orchestra classica" style="display:block; margin:0 auto;" /></a> Rappel des commandes doctrine par la commande "php app/console" abrégée en alias personnel "sf".
<pre> (...) doctrine doctrine:cache:clear-metadata Clears all metadata cache for an entity manager doctrine:cache:clear-query Clears all query cache for an entity manager doctrine:cache:clear-result Clears result cache for an entity manager (...) </pre>
APC, ce petit malin ne voulait pas vider son cache à moins qu'on ne le lui demande poliement par commande php. Voici qui pourrait vous évider bien des échevelages et auto mutilations inutiles: en console, faites cette commande: <code>php -r "apc~clearcache~();"</code>#+begin~src~ shell
et vouala, tout rentre dans l'ordre!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,34 @@
--------------------------------------------------------------------------------
id: abf75c85-2987-4ffe-91c3-6d3be0d56f68 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 243
* guid:
* status: publish
* publié le: <2014-05-09 11:43:49>
* modifié: <2015-11-08 15:07:23>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Wordpress, comment ne plus demander les détails FTP pour mettre à jour
ceci~estduhtml~
dans wp-config, repérez la ligne#+begin~src~ shell
<code class="php">require~once~(ABSPATH, 'wp~settings~.php'); </code>
rajoutez ceci:
<code class="php">define('FS~METHOD~','direct'); </code>
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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,60 @@
--------------------------------------------------------------------------------
id: bb2b442e-db33-4f2d-91c3-77bf3b6cf899 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 242
* guid:
* status: publish
* publié le: <2014-05-23 10:28:23>
* modifié: <2015-11-08 15:09:41>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Redimension d'image en ligne de commande avec imagemagick
ceci~estduhtml~
<div class="pixearch" style=" text-align: center;"> <a href="
=> https://tatiks.deviantart.com/art/Rincewind-302267958 https://tatiks.deviantart.com/art/Rincewind-302267958
"><img src="
=> https://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg https://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg
" class="pixearchImg" alt="Rincewind" /></a> </div>imagemagick permet de faire plein de manipulations sur les images, redimension, conversion, assemblage, c'est magique. J'ai régulièrement besoin de redimensionner des images pour les présenter sur mes sites. mogrify est très utile pour la redimension de masse. cette commande permet de faire des copies redimensionnées en 800px de large sur 600 px de haut, de tous les fichiers jpg du dossier courant vers autre~repertoire~.
<code>mogrify -resize 800x600 -path autre~repertoire~ *.jpg</code>
il faut juste vous assurer que "autre~repertoire~" est inscriptible par votre script, et que vous avez bien des fichiers jpg à redimensionner dans votre répertoire courant.
Vous pouvez aussi choisir de ne faire des sorties d'images dans un seul format précis (jpg, ou png ...), avec l'option format.
<code><span>mogrify -resize 800x600 -path autre~repertoire~&nbsp;</span><span>-format jpg&nbsp;</span><span>*.jpg</span></code>
<span>
</span>
En bonus, pour ouvrir un terminal à partir de votre explorateur de fichier, si vous êtes sous KDE vous pouvez faire F4, autrement avec nautilus vous pouvez installer&nbsp;<strong>nautilus-open-terminal</strong>
<strong><code>sudo apt-get install nautilus-open-terminal</code></strong>
<div>voilà, bon amusement!</div><span>
</span>
de la doc pour imagemagick&nbsp;
<a href="
=> https://doc.ubuntu-fr.org/imagemagick https://doc.ubuntu-fr.org/imagemagick
">
=> https://doc.ubuntu-fr.org/imagemagick https://doc.ubuntu-fr.org/imagemagick
</a>
(en illustration, Rincevent du Disque Monde, de la lecture parodique fantastique qui poutre)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,50 @@
--------------------------------------------------------------------------------
id: 3cf77c39-9a2d-4c48-80e5-39dcc0873f74 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 241
* guid:
* status: publish
* publié le: <2014-06-04 19:48:01>
* modifié: <2015-11-08 15:11:46>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## FOSUserBundle could not convert database value to doctrine type array {#fosuserbundle-could-not-convert-database-value-to-doctrine-type-array-1}
ceci~estduhtml~
<img src="
=> https://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg https://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg
" alt="" />
Si lorsque vous tentez de faire un ajout ou suppression de role en ligne de commande pour <strong>FOSUserBundle</strong> (FOSUB) vous obtenez un message d'erreur de conversion de Doctrine,&nbsp;
<blockquote><em>could not convert database value to doctrine type array</em>
</blockquote> c'est parce que dans votre base de données, dans la colonne "role" de vos utilisateurs, vous avez des valeurs vides, au lieu d'avoir des sérialisations de tableaux vides.
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&nbsp;<span style="font-size: 12px;">SQL.</span>
<code>UPDATE table SET column="a:0:{}" WHERE column = "";</code>&nbsp;
(en remplaçant les noms de <strong>table</strong> (ma~tabledesutilisateurs~) et de <strong>column</strong> (role) Vos commande de promotion de rôles fonctionneront alors comme par magie!
<code>php app/console fos:user:promote jojo ROLE~ADMIN~&nbsp;
Role "ROLE~ADMIN~" has been added to user "jojo".</code>
sources: Trouvé et traduit <a href="
=> https://stackoverflow.com/questions/8818387/doctrine2-conversion-error https://stackoverflow.com/questions/8818387/doctrine2-conversion-error
" hreflang="en">depuis stackoverflow</a>&nbsp;,&nbsp;<a href="
=> https://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655 https://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655
" hreflang="en" style="font-size: 12px;">image</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,34 @@
--------------------------------------------------------------------------------
id: 991968db-a666-4fb6-b1fd-a47bf000a5bd title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 240
* guid:
* status: publish
* publié le: <2014-07-17 11:21:16>
* modifié: <2014-07-17 11:24:50>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Des alternatives à plein de softwares
ceci~estduhtml~
<img src="
=> https://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg https://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg
" alt="ACDC" style="display:block; margin:0 auto;" /> Vous aimez avoir le choix quand un seul logiciel se monte en monopole comme c'est le cas avec photoshop, ou que vos collègues ne jurent que par redmine pour faire du suivi de bugs? AlternativeTo.net est ce qu'il vous faut. C'est une mine d'or où l'on peut choisir des plateformes, partir d'un nom de programme et découvrir de nombreux concurrents. à vous ensuite de faire des essais et de découvrir la perle rare.#+begin~src~ shell
<a href="
=> https://alternativeto.net/ https://alternativeto.net/
" hreflang="en">
=> https://alternativeto.net/ https://alternativeto.net/
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,50 @@
--------------------------------------------------------------------------------
id: 49fda1d9-2fc1-465d-bd8d-045dae57c331 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 239
* guid:
* status: publish
* publié le: <2014-07-28 09:33:01>
* modifié: <2014-07-28 09:38:55>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## installer une distribution linux sur une carte SD pour le raspberry pi {#installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi-1}
ceci~estduhtml~
<a href="
=> https://a-place4my-head.deviantart.com/art/raspberry-217727077 https://a-place4my-head.deviantart.com/art/raspberry-217727077
"><img src="
=> https://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg https://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg
" alt="raspberry" style="display:block; margin:0 auto;" /></a>#+begin~src~ shell
Possédant un raspberry Pi je voulais essayer plusieurs distributions linux de poche dessus. Ce microcontrolleur ne pouvant pas démarrer sans carte SD à l'intérieur je devais donc installer un fichier .img dessus à partir d'un autre ordi. vous aurez besoin de:
<ul> <li>une carte SD (de type sdhc) avec au moins 1Go de place dessus.</li> <li>un fichier .img d'une distrib. <a href="
=> https://www.raspberrypi.org/downloads/ https://www.raspberrypi.org/downloads/
" hreflang="en">le site officiel vous en propose pas mal à télécharger</a>.</li> <li>un ordi avec un lecteur de carte SD.</li> </ul>
<strong>Cette opération supprime les données de la carte SD.</strong>#+begin~src~ shell
insérez votre carte SD dans le lecteur de votre ordi. ouvrez un terminal. repérez le nom de la partition de votre carte SD avec la commande <code>df -h</code> qui liste les disques de votre système de fichier (vous la trouverez en comparant son nombre de Gigas)#+begin~src~ shell
par exemple, ma carte a deux partitions physiques dessus <strong>/dev/sdg1</strong> et <strong>/dev/sdg2</strong> Nous choisirons donc /dev/sdg , l'appellation commune à toute la carte SD. Vous n'avez pas besoin de démonter la carte SD pour pouvoir installer votre distrib, et c'est ce que nous allons faire avec la commande suivante. vous aurez besoin de connaitre le chemin de votre fichier .img que vous voulez installer, par exemple /home/tykayn/téléchargements/raspbian.img#+begin~src~ shell
et zou, dd (convertir et copier un fichier) va nous permettre l'install et la création des partitions requises en lui renseignant l'input file (if="/home/tykayn/téléchargements/raspbian.img") et l'output file (of="/dev/sdg"). Sacré dédé! <code>sudo dd if="/media/ntfsman/ArchLinuxARM-2014.06-rpi.img" of="/dev/sdg"</code> (il faudra entrer le mot de passe sudo)#+begin~src~ shell
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:
<blockquote>3829760+0 enregistrements lus 3829760+0 enregistrements écrits 1960837120 octets (2,0 GB) copiés, 513,805 s, 3,8 MB/s </blockquote>
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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: a702a8a6-6944-4e1a-81ae-f5f4a74b488c title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 238
* guid:
* status: publish
* publié le: <2014-08-07 13:50:49>
* modifié: <2014-08-07 13:54:43>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## anti hack de NFC {#anti-hack-de-nfc-1}
ceci~estduhtml~
<img src="
=> https://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png https://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png
" alt="" /> Vous avez la joie d'être possesseur d'une carte bleue avec une puce sans contact, ce qui vous permet de régler de petits montants jusqu'a 20€ sans avoir à taper votre code. Mais saviez vous que cette puce peut se révéler bien bavarde et qu'il est possible avec un smartphone équipé de lecteur NFC de lire ce que cette puce a à raconter? <img src="
=> https://www.itraque.fr/documents/annonces/20081119120446a45b.jpg https://www.itraque.fr/documents/annonces/20081119120446a45b.jpg
" alt="" *> Heureusement, rien n'est plus simple pour se prémunir d'une lecture non souhaitée, par exemple dans un métro bondé ou dans un supermarché: utiliser une feuille d'aluminium dans votre porte feuille* porte carte / poche /etc. Vous pouvez procéder de même avec votre carte navigo / vélib / votre not-stupid-phone.#+begin~src~ shell
ç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!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,31 @@
--------------------------------------------------------------------------------
id: 9c16d8e3-9009-4615-b559-942020cd0a5a title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 237
* guid:
* status: publish
* publié le: <2014-08-11 09:56:01>
* modifié: <2014-08-11 10:08:18>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## distributions .img et sauvegarde de carte SD
=> https://www.raspberrypi.org/wp-content/uploads/2014/07/rsz_b--300x225.jpg [IMG]
Si vous avez un
=> https://www.raspberrypi.org/ raspberry pi
vous n'avez que l'embarras du choix pour y installer des distributions linux. Téléchargez donc une ou des distributions linux au format .img sur votre ordi. Pour installer un fichier .img sur une carte SD, on va se servir de la commande **dd**. et pour créer un fichier .img à partir d'une installation, ce sera également la commande **dd** dont on va se servir. si votre carte SD se trouve dans /dev/sdh (pour le savoir, faites la commande **df -h**) et votre distribution Pidora-2014-R2-1.img dans votre dossier ~/distribs/ , il faudra faire comme ceci: `sudo dd if`{.verbatim}"~/distribs/Pidora-2014-R2-1/Pidora-2014-R2-1.img" of="/dev/sdh"= et 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 sera: `sudo dd if=/dev/sdh |gzip -9 > ./raspberry_backup_20141108.img.gz`{.verbatim}
Vouala, enjoyez bien et si vous avez une préférence pour une distribution, dites moi donc pourquoi :)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,29 @@
--------------------------------------------------------------------------------
id: e4b994aa-839d-4cb3-bd65-db88842cb3d9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 236
* guid:
* status: publish
* publié le: <2014-09-04 10:03:04>
* modifié: <2014-09-04 10:03:23>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## la théorie des chaines de caractère
=> https://www.geo.mtu.edu/weather/aurora/images/aurora/jan.curtis/images/janc_004.jpg [IMG]
Le film fréquence interdite à une version française assez merveilleuse dans le passage où deux gens en costume discutent à la télé de comment fonctionnent les aurores boréales: "C'est ce que nous apprend la théorie des chaînes de caractère" ou bien, string theory en VO, ce qui voudrait plutôt dire
=> https://www.futura-sciences.com/magazines/matiere/infos/dico/d/physique-theorie-cordes-4472/ théorie des cordes
. Les strings sont un type de variable bien connu pour tout développeur ayant étudié le typage. C'est une variable dans laquelle on ne peut pas stocker de slips ou de caleçons, que des strings. Enfin presque. C'est ainsi que Je me suis un peu trop bidonné devant cette traduction innatendue. Bon, à part ça c'est un chouette film que je vous recommande si vous aimez la SF policière tournée avec peu de moyens.
=> https://www.geo.mtu.edu image
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: fe89fdaf-e1b6-4c5b-bd16-4a6020151d56 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 235
* guid:
* status: draft
* publié le: <2014-09-04 20:20:28>
* modifié: <2016-07-26 08:46:31>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## schema graphique de base de données
((
=> https://nsaunders.files.wordpress.com/2009/01/bio.png?w=300&amp;h=129 https://nsaunders.files.wordpress.com/2009/01/bio.png?w=300&h=129
||C)) Vous voulez visualiser les relations entre vos tables SQL assez facilement? vous pouvez le faire avec phpmyadmin, ou en ligne de commande avec un dump de votre base (en exportant seulement le schéma, sans données) */* #! /bin/bash DBNAME = $1; FILENAME = $2; mysqldump $DBNAME $(mysql -D DBNAME -Bse "show tables like 'wp_%'") > FILENAME.sql */* Vous pouvez utiliser SQLfairy sur votre dump de base pour en sortir un png. */* sudo apt-get install sqlfairy */* */* sqlt-graph -f MySQL -o mydatabase.png -t png FILENAME.sql */* inspiré de [ce post de nsaunders
--------------------------------------------------------------------------------
##
=> https://nsaunders.wordpress.com/2009/01/11/easy-visualisation-of-database-schemas-using-sqlfairy/ https://nsaunders.wordpress.com/2009/01/11/easy-visualisation-of-database-schemas-using-sqlfairy/
]
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,27 @@
--------------------------------------------------------------------------------
id: 99f1a652-11f4-4dfd-86c0-b2fad46c68e4 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 234
* guid:
* status: publish
* publié le: <2014-09-10 19:24:38>
* modifié: <2014-09-10 19:27:44>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## signez pour la neutralité du net
--------------------------------------------------------------------------------
ça se passe sur 
=> www.battleforthenet.com file:www.battleforthenet.com
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: 2c21088f-339c-46d1-91f8-11f3b163c3e9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 233
* guid:
* status: publish
* publié le: <2014-10-16 10:58:18>
* modifié: <2014-10-16 11:01:59>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Capturer et annoter facilement {#capturer-et-annoter-facilement-1}
=> file:///public/i/2014/10octobre/Superbe_capture_d_ecran___capturer_et_annoter___Chrome_Web_Store.png [[*public/i/2014/10octobre*.Superbe~capturedecran~__~captureretannoter~__~ChromeWebStorem~.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 modeste
=> https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?hl=fr "superbe capture d'écran"
qui permet de capturer tout ou une partie de l'écran, avec ou sans annotations, et de les enregistrer ensuite en tant que fichier png, sur votre ordi ou dans google drive. Attention au poids des images, mon écran 1980 * 1600 donne des screenshots de 500 Ko. C'est peut être un détail pour vous, mais pour ma connec ça veut dire beaucoup. On peut aussi les imprimer si on est super fier de son art et qu'on aime gaspiller de l'encre! Simple et pratique, parfait pour faire des démonstrations et autres tutos aux clients.
Et vous, vous avez des supers extensions à conseiller? :)
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,25 @@
--------------------------------------------------------------------------------
id: 3d358150-fad1-4c3d-9b49-b2d3f6670fc9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 232
* guid:
* status: publish
* publié le: <2014-12-19 12:20:38>
* modifié: <2014-12-19 12:20:38>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## La neutralité du net
=> https://tykayn.fr/wp-content/uploads/i/2014/12decembre/neutrealite_du_net_2014-09-24%2017.30.40.jpg [IMG]
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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,33 @@
--------------------------------------------------------------------------------
id: f5ea963a-e2a9-48aa-9643-d08aab46b6b2 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 231
* guid:
* status: publish
* publié le: <2014-12-19 12:28:36>
* modifié: <2014-12-19 12:31:49>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## La filbre optique c'est pas gagné
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
=> https://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.
=> https://tykayn.fr/wp-content/uploads/i/2014/12decembre/deploiement_fibre_val-de-bievre-2014-09-24.png [IMG]
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"
C'est un peu la même chose quand on leur dit "dites donc, vous avez payé l'implantation de Vélib dans la ville mais y'a jamais aucun vélib aux bornes, vous pouvez faire quelque chose? ah non, faut contacter le service client de Vélib", et donc Vélib de me répondre " ah mais non, 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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,68 @@
--------------------------------------------------------------------------------
id: 1ed329d0-0830-4ee0-b0c1-05615935722c title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 230
* guid:
* status: publish
* publié le: <2015-02-05 13:47:08>
* modifié: <2015-02-05 13:59:31>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## la fête des passwords et la neutralité du net
ceci~estduhtml~
Et si vous faisiez votre BA du jour avec votre ordinateur, ou votre téléphone rien qu'en changeant vos mots de passe? <img src="
=> https://passwordday.org/en/_img/passwords-102.gif https://passwordday.org/en/_img/passwords-102.gif
" alt="" /><strong> Beaucoup de personnes laissent des données sensibles en accès libre au monde entier.</strong>
Quand on tient une entreprise ou que notre métier nous tient au secret professionel (comme c'est mon cas) il nous parait évident que la sécurité informatique est vitale, mais lorsqu'on est Monsieur et Madame Michu on ne se rend pas compte de pourquoi ça serait tout aussi important.
On dit même souvent qu'on a rien à cacher. Cependant, c'est mal comprendre le problème.
Vous pouvez <a href="
=> https://reflets.info/rien-a-cacher/ https://reflets.info/rien-a-cacher/
" hreflang="fr">lire sur reflets.info en quoi c'est capital</a>, 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 <strong>la présomption d'innocence</strong>.
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: <a href="
=> https://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html https://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html
" hreflang="fr">c'est une mesure inneficace, liberticide et coûteuse.</a> Et on le sait depuis au moins 2009.
ç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.
<strong>Le droit à la vie privée est vital</strong> et pour le comprendre il suffit de vous demander si vous avez envie de laisser toutes les portes ouvertes chez vous, vos codes de carte bleue, les mots de passe de vos boites emails, vos clés de voitures à de parfaits inconnus. Ou encore si vous voulez avoir un agent de police qui vérifie que vous votez pour le "bon" candidat, par dessus votre épaule. Votre droit à la vie privée il faut savoir le défendre, ce n'est pas pour rien qu'il existe une loi pour que la poste n'ait pas le droit d'ouvrir votre courrier. ça vous révolterait si vous receviez dans votre boite à lettres un courrier ouvert et modifié, mais ça ne vous choquerait pas si c'était le cas avec vos emails? Réfléchissez une nouvelle fois.
<strong>La neutralité et l'ouverture d'internet </strong>est vitale à son fonctionnement. Comme le dit si bien cette courte vidéo infographique de DataGueule, acheter une route ne nous donne pas le droit de choisir les véhicules qui circulent dessus.
<iframe width="640" height="360" src="
=> https://www.youtube.com/embed/hZnq3xg-PRM https://www.youtube.com/embed/hZnq3xg-PRM
" frameborder="0" allowfullscreen></iframe> <strong>il est aujourd'hui possible d'obtenir des données sensibles à partir de données en apparence anodines.</strong> Vos passwords peuvent valoir aussi cher que votre code de carte bleue ou vos clés de voiture. Et après des dizaines d'années qu'internet est adopté par la populace on continue de croire qu'un mot de passe est accessoire, et on se trompe sur ce qui le rend fort.
<h3>Faiblesses courantes</h3> Beaucoup de personnes mettent en mot de passe le nom de leur animal de compagnie, le nom de leur objet préféré, le nom de leur compagne / compagnon, ou des dates marquantes. En enquêtant sur quelqu'un on peut deviner facilement ces mots, et ils ne résistent pas facilement à une attaque à force brute (essayer des milliers de combinaisons par seconde), peu importe d'ailleurs que vous utilisiez des lettres ou des ponctuations, ces caractères seront aussi essayés. la façon la plus simple de se constituer un mot de passe résistant comme en l'an 40, c'est de mémoriser une simple phrase et de l'écrire avec des espaces, puis d'en personnaliser certaines parties.
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&nbsp;? - FUCKTHISSHIT"
n'utilisez pas le même mot de passe pour tous les sites que vous visitez. Changez régulièrement vos mots de passe, ne les écrivez pas dans des emails ou des sms, ou si vous devez le faire envoyez les sans référer dans le même email ce à quoi ils se réfèrent.. Plus vous conservez longtemps un mot de passe, plus il a de chances d'être périmé et inutile. Abandonnez vos mots de passe datant du lycée, adoptez un gestionnaire de mot de passe pour votre navigateur, encouragez vos parents et vos congénères les moins à l'aise avec la technologie à modifier leur mots de passe de façon sécurisée comme on vient de le voir.
pour en savoir plus: le site du password day <a href="
=> https://passwordday.org/fr/ https://passwordday.org/fr/
" hreflang="fr">
=> https://passwordday.org/fr/ https://passwordday.org/fr/
</a>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,30 @@
--------------------------------------------------------------------------------
id: e20b0803-4125-4f60-9c0d-4aa77cd47076 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 229
* guid:
* status: publish
* publié le: <2015-03-04 15:02:12>
* modifié: <2015-11-08 11:12:54>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## paye ton explication {#paye-ton-explication-1}
ce qu'il y a de bien quand on veut expliquer des choses plus ou moins complexes c'est qu'on peut toujours les comparer à une voiture, ou à une femme si vous êtes aventureux. Quand on veut se payer 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 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 complexité. Vous pouvez trouver des voitures coûtant plus d'un million d'euros, et leur seule compétence sera d'avoir un aspect esthétique qui a coûté cher ainsi qu'un nombre incroyable de chevaux sous le capot, elle sera cependant incapable de vous faire écouter de la radio, à moins que vous ne payiez 10 000 € de plus. ça fait un peu cher l'auto radio non?
Et bien c'est une question de priorités, c'est pourquoi il est 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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,26 @@
--------------------------------------------------------------------------------
id: 22a4e73e-4942-42ac-9b2f-ca0596404390 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 228
* guid:
* status: publish
* publié le: <2015-03-16 09:24:50>
* modifié: <2015-03-16 09:24:59>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## digital learning day 2015 {#digital-learning-day-2015-1}
Hey, après un Pi Day épique célébrons le digital learning day!
=> https://www.digitallearningday.org/ https://www.digitallearningday.org/
allez zou, plus vite que ça, hop hop!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,26 @@
--------------------------------------------------------------------------------
id: 85af41fa-e107-491b-b28f-17e13716f9e9 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 227
* guid:
* status: publish
* publié le: <2015-03-30 07:47:30>
* modifié: <2015-03-30 07:47:30>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## du PHP sexiste {#du-php-sexiste-1}
à quoi ça peut bien ressembler du code sexiste? C'est possible, j'en ai fait un tuto pour la journée des droits des femmes 2015. Allez voir
=> https://tykayn.fr/?post/2015/des-femmes-codeuses par ici sur le tykayn blog
.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,27 @@
--------------------------------------------------------------------------------
id: 75563b30-214d-40a4-88fc-2999c54788a6 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 226
* guid:
* status: publish
* publié le: <2015-03-30 07:51:27>
* modifié: <2015-03-30 07:52:59>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## les 24h de la BD et autres évènements ont leur planning
=> https://www.lapin.org/public/vingt-quatre-heures/.logo-23h_m.jpg [IMG]
l'expérience JS du jour c'est de donner la possibilité aux particpants des 24hBD, des 23hBD, des 12hBD et de tous les plannings similaires de mesurer le temps qu'il leur reste dans leurs projets.
=> https://artlemoine.com/24hbd https://artlemoine.com/24hbd
il suffit de donner le nombre de pages que vous avez fait dans l'encadré vert (on peut changer avec les flèches du clavier) et le planning se met à jour en vous précisant si vous êtes dans les temps ou si vous êtes en retard. vous pouvez changer la date et l'heure de début, ou de fin de l'épreuve. l'autre date se changera automatiquement en fonction de la durée de l'épreuve spécifiée en jours et en heures entre deux. Enjoyez!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: 803dd0b9-8a6c-495e-8a69-88fee60fa6d0 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 225
* guid:
* status: publish
* publié le: <2015-03-30 08:04:05>
* modifié: <2015-03-30 08:04:05>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## les dates importantes de votre vie {#les-dates-importantes-de-votre-vie-1}
=> https://www.regimenaturel.net/wp-content/uploads/2015/01/informations-sur-le-regime-alimentaire-des-dattes-et-du-lait1.jpg [IMG]
vous imaginez que votre date de naissance est la seule que vous pourriez retenir? 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? Votre millième semaine débutera avant ou après votre dix millième jour? Quel était le jour de la semaine où vous êtes nés?
Définissez votre date de naissance et soyez carrément émerveillé par ces quelques dates de votre vie dont vous ne soupçonniez pas l'existence!
=> https://artlemoine.com/dates-de-vie https://artlemoine.com/dates-de-vie
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: a77e4d42-65a8-4890-9497-6ddc955f33cb title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 224
* guid:
* status: publish
* publié le: <2015-04-07 14:24:22>
* modifié: <2016-03-16 09:47:53>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## un datepicker dans un formulaire symfony2 {#un-datepicker-dans-un-formulaire-symfony2-1}
de base les formulaires symfony fournissent des sélecteurs pour choisir nos dates. pas besoin de jquery ou d'un bundle entier pour avoir des datepicker en HTML5, il suffit de définir les options du 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 usage use Symfony`\Component`{=latex}`\Form`{=latex}`\Extension`{=latex}`\Core`{=latex}`\Type`{=latex}`\DateType`{=latex}; // déclaration de classe FactureType pour l'exemple class 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']])`{.verbatim}
enjoyez!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,32 @@
--------------------------------------------------------------------------------
id: 03ba0577-be89-4ec3-bdd0-330116585831 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 223
* guid:
* status: publish
* publié le: <2015-04-17 11:03:34>
* modifié: <2015-04-17 11:15:09>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## calculez votre heure de réveil
=> https://www.pixenli.com/images/1338/1338511220095422700.jpg [IMG]
Comme la plupart des êtres humains alignés sur les horloges du monde absurde du travail, vous avez des difficultés à dormir assez longtemps pour aussi profiter de vos moments en dehors du travail.
Voici un site qui va sauver vos journées:
=> https://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
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,35 @@
--------------------------------------------------------------------------------
id: c3572c43-e2fc-48ba-bffe-8d672f8d914b title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 222
* guid:
* status: publish
* publié le: <2015-04-17 11:27:47>
* modifié: <2015-04-17 11:28:48>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## Un testament par e-mail {#un-testament-par-e-mail-1}
ceci~estduhtml~ Vous vivez une vie fort dangereuse (par exemple vous avez des lacets à vos chaussures qui vous font vous casser la gueule et hop hop aux urgences, dédicace à Kelly ;D ) vous êtes mal réveillés et vous tombez sur les rails du métro, ou alors vous mettez vos clés dans vos poches tout en faisant de la moto avec un sac à dos et bam pouf paf pastèque vous vous prenez une carapace bleue.
Qui héritera de vos biens, quel message auriez vous aimé faire passer à vos proches, de quels mots de passe auraient ils besoin, voudriez vous rockroller musicalement vos proches à votre enterrement ? Hébien y'a pas une application pour ça mais un site web.
Vous pouvez maintenant créer un ou deux message à envoyer à vos proches grâce au **Dead Man Switch** . Ce site, après inscription vous demandera à intervalle via votre boite email de cliquer sur un lien pour signalez que votre heure n'est pas venu, comme le font les missionnaires. L'intervalle peut être de 45 jours ou davantage, si vous partez en vacances. le site propose une version payante à 20 dollars pour toute la viiiie. Le site vous permet aussi de faire un envoi d'essai. Enjoyez!
=> https://www.deadmansswitch.net/ <https://www.deadmansswitch.net/>
**push the button** des frères chimiques en cadeau.
<iframe width="480" height="360" src="
=> https://www.youtube.com/embed/6b9ci_z4v7M https://www.youtube.com/embed/6b9ci_z4v7M
" frameborder="0" allowfullscreen></iframe>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,58 @@
--------------------------------------------------------------------------------
id: f84d521b-3cdd-4d1f-bbe0-6fbac3ca4e0d title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 221
* guid:
* status: publish
* publié le: <2015-04-21 09:09:48>
* modifié: <2015-04-21 09:11:27>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## transférer des fichiers en wifi direct entre son ordi et son tel android
ceci~estduhtml~
Quelle misère que de mettre en place du wifi direct me direz vous. Y'a bien Dropbox ou google drive qui existent pour avoir des partages entre sont tel et son ordi, mais si comme moi, votre téléphone a un débit vingt fois meilleur que votre abonnement internet fixe qui est à 4.5 km du raccord au monde et que votre fournisseur n'a pas envie de faire de travaux, ça risque d'être lent du côté de l'ordi.
Mais si vous voulez du vraiment pratique pour transférer toutes vos photos de vacances ou des gros fichiers en un zip depuis votre tel à votre ordi, <a href="
=> https://play.google.com/store/apps/details?id=com.smarterdroid.wififiletransfer&amp;hl=fr https://play.google.com/store/apps/details?id=com.smarterdroid.wififiletransfer&hl=fr
">Wifi file transfert</a> est super sympa. <img src="
=> https://lh3.ggpht.com/10khej9Nov3uSRgddNOc-cHmTR3bvf83S4HGLgiknom_OVB3e3CDFZQqzgXLKC3gGfU3=h310-rw https://lh3.ggpht.com/10khej9Nov3uSRgddNOc-cHmTR3bvf83S4HGLgiknom_OVB3e3CDFZQqzgXLKC3gGfU3=h310-rw
" alt="" style="float:left; margin: 0 1em 1em 0;" /> Vous installez l'appli sur votre téléphone, vous allumez le wifi, vous appuyez sur start dans l'appli et vous avez une adresse IP locale qui vous permet d'accéder aux fichiers de votre téléphone, en la recopiant dans la barre d'adresse de votre navigateur sur votre ordi. (vous pouvez mettre un accès par mot de passe dans les paramètres)
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 <a href="
=> https://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/ https://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/
">chat au collier bluetooth</a>&nbsp;?
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é.
<img src="
=> https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw
" alt="" style="display:block; margin:0 auto;" />
<a href="
=> https://play.google.com/store/apps/details?id=com.pushbullet.android&amp;hl=fr https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr
">PushBullet</a> vous permet de relier votre téléphone (une fois l'appli installée) a votre navigateur web via une extension <a href="
=> https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd
">Chrome</a> ou <a href="
=> https://addons.mozilla.org/fr/firefox/addon/pushbullet/ https://addons.mozilla.org/fr/firefox/addon/pushbullet/
">Firefox</a>.
Vous pouvez répondre à des sms avec votre ordi, en écrire, partager une page web sur votre tel pour la lire hors ligne quand vous aurez le temps, choisir quelles notifications vous voulez voir apparaître, transférer un MMS reçu vers votre ordi, et aussi des fichiers dans les deux sens, sur plusieurs machines (où vous aurez installé pushbullet, évidemment). c'est fort bien.
Enjoyez!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,33 @@
--------------------------------------------------------------------------------
id: d4699a9c-776a-4e7c-87cd-b408841d3cd7 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 220
* guid:
* status: publish
* publié le: <2015-04-21 09:27:07>
* modifié: <2015-04-21 09:31:33>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## faites bosser internet pour vous avec "if this then that" {#faites-bosser-internet-pour-vous-avec-if-this-then-that-1}
=> https://theinternetofallthings.com/wp-content/uploads/2014/10/everythnggraphics.jpg [IMG]
=> 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 [IMG]
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 porte de garage" si vous donnez dans la domotique. c'est personnalisable à souhait comme les autres recettes 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!
=> https://ifttt.com/recipes https://ifttt.com/recipes
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,35 @@
--------------------------------------------------------------------------------
id: 86131d15-5ac1-43d8-8d78-827b8a29da2e title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 219
* guid:
* status: publish
* publié le: <2015-04-22 10:40:16>
* modifié: <2015-04-22 11:24:28>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## whatis love {#whatis-love-1}
Si dans un terminal unix vous écrivez whatis love, vous saurez ce qu'est l'amour.
``` {.bash org-language="sh"}
whatis love
baby don't hurt me, don't hurt me, no more.
```
Bizarrement, quand je rentre la commande dans un shell, j'ai comme retour:
"love : rien d'adéquat"
Joyeux poissons d'avril.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,78 @@
--------------------------------------------------------------------------------
id: 5af156bb-c76a-432b-adf8-067bec523105 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 218
* guid:
* status: publish
* publié le: <2015-05-14 19:53:27>
* modifié: <2015-06-17 12:37:18>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## générateur angular jeej
=> https://www.npmjs.com/static/images/npm-logo.svg [IMG]
trop biennn, j'ai profité de ce jour férié pour publier mon premier package NPM, un générateur
=> https://yeoman.io yeoman
utilisant mes outils favoris. Le tout avec du readme.md, des infos et
=> https://github.com/tykayn/generator-tk un dépot sur github
(génétareur-tk).
=> https://www.npmjs.com/package/generator-angular-jeej https://www.npmjs.com/package/generator-angular-jeej
Voilà ce que cela comprend:
> Gulp, Angular, coffeescript, jquery, bootstrap, font awesome,
> commitement to open source. browser sync, karma, jasmine, jslint,
> uglify, coverall and more.
#
=> https://mgcrea.github.io/angular-7min/images/angularjs.png [IMG]
=> https://humancoders-formations.s3.amazonaws.com/uploads/course/logo/48/formation-coffeescript.png [IMG]
=> https://blog.xebia.fr/wp-content/uploads/2014/02/gulp-2x.png [IMG]
# comment utiliser le générateur angular jeej
=> https://blog.grayghostvisuals.com/xS6BUjV1g8vgRT/wp-content/uploads/2015/03/Yeoman.png [IMG]
il vous faut avoir installé **yeoman** de chez NPM. dans un terminal, exécutez cette commande:
``` {.bash org-language="sh"}
$ npm i -g yo
```
pour lancer le générateur, placez vous dans le dossier où vous voulez avoir votre webapp, et utilisez **yo**.
``` {.bash org-language="sh"}
$ 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.
``` {.bash org-language="sh"}
$ gulp
```
après install, vous pouvez voir que tout a merveilleusement fonctionné, lancez gulp. rendez vous sur
=> https://localhost:3000 https://localhost:3000
et voyez le mirâaaaacle s'accomplir. dans votre console de commande vous pourrez voir aussi que j'ai déjà mis en place quelques tests chargés de 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!
Vous aussi pouvez
=> https://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.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,80 @@
--------------------------------------------------------------------------------
id: bd23104e-13e4-4985-a123-c8f1a3804efe title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 217
* guid:
* status: publish
* publié le: <2015-06-04 19:08:42>
* modifié: <2015-06-23 09:23:49>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## se créer un historique complet de git log
ceci~estduhtml~
<a href="
=> https://github.com/tykayn/gitall https://github.com/tykayn/gitall
" title="un projet sur github nommé git all"><img src="
=> https://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 https://image.slidesharecdn.com/deepdarksideofgit-140531003839-phpapp01-150306125957-conversion-gate01/95/dark-side-of-git-we-use-this-on-my-big-data-team-4-638.jpg?cb=1425668559
" alt="" width="100%" /></a>&nbsp;mise à jour: j'ai fait <a href="
=> https://github.com/tykayn/gitall https://github.com/tykayn/gitall
">un projet sur github nommé <strong>git all</strong></a>
Vous avez un projet et vous aimeriez savoir comment il a évolué à travers les commits que vous avez écrits avec assiduité durant de nombreux mois, voire de nombreuses années. <strong>Vous pourriez le compiler sous forme de log complet dans un fichier texte.</strong>
Par example pour voir sur quoi vous galérez le plus et comment améliorer vos projets, ou pourquoi pas en avoir ensuite une représentation graphique, l'enregistrer dans votre appli de calendrier favorite, ou bien pour remplir une fiche de suivi dans un logiciel spécialisé comme Works, Redmine, Pivotal tracker, ou ProjeQtOr.#+begin~src~ shell
Il suffit de lire un peu <a href="
=> https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats
">la doc de la commande git log et particulièrement la partie sur les pretty formats</a> pour se bidouiller un <em>log</em> clair et concis. avec la date, l'auteur, le sha1, et le message du commit à chaque ligne.
<pre class="brush : bash">git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt </pre>
Vous pouvez aussi filtrer par auteur du commit en rajoutant l'option
<pre>--author="tykayn" </pre>
et donc:
<pre class="brush : bash">git log --author="tykayn" --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt </pre>
ce qui donnerait plein de lignes comme ceci:&nbsp;
<q>Sat May 30 11:30:11 2015 +0200 , tykayn-ubuntu, 463e52c, accessoires produits
Sat May 30 11:20:45 2015 +0200 , tykayn-ubuntu, 9efab6c, footer grille&nbsp;
Sat May 30 10:29:26 2015 +0200 , tykayn-ubuntu, 96f25f6, insertion de grille bootstrap dans le tpl
</q>#+begin~src~ shell
et si vous avez comme moi la flemme de retaper tout, créez vous un alias dans votre fichier de <strong>.bash~aliases~</strong>
<pre class="brush : bash">gedit ~/.bash~aliases~ </pre>
rajoutez cette ligne pour créer la commande "<strong>gitall</strong>":
<pre class="brush : bash">alias gitall='git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt'; </pre>
sauvegardez, fermez le fichier, rechargez le fichier d'alias
<pre class="brush : bash">gedit ~/.bash~aliases~ </pre>
et magie, vous pourrez vous servir de la commande <strong>gitall</strong> pour créer un fichier git-history.txt attention tout de même, si un fichier git-history.txt existait avant, il sera remplacé.#+begin~src~ shell
vous pourrez ensuite lui appliquer des traitements plus complexes pour conquérir le monde, changer l'affichage, ranger par journée, ou tout du moins comprendre comment vous améliorer. Enjoy!
<a href="
=> https://github.com/tykayn/gitall https://github.com/tykayn/gitall
">Voir mon projet sur github nommé&nbsp;<strong>git all</strong></a>&nbsp;contribuez zy!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,70 @@
--------------------------------------------------------------------------------
id: d1a73392-289a-4a2c-8c73-c6590eb58181 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 216
* guid:
* status: publish
* publié le: <2015-06-17 08:54:10>
* modifié: <2015-11-16 14:58:04>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## convertir un projet javascript en coffeescript {#convertir-un-projet-javascript-en-coffeescript-1}
ceci~estduhtml~
<img src="
=> https://www.lucidbetty.com/images/house/E1425.jpg https://www.lucidbetty.com/images/house/E1425.jpg
" alt="" />
le jS ça fait aussi le café. Si vous voulez reprendre d'anciens projets en javascript pour envoyer promener toutes ces accolades et autres points virgules, réjouissez vous, car voici de quoi convertir un dossier et ses sous dossiers en fichiers coffeescript.
il faut donc copier votre dossier de scripts <strong>js</strong> dans un dossier nommé <strong>coffee</strong>, obtenir la liste des fichiers à convertir et exécuter la conversion sur chacun d'eux.
basé sur le convertisseur <a href="
=> https://github.com/js2coffee/js2coffee https://github.com/js2coffee/js2coffee
">js2coffee (voir ce projet sur github)</a>, voici mon script bash adapté de <a href="
=> https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820 https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820
" hreflang="en">ce merveilleux script bash trouvé sur stack overflow</a>: pour plus de clarté je lui ai rajouté un côté explicite des actions menées et quelques couleurs.
<pre class="brush : bash"><code>#!/bin/bash #text formatting neutre='`\e[0;m' bleuclair='\e[1;34m' bold=$(tput bold) normal=$(tput sgr0)
# get the name of the js scripts folder
echo -e "${bleuclair} ${bold} conversion de projet ${normal} vers coffeescript " read -p "nommez le dossier où se trouvent vos scripts .js [js]`{=latex}: " -e -i "js" name
if [ ! -e coffee ]; then echo "pas de dossier coffee, on le crée" mkdir coffee fi echo -e " copie du dossier ${bleuclair}${bold}${name}${normal} vers le dossier ${bold}coffee${normal} ${neutre}" cp -R ${name}/* coffee echo "lire les fichiers du dossier coffee"
COUNTER=0 for FILE in `find coffee -name "*.js" -type f -o -path './node~modules~' -prune -o -path './components' -prune` do if [ -e $FILE ] ; then COFFEE=${FILE//\.js/\.coffee} echo -e " converting ${FILE} to ${bleuclair}${COFFEE}${neutre}${normal}" js2coffee "$FILE" > "$COFFEE" rm $FILE COUNTER=$((COUNTER+1)) else echo "File: $1 does not exist!" fi done echo -e "${bleuclair}${bold} $COUNTER ${normal}${neutre} fichiers convertis" cd ../</code> </pre> vous pouvez enregistrer ce script bash sous le nom de alljs2coffee.sh le copier dans votre répertoire d'exécutables,
<pre class="brush : bash"><code>cp alljs2coffee.sh /usr/local/bin
```{=org}
#+end_src
```
lui donner les droits pour être exécuté par tout le monde&nbsp;
<pre class="brush : bash"><code>chmod +x alljs2coffee.sh
```{=org}
#+end_src
```
et voilà vous pourrez l'exécuter dans n'importe quel dossier contenant un de vos projets avec la commande <strong>alljs2coffee</strong>
go go gadgetto modernisation du JS!
<a href="
=> https://github.com/js2coffee/js2coffee/issues/379 https://github.com/js2coffee/js2coffee/issues/379
">voir l'issue sur github</a>.&nbsp;comme toujours, si vous avez des amélioratoins à proposez faites donc!
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,33 @@
--------------------------------------------------------------------------------
id: dfa4135c-d5de-4771-9dd1-053300c174a6 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 215
* guid:
* status: publish
* publié le: <2015-06-26 21:05:50>
* modifié: <2015-11-16 12:06:25>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## installer cozy cloud sur son serveur ubuntu 14.04
un cloud perso facile à étendre avec des plugins/modules en javascript? C'est possible avec Cozy Cloud, découvert lors de l'ubuntu party de paris (enfin, grâce au site qui diffuse les médias enregistrés, plein de chouettes conférences)
voici la version rapide du script d'install à exécuter en tant que root sur votre serveur ubuntu 14.04, en bash:
``` example
apt-get install ca-certificates apt-transport-https
wget -O - https://ubuntu.cozycloud.cc/cozy.gpg.key 2>/dev/null | apt-key add -
echo 'deb https://ubuntu.cozycloud.cc/debian trusty main' \ > /etc/apt/sources.list.d/cozy.list
apt-get update && apt-get install couchdb cozy
```
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,28 @@
--------------------------------------------------------------------------------
id: bc884eb3-dd4e-47fc-acea-9391ce4e13f2 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 214
* guid:
* status: publish
* publié le: <2015-06-30 15:18:30>
* modifié: <2015-06-30 15:19:01>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## paye ton arrondi en js {#paye-ton-arrondi-en-js-1}
F12. dans la console javascript écrivez: 999999999999999 faites entrée. la console vous répond: 999999999999999
mais écrivez un 9 de plus 9999999999999999 faites entrée. la console vous répond: 10000000000000000
narmol.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,53 @@
--------------------------------------------------------------------------------
id: 1b2dd95c-45ab-402b-b761-682dc55c7fbc title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 213
* guid:
* status: publish
* publié le: <2015-07-01 12:00:14>
* modifié: <2015-07-03 08:31:00>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## des tests plus rapides avec jasmine {#des-tests-plus-rapides-avec-jasmine-1}
=> https://ellem.ca/wp-content/uploads/2013/07/JASMINE.jpg [IMG]
Jasmine, framework de test en javascipt dispose de quatre fonctions intéressantes pour rendre l'exécution de vos nommmmmmbreux tests JS. Parce que bien sûr, vous testez votre javascript, nesspa?
Bien, donc, on développe des blocs de test avec **describe()** et **it()**
vous pouvez demander à jasmine de ne pas exécuter de bloc en utilisant xdescribe() et xit(). et vous pouvez lui demander de n'exécuter que certains blocs et assertions avec **fdescribe()** et **fit()**
ce qui devrait faire tourner le tout plus vite, notamment si vous avez 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.
``` example
touch .git/hooks/pre-commit
chmod +x .git/hooks/pre-commit
```
et mettez y de quoi vérifier que vous n'avez pas de fdescribe( , de fit( dans vos fichiers de tests.
``` example
#!/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
```
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,90 @@
--------------------------------------------------------------------------------
id: 7b748c66-528b-474c-87f9-b78f16f6157e title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 212
* guid:
* status: publish
* publié le: <2015-07-02 14:29:39>
* modifié: <2015-11-16 14:52:44>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## customiser son serveur {#customiser-son-serveur-1}
ceci~estduhtml~
Certaines commandes sont nécessaires à la maitrise d'un environnement unix, et puis il y a celles absolument pas indispensable. Par example, celles qui vous permettent de mettre un ASCII art au login sur votre serveur avec le message du jour (message of the day, motd).
<h3>changer le nom de votre machine (hostname).</h3> il faut aussi changer le nom de l'hôte dans /etc/hosts
<code><code>$ sudo nano /etc/hosts</code></code>
redémarrez le service hostname.
<code class="bash"><code>$ sudo service hostname restart</code></code>
et voilà votre nom d'hôte changé Ø/
<h3>mettre un message du jour à la connexion.</h3> le message du jour est généré grâce aux scripts dans <strong>/etc/update-motd.d/</strong> vous pouvez donc ajouter un script perso.
<code class="bash">$ nano /etc/update-motd.d/99-tktrucs</code>
et mettre dedans des trucs trop importants.&nbsp;
<code>#!bin/bash echo "un grand pouvoir entraine de grandes responsabilités"</code>
et il faudra lui donner les droits de s'exécuter.
<code class="bash">$ sudo chmod +x /etc/update-motd.d/99-tktrucs</code>
ce fichier permet de rajouter du contenu à la fin du message du jour
<code><code>$ sudo nano /etc/motd.tail</code></code>
utilisez le générateur d'ASCII art pour faire des trucs trop impressionants.
<a href="
=> https://www.network-science.de/ascii/ https://www.network-science.de/ascii/
">
=> https://www.network-science.de/ascii/ https://www.network-science.de/ascii/
</a>
astuce bonus pour se loguer de façon plus sécurisée.
<h3>copier sa clé publique sur un serveur distant</h3> <code class="bash"> <code>$ ssh-copy-id -i ~/.ssh/id~dsa~.pub titi@toto.host.org
Password:
</code> </code> <blockquote><ins>sources:</ins> <a href="
=> https://doc.ubuntu-fr.org/motd https://doc.ubuntu-fr.org/motd
">
=> https://doc.ubuntu-fr.org/motd https://doc.ubuntu-fr.org/motd
</a> <a href="
=> https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart
">
=> https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart
</a>
<a href="
=> https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh
">
=> https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh
</a>
<a href="
=> https://www.network-science.de/ascii/ https://www.network-science.de/ascii/
">
=> https://www.network-science.de/ascii/ https://www.network-science.de/ascii/
</a>
</blockquote>
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

View File

@ -0,0 +1,41 @@
--------------------------------------------------------------------------------
id: 1dd28307-b0ba-4af9-97ac-26f3614a8909 title: cipherbliss_blog
--------------------------------------------------------------------------------
# Article
* ID: 211
* guid:
* status: publish
* publié le: <2015-07-02 15:04:33>
* modifié: <2015-11-08 15:13:04>
* Index des articles du blog
=> id:39e91a2e-d003-4acd-a99a-b58dca74df77 Cipherbliss blog
## le bash de vos rêves
on peut personnaliser son bash ultrafacilement grâce a ce merveilleux site, bashrcgenerator:
=> https://bashrcgenerator.com/ https://bashrcgenerator.com/
glissez déposez les éléments, cliquez sur un élément pour choisir sa 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`{.verbatim} `# titre du terminal personnalisé PROMPT_COMMAND`{.verbatim}'echo -ne "\033]0;${USER}@${HOSTNAME}: ${PWD}\007"' # prompt personnalisé export PS1="$$\033[38;5;214m$$`\T`{=latex}$$$(tput sgr0)$$$$\033[38;5;15m$$ $$$(tput sgr0)$$$$\033[38;5;192m$$$$$(tput sgr0)$$$$\033[38;5;42m$$@$$$(tput sgr0)$$$$\033[38;5;84m$$$$$(tput sgr0)$$$$\033[38;5;70m$$:$$$(tput sgr0)$$$$\033[38;5;6m$$`\w`{=latex}$$$(tput sgr0)$$$$\033[38;5;15m$$ $$$(tput sgr0)$$"=
on enregistre avec ctrl +o, on sort avec ctrl + x. et hop!
`$ bash`{.verbatim}
et vouala:
> []{#preview} 02:23:52tykay@mycomputer:/usr/local/src
Arpès, si vous êtes des fifous, vous pouvez aussi blinder votre prompt en lui rajoutant des infos du dépôt git dans lequel vous vous trouvez.
# Liens
* cipherbliss
=> id:d14d8051-bbb9-4279-a574-84d78bfe5b66 Cipherbliss blog

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