<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://chierchia.fr/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><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>responsive - Ange Chierchia</title>
	<atom:link href="https://chierchia.fr/tag/responsive/feed/" rel="self" type="application/rss+xml" />
	<link>https://chierchia.fr/tag/responsive/</link>
	<description>Développeur Web full-stack</description>
	<lastBuildDate>Sat, 16 Nov 2024 14:10:05 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://chierchia.fr/wp-content/uploads/cropped-16350293-SSDKVqo3-32x32.jpg</url>
	<title>responsive - Ange Chierchia</title>
	<link>https://chierchia.fr/tag/responsive/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
					<title>#wdfr S02E01 – Responsive Web Design</title>
					<link>https://chierchia.fr/2011/10/compte-rendu-wdfr-responsive-webdesign/</link>
					<comments>https://chierchia.fr/2011/10/compte-rendu-wdfr-responsive-webdesign/#respond</comments>
		
		<dc:creator><![CDATA[<span class='p-author h-card'>Ange Chierchia</span>]]></dc:creator>
		<pubDate>Wed, 12 Oct 2011 13:30:53 +0000</pubDate>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[Notes]]></category>
		<category><![CDATA[communauté]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[wdfr]]></category>
		<category><![CDATA[wdfriday]]></category>
		<guid isPermaLink="false">https://nighcrawl.com/blog/2011/10/compte-rendu-wdfr-responsive-webdesign</guid>

					<description><![CDATA[Le vendredi 2 septembre, on avait évoqué le responsive web design. Aujourd’hui, le compte rendu de la session a été publié sur le blog du Webdesign Friday.]]></description>
										<content:encoded><![CDATA[<div class='e-content'>Le vendredi 2 septembre, on avait évoqué le responsive web design. Aujourd’hui, le compte rendu de la session a été publié sur <a href="https://web.archive.org/web/20111014232244/http://www.wdfriday.com/blog/2011/10/s02e01-responsive-web-design/">le blog du Webdesign Friday</a>.</div>
]]></content:encoded>
					
					<wfw:commentRss>https://chierchia.fr/2011/10/compte-rendu-wdfr-responsive-webdesign/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
					<title>Astuce: une feuille de style différente selon la taille de la fenêtre</title>
					<link>https://chierchia.fr/2010/05/astuce-jquery-fonction-resize/</link>
					<comments>https://chierchia.fr/2010/05/astuce-jquery-fonction-resize/#respond</comments>
		
		<dc:creator><![CDATA[<span class='p-author h-card'>Ange Chierchia</span>]]></dc:creator>
		<pubDate>Wed, 12 May 2010 17:29:19 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[media queries]]></category>
		<category><![CDATA[responsive]]></category>
		<guid isPermaLink="false">https://nighcrawl.com/blog/2010/05/astuce-jquery-fonction-resize</guid>

					<description><![CDATA[Aujourd’hui en bossant sur le nouveau design j’ai voulu adapter mon design selon la taille de la fenêtre du navigateur, je vais donc partager cette petite astuce avec vous. Ici je vais utiliser un petit bout de Javascript, et plus précisement du jQuery. Attention ça va aller vite! $(window).resize(function(){ //on récupère la taille de la [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class='e-content'>Aujourd’hui en bossant sur le nouveau design j’ai voulu adapter mon design selon la taille de la fenêtre du navigateur, je vais donc partager cette petite astuce avec vous. Ici je vais utiliser un petit bout de Javascript, et plus précisement du jQuery.<span id="more-1394"></span></p>
<p>Attention ça va aller vite!</p>
<pre class="brush:js">$(window).resize(function(){

      //on récupère la taille de la fenêtre
      var w = $(window).width();
      //on stock la valeur de l'attribut href de notre css actuelle
      var default_css = $("link[rel='stylsheet']").attr("href");

      //adresse de la nouvelle css
      var new_css =   "http://monsite.com/chemin/vers/la_nouvelle.css";

      //on test si la fenêtre à une largeur inférieur à 1024px
      if(w &lt; 1024){
           $("link[rel='stylesheet"=']").attr({href: new_css});
      } else {
           $("link[rel='stylesheet']").attr({href: default_css});
      }

});</pre>
<p>Et voilà, votre feuille de style changera dès que la fenêtre sera redimensionnée</p></div>
]]></content:encoded>
					
					<wfw:commentRss>https://chierchia.fr/2010/05/astuce-jquery-fonction-resize/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
