move files

This commit is contained in:
Tykayn 2024-11-11 23:20:04 +01:00 committed by tykayn
parent a58b0efcad
commit 2a1891dc2a
399 changed files with 41852 additions and 36 deletions

View file

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
<meta property="og:locale" content="fr_FR">
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
<meta property="og:url" content="https://www.cipherbliss.com">
<meta property="og:site_name" content="Cipher Bliss">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
<link href="/style.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<meta name="author" content="">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
href="https://www.cipherbliss.com/feed/">
<meta property="og:title" content="">
<meta property="og:locale" content="fr_FR">
<!-- Description de la page -->
<meta name="description" content="">
<meta name="reply-to" content="contact@cipherbliss.com">
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
</head>
<body>
<div id="page">
<header id="masthead" class="site-header">
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
<a href="/">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
</a>
<h1 class="blog-title">Cipher Bliss</h1>
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</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="https://www.cipherbliss.com">
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="https://www.cipherbliss.com">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
class="img-fluid">
</a>
<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>
</div>
<div class="navbar-end">
<div class="navbar-item">
<form role="search" method="get" class="search-form" action="/">
<label>
<input class="search-field" placeholder="Recherche" value="" name="s"
type="search">
</label>
<input class="is-hidden search-submit" value="Rechercher" type="submit">
</form>
</div>
</div>
</div>
</nav>
</header>
<main class="body-wrap boxed-container">
<article class="content">
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h2 id="zen-coding-1">Zen coding</h2>
<p>&lt;img src="<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</a>"
alt="Bouddha and the Lotus" style="float:right; margin: 0 0 1em 1em;"
/&gt; ô 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
&lt;strong&gt;ctrl+alt+N&lt;/strong&gt;.#+begin<sub>src</sub> shell</p>
<p>Tous &lt;a href="<a
href="https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn</a>"
hreflang="en"&gt;les exemples de syntaxe zen coding sont disponibles sur
google code&lt;/a&gt;.#+begin<sub>src</sub> shell</p>
<p>Petite astuce si vous utilisez un framework css comme twitter
bootstrap (ce qui est fort pratique), vous aurez souvent besoin de div
avec des classes. hébien vous n'êtes même pas obligés de marquer div
pour faire une &lt;em&gt;div&lt;/em&gt; de classe
&lt;em&gt;maClasse&lt;/em&gt;. Il suffit d'écrire .maClasse et Zen
coding assumera qu'il s'agit d'une div. Pareil pour les
#id.#+begin<sub>src</sub> shell</p>
<p>On peut aussi se créer des palettes de code, comme une palette de
peinture. Sauf qu'au lieu de piocher des couleurs on piocherait des
blocks de code, par exemple des composants de twitter bootstrap comme un
panel accordéon dépliable, ou un carroussel.#+begin<sub>src</sub>
shell</p>
<p>Autre petite astuce pour avoir un code bien indenté, le raccourci de
formattage: &lt;strong&gt;ctrl + maj +F&lt;/strong&gt;. Les subtilités
de reformatage sont disponibles dans les options d'édition de texte de
votre IDE.#+begin<sub>src</sub> shell</p>
<p>Wouala, que le zen soit avec vous! &lt;a href="<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</a>"
hreflang="en"&gt;image&lt;/a&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
<p class="after-article">
</p>
</article>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<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>
</div>
</div>
</footer>
</div>
</body>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
</html>