<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des CULTURE WEB - Carnet Web</title>
	<atom:link href="https://www.carnetweb.fr/category/culture-web/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Veille technologique, Digital garden, &#38; Portfolio</description>
	<lastBuildDate>Wed, 19 Aug 2026 15:09:54 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://www.carnetweb.fr/wp-content/uploads/2023/06/logo-carnetweb-book-pt.png</url>
	<title>Archives des CULTURE WEB - Carnet Web</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Design system et CMS</title>
		<link>https://www.carnetweb.fr/ux-ui/design-system-et-cms/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Sat, 01 Jul 2023 07:15:00 +0000</pubDate>
				<category><![CDATA[CULTURE WEB]]></category>
		<category><![CDATA[UX/UI]]></category>
		<guid isPermaLink="false">https://www.carnetweb.fr/?p=3790</guid>

					<description><![CDATA[<p>Design system ok, mais doit-on l&#8217;utiliser même lorsque qu&#8217;on travaille sur un CMS tel que wordpress ? Réponse dans cette présentation vidéo : un design systèm devient aussi un document de référence pour que le développeur puisse donner vie au thème tout au long de la vie du site.</p>
<p>L’article <a href="https://www.carnetweb.fr/ux-ui/design-system-et-cms/">Design system et CMS</a> est apparu en premier sur <a href="https://www.carnetweb.fr">Carnet Web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Design system ok, mais doit-on l&rsquo;utiliser même lorsque qu&rsquo;on travaille sur un CMS tel que wordpress ? Réponse dans cette présentation vidéo : un design systèm devient aussi un document de référence pour que le développeur puisse donner vie au thème tout au long de la vie du site.</p>



<p class="wp-block-paragraph"></p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.youtube.com/watch?v=4wqXGdOeT6A" target="_blank" rel="noreferrer noopener">Vers le contenu</a></div>
</div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="6. Design system d&#039;un site - Fondamentaux du web design" width="500" height="281" src="https://www.youtube.com/embed/4wqXGdOeT6A?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
<p>L’article <a href="https://www.carnetweb.fr/ux-ui/design-system-et-cms/">Design system et CMS</a> est apparu en premier sur <a href="https://www.carnetweb.fr">Carnet Web</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Développer avec Mr Canard</title>
		<link>https://www.carnetweb.fr/culture-web/mr-canard/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 13:28:54 +0000</pubDate>
				<category><![CDATA[CULTURE WEB]]></category>
		<category><![CDATA[GESTION DE PROJET DIGITAL]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=165</guid>

					<description><![CDATA[<p>L&#8217;ouvrage d&#8217;Andrew Hunt et David Thomas, The Pragmatic Programmer: From Journeyman to Master, publié en 1999, semble être le premier à mentionner la méthode du canard en caoutchouc sous ce nom (rubber ducking en anglais)4. Selon cet ouvrage, David Thomas a fréquenté un étudiant à l&#8217;Imperial College London nommé Greg Pugh, réputé excellent programmeur. Greg [&#8230;]</p>
<p>L’article <a href="https://www.carnetweb.fr/culture-web/mr-canard/">Développer avec Mr Canard</a> est apparu en premier sur <a href="https://www.carnetweb.fr">Carnet Web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">L&rsquo;ouvrage d&rsquo;<a href="https://fr.wikipedia.org/wiki/Andy_Hunt">Andrew Hunt</a> et <a href="https://fr.wikipedia.org/wiki/Dave_Thomas_(programmeur)">David Thomas</a>, <em>The Pragmatic Programmer: From Journeyman to Master</em>, publié en 1999, semble être le premier à mentionner la méthode du canard en caoutchouc sous ce nom (<em>rubber ducking</em> en anglais)<sup><a href="https://fr.wikipedia.org/wiki/M%C3%A9thode_du_canard_en_plastique#cite_note-4">4</a></sup>. Selon cet ouvrage, David Thomas a fréquenté un étudiant à l&rsquo;<em><a href="https://fr.wikipedia.org/wiki/Imperial_College_London">Imperial College London</a></em> nommé Greg Pugh, réputé excellent programmeur. Greg Pugh transportait en permanence avec lui un canard en caoutchouc jaune et a expliqué le procédé à David Thomas à sa demande.</p>



<p class="wp-block-paragraph">Rien de magique, la seule présence d&rsquo;un témoin extérieur, même s&rsquo;il est en plastique, nous permettrait de faire une pause et regarder le problème d&rsquo;un œil nouveau. Le fait d&rsquo;expliquer son problème d&rsquo;une voix intelligible permettrait de poser un jalon et de repartir mentalement vers une autre série d&rsquo;itération.</p>



<p class="wp-block-paragraph">Sur mon bureau, pas de canard jaune. Il pourrait pourtant tenir compagnie à ma petite figurine que j&rsquo;invite sur ma table lorsque j&rsquo;ai besoin d&rsquo;énergie fraîche. Grâce à ce petit tour de passe-passe, j&rsquo;en ai traversé  des moments difficiles, à excaver des solutions de ma tête enlisée. </p>



<p class="wp-block-paragraph">La vie c&rsquo;est simple comme un canard !</p>



<p class="wp-block-paragraph"></p>
<p>L’article <a href="https://www.carnetweb.fr/culture-web/mr-canard/">Développer avec Mr Canard</a> est apparu en premier sur <a href="https://www.carnetweb.fr">Carnet Web</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Certificat SSL</title>
		<link>https://www.carnetweb.fr/culture-web/certificat-ssl/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 13:27:55 +0000</pubDate>
				<category><![CDATA[CULTURE WEB]]></category>
		<category><![CDATA[GESTION DE PROJET DIGITAL]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=163</guid>

					<description><![CDATA[<p>En 2019 1,7 milliard de sites internet étaient recensés dans le monde. En 1991 il y en avait un. Avec cette explosion, les opportunités pour les hackers augmentent au même rythme que nos besoins de sécuriser serveurs et sites. Le certificat SSL fait partie de la vie d&#8217;un site. Pourquoi un certificat SSL? Le certificat [&#8230;]</p>
<p>L’article <a href="https://www.carnetweb.fr/culture-web/certificat-ssl/">Certificat SSL</a> est apparu en premier sur <a href="https://www.carnetweb.fr">Carnet Web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><em>En 2019 1,7 milliard de sites internet étaient recensés dans le monde. En 1991 il y en avait un. Avec cette explosion, les opportunités pour les hackers augmentent au même rythme que nos besoins de sécuriser serveurs et sites. Le certificat SSL fait partie de la vie d&rsquo;un site.</em></p>



<h2 class="wp-block-heading">Pourquoi un certificat SSL?</h2>



<p class="wp-block-paragraph">Le certificat SSL est un protocole pour sécuriser les données sur les serveurs. Cette certification sera à demander auprès d&rsquo;une société tierce, et ce n&rsquo;est qu&rsquo;une fois installé sur votre serveur et votre site configuré, que vos visiteurs bénéficieront du fameux https sécurisé.</p>



<p class="wp-block-paragraph">Le moteur de recherche Google a largement contribué à sa généralisation. Les sites e-commerce ou entreprises gérant des données très sensibles se sont aussitôt penchés sur le certificat SSL et la migration de leurs sites en https. On pouvait alors reconnaître les sociétés ayant fait le pas en examinant la forme de l&rsquo;url dans le navigateur.</p>



<p class="wp-block-paragraph">On trouve encore certains sites en http mais ils se font rares car le moteur de recherche, leader incontournable, Google accorde des points négatifs qui ont un impact handicapant pour le référencement naturel (SEO).<br>Vous avez certainement déjà atterri sur une page comportant un horrible message &lsquo;Échec de la connexion sécurisée&rsquo; : la porte d&rsquo;entrée d&rsquo;un site sans SSL ressemble à ça.<br>Pour résumer, <strong>pas de certificat SSL, et vous n&rsquo;existez plus face à vos concurrents</strong>.</p>



<h2 class="wp-block-heading">Il existe plusieurs types de certificats</h2>



<p class="wp-block-paragraph">Très souvent, les hébergements de sites web sur serveur mutualisé, inclut (ou propose) un certificat SSL. Si vous gérez vous-même votre serveur, il faudra installer le certificat par vous même.</p>



<p class="wp-block-paragraph">Comme rien n’est simple en matière de web (c’est bien connu <img decoding="async" alt="&#x1f609;" src="https://s.w.org/images/core/emoji/13.0.0/svg/1f609.svg" style="width: 30px;"> ), plusieurs types de certification s’offrent à vous. Les trois premiers facteurs pour faire votre choix seront sans doute le prix, le niveau de sécurité nécessaire, le niveau technique dont vous disposez.</p>



<h2 class="wp-block-heading">Que valent les certificats gratuits?</h2>



<p class="wp-block-paragraph">Notons que certains certificats sont totalement gratuits. Il s’agit de <a rel="noreferrer noopener" href="https://letsencrypt.org/" target="_blank">Let’s encrypte</a> et de <a rel="noreferrer noopener" href="https://www.cloudflare.com/ssl/" target="_blank">Cloudflare</a> (octobre 2020).<br>Inutile de paraphraser l’article très clair de <a href="https://www.tophebergeur.com/tutoriels/seo/https-traditionnel-letsencrypt-cloudflare/">www.tophebergeur.com/tutoriels/seo/https-traditionnel-letsencrypt-cloudflare</a> qui détaille bien les différences. Mon but ici est de résumer et de faire écho. N’hésitez pas à faire un tour sur le site lorsque vous aurez besoin de plus de renseignements ou d’une comparaison avantages/inconvénients des certificats payant / gratuit Lets’ encrypte / gratuit Cloudflare.</p>



<h2 class="wp-block-heading">Pourquoi pas Cloudflare ?</h2>



<p class="wp-block-paragraph">Pour un grand nombre de blog ou de site ‘vitrine’ ne proposant pas d’ouverture de compte, d’achat en ligne, le certificat Cloudflare peut largement suffire. La procédure est simple mais elle demandera de respecter 3 étapes : créer un compte Cloudflare et demander son certificat; attendre que votre site soit ‘reconnu’ par Clouflare; télécharger le plugin WordPress ‘Really simple SSL’ et le configurer. (j’ajoute en fin d’article des vidéos qui m’ont accompagné pour l’installation).</p>



<p class="wp-block-paragraph"><strong>Je résume ici les avantages du certificat Cloudflare :</strong></p>



<ul class="wp-block-list">
<li>Gratuit,</li>



<li>Rapide à mettre en place, pas tracas de configuration,</li>



<li>Certificat sans durée de vie (90 jours pour let’s encrypte; ou 1 an pour les certificats payants), dont pas de renouvellement à programmer,</li>



<li>Optimisation du chargement des pages de VOTRE site à travers l’auto-minifier JS, CSS et HTML que propose Cloudflare,</li>



<li>Une sécurité pour des blogs et sites ‘vitrine’</li>
</ul>



<h2 class="wp-block-heading">Ressources pour l’installation de Cloudflare</h2>



<p class="wp-block-paragraph">Ces vidéos pourront aider à installer le certificat (bah oui, moi je partage, moi!). Ces deux vidéos se complètent pour une installation de a à z. (et j’ajoute à ma to-do list : ‘trouver comment faire un tuto vidéo’). </p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-rich is-provider-prise-en-charge-des-contenus-embarques wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="How To Add HTTPS SSL Certificate To WordPress Website" width="500" height="281" src="https://www.youtube.com/embed/1-mwEqVXG3g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
<p>L’article <a href="https://www.carnetweb.fr/culture-web/certificat-ssl/">Certificat SSL</a> est apparu en premier sur <a href="https://www.carnetweb.fr">Carnet Web</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
