<?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>media queries - Ange Chierchia</title>
	<atom:link href="https://chierchia.fr/tag/media-queries/feed/" rel="self" type="application/rss+xml" />
	<link>https://chierchia.fr/tag/media-queries/</link>
	<description>Développeur Web full-stack</description>
	<lastBuildDate>Sun, 13 Oct 2024 10:59:43 +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>media queries - Ange Chierchia</title>
	<link>https://chierchia.fr/tag/media-queries/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>
