Jekyll2022-12-27T17:49:40+00:00https://odevillardi.fr/feed.xmlOlivier de VillardiJe suis un travailleur du Web depuis 15 ans. Vous trouverez beaucoup de liens et quelques publications.Olivier de VillardiWhy the super rich are inevitable2022-12-22T04:00:00+00:002022-12-22T04:00:00+00:00https://odevillardi.fr/2022/12/22/why-the-super-rich-are-inevitableOlivier de VillardiYou’re not drinking?2022-12-21T13:47:00+00:002022-12-21T13:47:00+00:00https://odevillardi.fr/2022/12/21/alcool<p>Seasonal reminder: Alcohol is a completely legal drug that destroys lives, relationships and families. Don’t make it hard for people who are trying to stay sober to enjoy festivities and functions.</p>
<p>(The author of the image is https://www.madsahara.com/illustration/)</p>Olivier de VillardiSeasonal reminder: Alcohol is a completely legal drug that destroys lives, relationships and families. Don’t make it hard for people who are trying to stay sober to enjoy festivities and functions.Bose VCS 102022-12-20T04:00:00+00:002022-12-20T04:00:00+00:00https://odevillardi.fr/2022/12/20/bose-vcs-10Olivier de VillardiDestination→live2021-04-30T09:00:00+00:002021-04-30T09:00:00+00:00https://odevillardi.fr/2021/04/30/destination-liveOlivier de VillardiSalut Frank2021-04-30T09:00:00+00:002021-04-30T09:00:00+00:00https://odevillardi.fr/2021/04/30/frankOlivier de VillardiChambéry végan2020-12-18T09:00:00+00:002020-12-18T09:00:00+00:00https://odevillardi.fr/2020/12/18/chambery-veganOlivier de VillardiCréation de HALF revolution2020-10-22T13:00:00+00:002020-10-22T13:00:00+00:00https://odevillardi.fr/2020/10/22/half-revolution<p>Treize ans après avoir créé <strong>Xtrib</strong>, <em>le premier site de téléchargement de musique en son HD</em>, avec mon acolyte Nicolas, c’est avec un très grand plaisir que je m’aventure <strong>à nouveau</strong> dans l’entreprenariat en lançant <strong><a href="https://half.re/">HALF revolution</a></strong>.</p>
<h2 id="propositions">Propositions</h2>
<p>Avec treize ans d’expérience et de recul en plus ainsi que treize années d’innovations techniques et technologiques à disposition, je souhaite proposer deux principaux services à mes clients.</p>
<h3 id="design--développement">Design & développement</h3>
<p>Ce sont les deux domaines qui m’intéressent le plus depuis que j’ai découvert Paint et Frontpage dans les années 90.</p>
<p>C’est ma <strong>formation initiale</strong> (l’<a href="https://ingenieur-imac.fr">école d’ingénieur IMAC</a> qui allie Arts et Sciences) et ce que j’ai le plus éprouvé en dehors de mon temps de travail officiel, sur de nouveaux outils évidemment !</p>
<p>Combinés à mon expérience en <strong>gestion de projet</strong>, je serai en mesure de proposer une <em>solution complète</em> pour la création de petits projets Web.</p>
<p>Je saurai également être modeste et renvoyer vers des prestataires mieux armés que moi pour mener certains projets très ambitieux, tout en accompagnant si besoin.</p>
<h3 id="valeurs">Valeurs</h3>
<p>Quelques principes vont guider cette aventure :</p>
<ul>
<li><strong>sobriété</strong> : aussi bien graphique que technique, c’est le point de départ de mon travail. Une identité visuelle <strong>honnête</strong> et des solutions techniques <strong>économes</strong>.</li>
<li><strong>simplicité</strong> : certains diront que c’est redondant, ça me paraît complémentaire. Faire simple pour que ça dure, en utilisant des <strong>technologiess éprouvées et pérennes</strong> (html, css, markdown).</li>
<li><strong>vie privée</strong> : l’objectif est de n’envoyer aucune information personnelle aux géants du Web. Respecter les visiteurs qui viennent chez nous me semble être la moindre des choses.</li>
</ul>
<hr />
<div class="gray-background">
<p>
Je propose donc deux services :
</p>
<ul>
<li><em>créer</em> des identités visuelles <strong>cohérentes</strong></li>
<li><em>développer</em> des sites Web <strong>performants</strong></li>
</ul>
<p>
Le tout, dans le respect des visiteurs et dans un souci de sobriété.
</p>
</div>
<h2 id="identité-visuelle">Identité visuelle</h2>
<p>Le nom <strong>HALF revolution</strong> m’est venu en pensant, en tant que matheux, qu’<em>une révolution est un tour complet</em> et renvoie donc exactement à la position de départ.</p>
<p>Alors qu’une demi révolution emmène dans une direction différente, opposée même.</p>
<p>Pour le logo, le point de départ est la police <code class="language-plaintext highlighter-rouge">PT Mono</code> modifiée pour rendre <strong>HALF</strong> parfaitement rectiligne. La police est utilisée telle quelle pour <strong>revolution</strong>.</p>
<p>Ce nom peut aussi être décliné en fonction des services proposés et potentiellement d’autres à venir.</p>
<p><img src="/dist/posts-img/half.jpg" alt="Logo HALF revolution" /></p>
<p>Visuellement, le L et son symétrique représentent chacun un demi-tour et forment l’étendard de <strong>HALF revolution</strong>. On peut également y voir un labyrinthe très facile à résoudre, symbole de la promesse d’une grande simplicité.</p>
<p><img src="/dist/posts-img/half-fav.svg" alt="Favicon HALF revolution" /></p>
<h2 id="présence-web">Présence Web</h2>
<p>Évidemment, pour ce qui est de la présence en ligne, un <strong>site statique</strong>.</p>
<p><img src="/dist/posts-img/half-site.png" alt="Capture d’écran du site Web de HALF revolution" /></p>
<p>Créé avec <a href="http://jekyllrb.com">Jekyll</a>, hébergé sur <a href="https://pages.github.com">Github Pages</a>.</p>
<p>J’ai particulièrement travaillé :</p>
<ul>
<li>le <strong>menu</strong>, en <code class="language-plaintext highlighter-rouge">flex</code>, pour qu’il soit parfait sous toutes les largeurs ;</li>
<li>les <strong>polices</strong> géantes en <code class="language-plaintext highlighter-rouge">vw</code> pour un résultat super badass sur grand écran tout en restant ultra lisible sur les téléphones les plus petits ;</li>
<li>les <strong>visuels</strong> avec une technique piquée je-ne-sais-plus-où : export avec forte compression pour un poids mini mais dans une grande taille pour que le résultat soit satisfaisant sur tous les écrans sans multiplier les ressources ;</li>
<li>la <strong>fausse citation</strong> de Marie-Antoinette, parce qu’il faut bien rigoler hein !</li>
</ul>
<hr />
<div class="gray-background">
<p>
Je vous laisse vous faire votre propre avis en visitant <a href="https://half.re/"><strong>HALF revolution</strong></a>.
</p>
<p>
N’hésitez pas à <strong>faire suivre</strong> si vous pensez que certain·e·s pourraient être intéressé·e·s par mes services.
</p>
</div>
<p>À très vite.</p>
<p><img src="/dist/posts-img/half-responsive.jpg" alt="Capture d’écran du site Web de HALF revolution" /></p>Olivier de VillardiTreize ans après avoir créé Xtrib, le premier site de téléchargement de musique en son HD, avec mon acolyte Nicolas, c’est avec un très grand plaisir que je m’aventure à nouveau dans l’entreprenariat en lançant HALF revolution.Understanding Superstition2020-07-06T11:24:12+00:002020-07-06T11:24:12+00:00https://odevillardi.fr/2020/07/06/superstition<p><a href="https://www.youtube.com/channel/UCTUtqcDkzw7bisadh6AOx5w">12tone</a>:</p>
<blockquote>
<p>Groove is one of the most underrated aspects of modern music, at least from a music theory perspective. The way a good funk groove layers lots of different rhythms with different lengths and different layers of complexity in order to form one towering, cohesive whole is amazing, and few artists understood how to do that half as well as Stevie Wonder. He’s put out so many hits it’s hard to know where to start, but Superstition is one of the most impressive feats of groove ever recorded, so I wanted to take it apart, piece by piece, and really understand how exactly it all works together!</p>
</blockquote>
<ul>
<li><a href="https://www.patreon.com/12tonevideos">Patreon</a></li>
<li><a href="http://standard.tv/12tone">Merch</a></li>
<li><a href="https://discord.gg/eK3FpXf">Discord</a></li>
<li><a href="http://eepurl.com/bCTDaj">Mailing List</a></li>
<li><a href="https://www.facebook.com/12tonevideos">Facebook</a></li>
<li><a href="https://twitter.com/12tonevideos">Twitter</a></li>
<li><a href="https://www.instagram.com/12tonevideos/">Instagram</a></li>
<li>Email: 12tonevideos@gmail.com</li>
<li><a href="https://youtu.be/JvyChMVvqnQ">Last</a></li>
<li><a href="https://tinyurl.com/ycmd4328">Script</a></li>
</ul>Olivier de Villardi12tone: Groove is one of the most underrated aspects of modern music, at least from a music theory perspective. The way a good funk groove layers lots of different rhythms with different lengths and different layers of complexity in order to form one towering, cohesive whole is amazing, and few artists understood how to do that half as well as Stevie Wonder. He’s put out so many hits it’s hard to know where to start, but Superstition is one of the most impressive feats of groove ever recorded, so I wanted to take it apart, piece by piece, and really understand how exactly it all works together!Time to ride the future2020-07-01T10:00:00+00:002020-07-01T10:00:00+00:00https://odevillardi.fr/2020/07/01/vanmoof-time-to-ride-the-future<p>The alternative to gridlocked freeways and overflowing subways. Time to ride the future.</p>
<p>The new electric VanMoof S3 & X3 are the world’s most advanced e-bikes. Redefine your movement to redefine your city.</p>
<p>En savoir plus : <a href="https://www.vanmoof.com/fr-FR/s3">https://www.vanmoof.com/fr-FR/s3</a></p>Olivier de VillardiThe alternative to gridlocked freeways and overflowing subways. Time to ride the future.Transparent pour l’utilisateur ? Non ! Invisible.2020-06-18T13:47:00+00:002020-06-18T13:47:00+00:00https://odevillardi.fr/2020/06/18/invisible-pas-transparent<p>Vous confondez <strong>transparent</strong> et <strong>invisible</strong>. C’est fâcheux.</p>
<p>Quand vous dites :</p>
<blockquote>
<p>« C’est transparent pour l’utilisateur »</p>
</blockquote>
<p>vous voulez dire que l’utilisateur ne se rend pas compte de ce qui se passe. C’est donc <em>invisible</em> <strong><em>pour lui</em></strong>. Ou encore <em>caché</em>. Caché car l’enrobage, le contenant, la méthode… est <em>opaque</em>. Donc pas vraiment transparent…</p>
<p>En disant <em>transparent</em>, vous énoncez une contre-vérité ! Puisque vous dites <em>transparent</em> au lieu de <em>opaque</em>. Un peu comme si vous disiez <em>« Les finances de Levallois-Perret, c’est transparent pour le contribuable. »</em>.
<!--more-->
Vous pouvez donc dire :</p>
<blockquote>
<p>« C’est opaque pour l’utilisateur »</p>
</blockquote>
<p>ou</p>
<blockquote>
<p>« C’est invisible pour l’utilisateur »</p>
</blockquote>
<p>si vous ne voulez pas dire opaque.</p>
<p>Je ne suis pas un tyran.</p>Olivier de VillardiVous confondez transparent et invisible. C’est fâcheux. Quand vous dites : « C’est transparent pour l’utilisateur » vous voulez dire que l’utilisateur ne se rend pas compte de ce qui se passe. C’est donc invisible pour lui. Ou encore caché. Caché car l’enrobage, le contenant, la méthode… est opaque. Donc pas vraiment transparent… En disant transparent, vous énoncez une contre-vérité ! Puisque vous dites transparent au lieu de opaque. Un peu comme si vous disiez « Les finances de Levallois-Perret, c’est transparent pour le contribuable. ».