<?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>Développement web &#8211; Carnet Web</title>
	<atom:link href="https://www.carnetweb.fr/category/web-developpement/developpement-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.carnetweb.fr</link>
	<description>Observations, études de cas et veille UX/UI du web d&#039;aujourd&#039;hui</description>
	<lastBuildDate>Thu, 30 Apr 2026 06:53:33 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

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

					<description><![CDATA[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.]]></description>
										<content:encoded><![CDATA[
<p>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></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>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kaizen, c&#8217;est qui au juste?</title>
		<link>https://www.carnetweb.fr/kaizen-cest-qui-au-juste/ux-ui/ux/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 13:31:12 +0000</pubDate>
				<category><![CDATA[- Article -]]></category>
		<category><![CDATA[Développement web]]></category>
		<category><![CDATA[Projet web]]></category>
		<category><![CDATA[PROJET WEB & BUSINESS]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[UX/UI]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=167</guid>

					<description><![CDATA[Le cliché veut que notre société soit ultra compétitive, changeante, rempli d&#8217;informations. Nous nous adaptons, apprenons, évoluons, changeons nos méthodes et réflexes en un éclair. Débarqué de l&#8217;est profond, la pensée &#8216;kaizen&#8217; nous observe, et si je devais la représenter humainement, elle prendrait les traits d&#8217;un homme sans âge assis sur le rebord du murée [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><em>Le cliché veut que notre société soit ultra compétitive, changeante, rempli d&rsquo;informations. Nous nous adaptons, apprenons, évoluons, changeons nos méthodes et réflexes en un éclair. Débarqué de l&rsquo;est profond, la pensée &lsquo;kaizen&rsquo; nous observe, et si je devais la représenter humainement, elle prendrait les traits d&rsquo;un homme sans âge assis sur le rebord du murée en face de ma porte d&rsquo;entrée. Jour après jour il serait là, assis me regardant installé dans un sourire paisible. Mais c&rsquo;est qui au juste ce Kaizen?</em></p>



<h2 class="wp-block-heading">Kaizen ça veut dire quoi?</h2>



<p>Une rapide recherche sur mon dictionnaire en ligne préféré m&rsquo;indique que &lsquo;kaizen&rsquo; est la fusion entre deux mots japonais : <strong>&lsquo;kai&rsquo;, qui signifie &lsquo;changement&rsquo;</strong> et<strong> &lsquo;zen&rsquo; &lsquo;meilleur&rsquo;</strong>. Mais encore?</p>



<h2 class="wp-block-heading">Kaizen c&rsquo;est quoi?</h2>



<p>J&rsquo;apprends aussi que que ce n&rsquo;est pas un outil. Ce n&rsquo;est pas une méthode ou une organisation prête à être reproduite. <strong>Le Kaizen est une philosophie</strong> dont le concept aurait été utilisé au sortir de la deuxième guerre mondiale, alors que le peuple Japonais avait à sortir la tête de l&rsquo;eau pour penser à reconstruire. </p>



<h2 class="wp-block-heading">Philosophie de la &lsquo;corvée d&rsquo;entraide&rsquo;?</h2>



<p>Cette philosophie / activité « s&rsquo;apparenterait à la « corvée d&rsquo;entraide », où un groupe d&rsquo;individus s&rsquo;entraide pour rapidement passer au travers d&rsquo;une problématique. »</p>



<p>Et là mon imagination s&rsquo;envole. Je vois ces jeunes étudiants (environ 8 ans) distribuer eux-même le repas dans leur classe à midi, chacun ayant un rôle, puis après avoir mangé dans la bonne humeur, ils débarrassent bols et miettes, balaient le sol, lavent les tables, font la vaisselle sans l’intervention du professeur. <br>Surprise par ces gestes, je ne comprends pas cette scène sur le coup.</p>



<p>J&rsquo;image aussi une ville au sortir de la destruction d&rsquo;une bombe, partagée entre pleurs, peurs, et l&rsquo;envi de redresser la tête coute que coute pour demander à son voisin comment il va et lui porter secours. Je me demande : si chacun fait un geste pour tenter d&rsquo;améliorer cette ville de gravas, à quelle vitesse la vie reprendrait? </p>



<p>Même si le Japon ne correspond qu’à 0,28 % de la superficie terrestre, le pays est le site de 18,5 % des séismes de magnitude 6 ou plus. Autant dire que tous les ans, chaque japonais subit plusieurs secousses dont la plupart laissent que peu de dégâts car le Japon a appris à vivre avec (constructions antisismiques, gestes de survie appris et répétés à l&rsquo;école ou en entreprise, kit de survie obligatoire, éducation constante, &#8230;). <br>Tout ceci pour me rappeler la réalité des japonais : vivant sur plusieurs failles sismiques en activités, ils ont du s&rsquo;adapter naturellement à leur milieu et pour s&rsquo;en sortir sans trop de casse, chacun doit veiller sur son voisin, c&rsquo;est-à-dire la société, au quotidien. </p>



<p>C&rsquo;est sans doute ce que ces écoliers essayent de transmettre :<strong> apprendre la « corvée d&rsquo;entraide », où comment un groupe d&rsquo;individus s&rsquo;entraide pour passer rapidement au travers d&rsquo;une problématique</strong>.</p>



<h2 class="wp-block-heading">Kaizen dans l&rsquo;entreprise</h2>



<p>La <strong>méthode &lsquo;kaban&rsquo;</strong> et le <strong>diagramme de Pareto</strong>, utilisée entre autre dans la gestion de projet, seraient nés des antres de cette philosophie Kaizen.<br>Simplification des flux, amélioration de la qualité, amélioration des délais, amélioration de la productivité, amélioration des conditions de travail, cette philosophie sans âge pointe le bout de son nez dans tous les services d&rsquo;une entreprise pour observer, reporter, agir.</p>



<p>Les détracteurs de cette méthode insisteront sur le fait que appliqué sans se pencher sur la pensée à l&rsquo;origine du concept, l&rsquo;entreprise s&rsquo;automatise parfois en produisant plans, méthodes, tableaux, &#8230; oubliant peut-être parfois que seule la présence de tableaux et diagrammes se suffisent pas à faire entrer l&rsquo;entreprise dans un cercle vertueux d&rsquo;amélioration vers le succès.</p>



<h2 class="wp-block-heading">Kaizen? Laisser l&rsquo;homme observer et agir</h2>



<p>L&rsquo;essence du Kaizen est au delà de la méthode. C&rsquo;est une production  humaine et douce qui consiste à apporter de petites améliorations tous les jours de manières constante et avec une volonté inébranlable afin d&rsquo;atteindre la perfection, en prenant le risque de ne jamais l&rsquo;atteindre et de toujours améliorer.<br>Ce n&rsquo;est pas un travail. Ça ne se compte pas en heure mais peut-être en minutes que chacun pourra exploiter demain, après-demain, dans 10 ans, &#8230; créant de vrais changements humains sur le long terme.<br>On peut l&rsquo;utiliser en entreprise, mais pour que cet esprit soit installé dans un service, c&rsquo;est qu&rsquo;il aura d&rsquo;abord eu une valeur personnel importante. <br>La question a se poser est alors comment donner l&rsquo;information aux individus afin d’adhérer (ou non) à ce principe de vie? Ou comment développer l&rsquo;esprit Kaizen au delà de la méthode?</p>



<p>Concrètement, ça peut être de ne pas s&rsquo;attacher aux plans ou tableaux d&rsquo;hier s&rsquo;ils ne servent pas et les reconstruire aujourd&rsquo;hui, si notre emploi du temps le permet, pour voir s&rsquo;ils peuvent être plus utile.<br>Ou s&rsquo;assoir sur le murée d&rsquo;en face, lever son nez, observer son environnement, dire bonjour à son voisin et finir par avoir une conversation passionnée sur l&rsquo;utilisation des gants sur son poste de travail.<br>Une à une, à la vitesse d&rsquo;un goutte d&rsquo;eau qui rempli l&rsquo;océan. Rien de plus mais tout est dis.</p>



<h2 class="wp-block-heading">Les 10 règles Kaizen à méditer</h2>



<p>Mazaaki Imai diffusa les règles de Kaizen dans ces deux livres &lsquo;Kaizen&rsquo; et &lsquo;Gamba zaizen&rsquo; (1997). Il y définie 10 règles Kaizen comme clé du succès à long terme, toutes à méditer avant d&rsquo;en saisir le sens et domaines d&rsquo;application. <br>Une d&rsquo;entre elle vous fera peut-être sourire vous rappelant une sagesse interne oubliée. Ma règle du moment est la numéro 3 : tellement vrai.</p>



<ol class="wp-block-list">
<li>Osez remettre en question les pratiques actuelles</li>



<li>Voyez comment réussir un projet plutôt que de dire que cela ne fonctionnera jamais</li>



<li>Il ne faut jamais chercher des excuses à un problème et encore moins des coupables mais remettez les pratiques actuelles en cause</li>



<li>Ne visez pas la perfection du 1er coup, mais cherchez simplement l&rsquo;amélioration</li>



<li>N&rsquo;attendez pas pour corrigez les erreurs, il faut réagir dès qu&rsquo;elles apparaissent</li>



<li>Prioriser les solutions qui ne nécessitent pas d&rsquo;investissement</li>



<li>Même si cela fonctionne bien, cherchez des idées pour toujours améliorer votre travail</li>



<li>Identifiez la cause première de votre problème et posez-vous la question « pourquoi » 5 fois de suite</li>



<li>Avant de prendre des décisions, demandez les idées de 10 personnes plutôt que le savoir d&rsquo;une seule</li>



<li>L&rsquo;amélioration est infinie</li>
</ol>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Développer avec Mr Canard</title>
		<link>https://www.carnetweb.fr/mr-canard/web-developpement/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 13:28:54 +0000</pubDate>
				<category><![CDATA[- Article -]]></category>
		<category><![CDATA[Développement web]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=165</guid>

					<description><![CDATA[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;]]]></description>
										<content:encoded><![CDATA[
<p>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>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>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>La vie c&rsquo;est simple comme un canard !</p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Certificat SSL</title>
		<link>https://www.carnetweb.fr/certificat-ssl/web-developpement/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 13:27:55 +0000</pubDate>
				<category><![CDATA[- Article -]]></category>
		<category><![CDATA[Développement web]]></category>
		<category><![CDATA[Projet web]]></category>
		<category><![CDATA[PROJET WEB & BUSINESS]]></category>
		<category><![CDATA[Sécurité]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=163</guid>

					<description><![CDATA[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;]]]></description>
										<content:encoded><![CDATA[
<p><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>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>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>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>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>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>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>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><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>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>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
