<?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>WEB DEVELOPPEMENT &#8211; Carnet Web</title>
	<atom:link href="https://www.carnetweb.fr/category/web-developpement/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>WEB DEVELOPPEMENT &#8211; Carnet Web</title>
	<link>https://www.carnetweb.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Comment maîtriser les collectes de datas sur mobile &#8211; Esther Onfroy</title>
		<link>https://www.carnetweb.fr/comment-maitriser-les-collectes-de-datas-sur-mobile-esther-onfroy/web-developpement/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Sat, 01 Jul 2023 07:28:00 +0000</pubDate>
				<category><![CDATA[- Veille -]]></category>
		<category><![CDATA[Sécurité]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<guid isPermaLink="false">https://www.carnetweb.fr/?p=3801</guid>

					<description><![CDATA[Le développement d&#8217;applications Android se fait grâce au SDK ( Software Developpement Kit). Facilement intégrable, le SDK permet acquérir les fonctionnalités sans avoir à maintenir le code. Pratique il est aussi une véritable boite noire que nous installons sur nos sites. Il devient donc primordiale de se sensibiliser à la collecte de données et de [&#8230;]]]></description>
										<content:encoded><![CDATA[
<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="POURQUOI SÉCURISER ET MAÎTRISER LES COLLECTES DE DATAS SUR MOBILE - Esther ONFROY" width="500" height="281" src="https://www.youtube.com/embed/o55Ap9EW8XA?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>Le développement d&rsquo;applications Android se fait grâce au SDK ( Software Developpement Kit). Facilement intégrable, le SDK permet acquérir les fonctionnalités sans avoir à maintenir le code.<br><br>Pratique il est aussi une véritable boite noire que nous installons sur nos sites. Il devient donc primordiale de se sensibiliser à la collecte de données et de se donner les moyens pour savoir avec quoi nous travaillons.<br><br>Une question me reste : quelles utilisations des données avec les CMS et leurs blocs de fonctionnalités tierce intégrables par brique ?</p>
]]></content:encoded>
					
		
		
			</item>
		<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>Un jeu sur la protection de données : Million Data_ Baby</title>
		<link>https://www.carnetweb.fr/un-jeu-sur-la-protection-de-donnees-million-data_-baby/web-developpement/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Sat, 01 Jul 2023 07:12:00 +0000</pubDate>
				<category><![CDATA[- Veille -]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[PROJET WEB & BUSINESS]]></category>
		<category><![CDATA[Sécurité]]></category>
		<category><![CDATA[UX/UI]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<guid isPermaLink="false">https://www.carnetweb.fr/?p=3785</guid>

					<description><![CDATA[Le RGPD, la protection des données, ce n&#8217;est pas drôle à aborder. Quoi de plus ludique qu&#8217;un jeu de carte dont le but est de dominer le marché et devenir le plus grand pourvoyeur de données au monde. Ludique on peut y jouer à deux et jusqu&#8217;à six. Apprendre par le jeu en changeant de [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Le RGPD, la protection des données, ce n&rsquo;est pas drôle à aborder. Quoi de plus ludique qu&rsquo;un jeu de carte dont le but est de dominer le marché et devenir le plus grand pourvoyeur de données au monde. Ludique on peut y jouer à deux et jusqu&rsquo;à six. Apprendre par le jeu en changeant de vie le temps d&rsquo;une partie et se mettant à la place d&rsquo;un professionnel de la data.<br>Vive Million Data_ Baby !</p>



<p></p>



<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="Million Data_ Baby &#x1f973; Prix du Jury au Pitch Pitch d&#039;Ulule" width="500" height="281" src="https://www.youtube.com/embed/v5LVr0dvGys?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>Au secours, je fais du produit ! Guide de collaboration</title>
		<link>https://www.carnetweb.fr/au-secours-je-fais-du-produit-guide-de-collaboration/web-developpement/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Sat, 01 Jul 2023 07:01:00 +0000</pubDate>
				<category><![CDATA[- Veille -]]></category>
		<category><![CDATA[Projet web]]></category>
		<category><![CDATA[PROJET WEB & BUSINESS]]></category>
		<category><![CDATA[UX/UI]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<guid isPermaLink="false">https://www.carnetweb.fr/?p=3777</guid>

					<description><![CDATA[Collaboration product et designer, un guide de la collaboration en milieu hostile. Un article intéressant.]]></description>
										<content:encoded><![CDATA[
<p>Collaboration product et designer, un guide de la collaboration en milieu hostile. Un article intéressant.</p>



<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 loading="lazy" title="#HorizonUX - Alizée Lambert - Au secours, je fais du produit ! Guide de collaboration" width="500" height="281" src="https://www.youtube.com/embed/hCBRYTtXMyw?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>Site : Rawpixel banque d&#8217;image &#8211; Etre héro et créateur de contenu</title>
		<link>https://www.carnetweb.fr/rawpixel-banque-de-donnee-dimages/web-developpement/webdesign/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 13:39:12 +0000</pubDate>
				<category><![CDATA[- Article -]]></category>
		<category><![CDATA[Storytelling]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Ressources web]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=171</guid>

					<description><![CDATA[Sur le web d&#8217;aujourd&#8217;hui, il n&#8217;est pas (encore) possible d&#8217;utiliser tous ses sens. Je ne peux pas touché un vêtement, sentir un parfum ou projeter mon corps au milieu d&#8217;une chambre d&#8217;hôtel &#8230; . Toutes ces informations doivent passer par le visuel et notre canal cognitif. Pour cela, la composition de la page, le choix [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><mark style="background-color:#f7e1e1" class="has-inline-color">Sur le web d&rsquo;aujourd&rsquo;hui, il n&rsquo;est pas (encore) possible d&rsquo;utiliser tous ses sens</mark>. Je ne peux pas touché un vêtement, sentir un parfum ou projeter mon corps au milieu d&rsquo;une chambre d&rsquo;hôtel &#8230; . Toutes ces informations doivent passer par le visuel et notre canal cognitif. </p>



<p>Pour cela, la composition de la page, le choix des couleurs, des images, un mélange de <mark style="background-color:#f7e1e1" class="has-inline-color">textes et images bien choisi aideront les utilisateurs à mieux comprendre et mémoriser</mark><strong> </strong>le contenu de la page.</p>



<p><mark style="background-color:#f7e1e1" class="has-inline-color">Mais quelle solution pour le créateur de contenu qui n&rsquo;a pas le temps de créer une image pour chacun de ses articles ?</mark></p>



<p>Connaissant plusieurs banque de données d&rsquo;images libre de droit, il fallait que j&rsquo;aille sur chacunes d&rsquo;elles pour trouver la bonne image. X visites de sites, x clics et scrolls pour trouver la bonnes images. Trop long&#8230;</p>



<p>J&rsquo;ai été<strong> </strong><mark style="background-color:#f7e1e1" class="has-inline-color">agréablement surprise en testant Rawpixel</mark>. La base d&rsquo;image ( <s>gratuite</s> ) libre de droit est assez importante, variée et qualitative. J&rsquo;ai l&rsquo;impression de perdre moins de temps avec cette tâche répétitive et nécessaire.</p>



<ul class="wp-block-list">
<li>Le compte que l&rsquo;on se crée permet de télécharger jusqu&rsquo;à 10 images par jour parmi la sélection &lsquo;Free&rsquo;. </li>
</ul>



<ul class="wp-block-list">
<li>A la fin de chaque téléchargement, nous sommes invité à devenir un héro en ajouter les copyright aux photos (« Be a hero » and link to rawpixel.com when using images. This helps our artists gain the recognition they deserve. »</li>
</ul>



<p>Forcement, on aime tous être héro, ou du moins, cela fait du bien de se remettre à penser que derrière ces photos repiquées sauvagement sur le web, il y a des photographes, des illustrateurs qui passe du temps à rêver de nous.</p>



<p></p>



<p></p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" data-id="1459" src="https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-calm.jpg" alt="" class="wp-image-1459"/></figure>



<figure class="wp-block-image size-large"><img decoding="async" data-id="1462" src="https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-illustration.jpg" alt="" class="wp-image-1462"/></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="562" data-id="1461" src="https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-town.jpg" alt="" class="wp-image-1461" srcset="https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-town.jpg 1024w, https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-town-300x165.jpg 300w, https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-town-768x422.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="683" data-id="1460" src="https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-ux.jpg" alt="" class="wp-image-1460" srcset="https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-ux.jpg 1024w, https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-ux-300x200.jpg 300w, https://www.carnetweb.fr/wp-content/uploads/2023/06/art-rawpixel-ux-768x512.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</figure>



<p></p>



<p>Image by <a rel="noreferrer noopener" href="http://rawpixel.com" target="_blank"><strong>rawpixel.com</strong></a>   (Je suis un héro <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> !!!!)</p>



<p></p>
]]></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 loading="lazy" 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>
		<item>
		<title>The principe of uncertainty de l&#8217;illustratrice Maira Kalman</title>
		<link>https://www.carnetweb.fr/the-principe-of-uncertainty-by-maira-kalman/web-developpement/webdesign/</link>
		
		<dc:creator><![CDATA[Alexandra]]></dc:creator>
		<pubDate>Sun, 04 Apr 2021 13:37:00 +0000</pubDate>
				<category><![CDATA[- Article -]]></category>
		<category><![CDATA[WEB DEVELOPPEMENT]]></category>
		<category><![CDATA[Webdesign]]></category>
		<guid isPermaLink="false">http://localhost/carnetwebfr/?p=169</guid>

					<description><![CDATA[Maira Kalman est une illustratrice travaillant la gouache, écrivain et artiste New-Yorkaise. On reconnait son style reconnaissable entre 1000 sur certaines couvertures du magazine &#8216;The New Worker&#8217;. Elle a également produit des livres pour enfants et pour plus grands, mêlant illustrations hautes en couleurs et textes narratifs. Son travail est toujours extrêmement ludiques, et fait [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><br><em>Maira Kalman est une illustratrice travaillant la gouache, écrivain et artiste New-Yorkaise. On reconnait son style reconnaissable entre 1000 sur certaines couvertures du magazine &lsquo;The New Worker&rsquo;. Elle a également produit des livres pour enfants et pour plus grands, mêlant illustrations hautes en couleurs et textes narratifs.</em></p>



<p>Son travail est toujours extrêmement ludiques, et fait appel aux ressentis que l&rsquo;on a des choses plutôt que de s&rsquo;acharner à représenter la réalité. <br>Elle conte très souvent sa ville au détour de ses ballades et nous la livre  transformée par son regard intérieur et sa palette de couleur irréelle et pourtant tellement vivante.</p>



<p>Je plonge dans son univers avec son livre &lsquo;the principles of uncertainty&rsquo;. Comment ne peut t&rsquo;on pas sourire tendrement en rencontrant tous ses personnages, car Mme Kalman illustre à merveille l&rsquo;humanité de ce monde.</p>



<p>Au détour de mes errances j&rsquo;en apprend un peu plus sur le fameux principe d&rsquo;incertitude, titre du livre.</p>



<p class="has-background" style="background-color:#afd8c8">« En <a href="https://fr.wikipedia.org/wiki/M%C3%A9canique_quantique">mécanique quantique</a>, le <strong>principe d&rsquo;incertitude</strong> ou, plus correctement, <strong>principe d&rsquo;indétermination</strong>, aussi connu sous le nom de <strong>principe d&rsquo;incertitude de Heisenberg</strong>, désigne toute inégalité mathématique affirmant qu&rsquo;il existe une limite fondamentale à la précision avec laquelle il est possible de connaître simultanément deux propriétés physiques d&rsquo;une même particule&nbsp;; ces deux variables dites <a href="https://fr.wikipedia.org/wiki/Principe_de_compl%C3%A9mentarit%C3%A9">complémentaires</a> peuvent être sa <a href="https://fr.wikipedia.org/wiki/Vecteur_position">position</a> et sa <a href="https://fr.wikipedia.org/wiki/Quantit%C3%A9_de_mouvement">quantité de mouvement</a>. »</p>



<p>Ce qui fait de cette merveilleuse artiste une physicienne quantique :-).<br>Le sait elle au moins.</p>



<p>C&rsquo;est décidé : dans mon prochain métier je veux peindre comme elle!</p>



<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 loading="lazy" title="the principles of uncertainty - Maira Kalman" width="500" height="281" src="https://www.youtube.com/embed/Ii3qHjLHyXM?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>
