<?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>Mas que Wordpress &#187; nightMode</title>
	<atom:link href="http://www.masquewordpress.com/tag/nightmode/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.masquewordpress.com</link>
	<description>Tutoriales y recursos web sobre JQuery , PHP, Wordpress , twitter. Aprende diseño web y programación</description>
	<lastBuildDate>Sat, 19 May 2012 17:05:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>JQuery nightMode Plugin</title>
		<link>http://www.masquewordpress.com/jquery-nightmode-plugin/</link>
		<comments>http://www.masquewordpress.com/jquery-nightmode-plugin/#comments</comments>
		<pubDate>Sat, 01 May 2010 16:11:50 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[jquery.plugin]]></category>
		<category><![CDATA[nightMode]]></category>

		<guid isPermaLink="false">http://masquewordpress.com/?p=387</guid>
		<description><![CDATA[Download JQuery nightMode Plugin /////////////////////////ESPAÑOL ////////////////////// Anoche estaba aburrido y me puse a trabajar en un plugin para JQuery ya que nunca habia echo ninguno . Así nacio nightMode Plugin que es simplemente un script chiquitito que cambia el color de las letras y el fondo de pantalla. Con eso logramos ahorrar un poco de [...]]]></description>
			<content:encoded><![CDATA[<p>Download <a href="http://masquewordpress.com/plugins/jquery.nightmode.js">JQuery nightMode Plugin</a></p>
<p>/////////////////////////<strong>ESPAÑOL</strong> //////////////////////</p>
<p>Anoche estaba aburrido y me puse a trabajar en un plugin para JQuery ya que nunca habia echo ninguno . Así nacio <strong>nightMode</strong> Plugin que es simplemente un script chiquitito que cambia el color de las letras y el fondo de pantalla. Con eso logramos ahorrar un poco de energia apagando algunos pixeles de nuestra pantalla y además nos facilita la lectura. Espero que les guste!!</p>
<p>El color tanto de las letras o el fondo se puede cambiar pasando opciones.</p>
<p>Uso:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"> <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nightmode&quot;</span>&gt;</span>Turn nightmode On/off<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></td></tr></table></div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"> $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
               $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#nightmode'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                           $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Tan solo cambiar body por cualquier selector válido</p>
<p>También se puede ejecutar con opciones</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"> <span style="color: #003366; font-weight: bold;">var</span> options<span style="color: #339933;">=</span><span style="color: #009900;">&#123;</span>
      color<span style="color: #339933;">:</span> <span style="color: #3366CC;">'#ffffff'</span><span style="color: #339933;">,</span>
     background<span style="color: #339933;">:</span><span style="color: #3366CC;">'#ccc'</span>
 <span style="color: #009900;">&#125;</span>
 $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span>options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Pueden probar como funciona haciendo click en la lamparita que aparece en la parte superior derecha de mi blog <img src='http://www.masquewordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Descargar <a href="http://masquewordpress.com/plugins/jquery.nightmode.js">JQuery nightMode Plugin</a></p>
<p>////////////////////////<strong>ENGLISH</strong>/////////////////////////////<br />
<strong><br />
JQuery nightMode Plugin</strong> its a funny tiny plugin that will allow you to change your background and letter colors for a night mode. Saving energy turning off pixels of your screen and allowing you to have a confortable read .</p>
<p>Letter colors and background can be moddified by options</p>
<p>Ussage:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"> <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nightmode&quot;</span>&gt;</span>Turn nightmode On/off<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></td></tr></table></div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"> $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
               $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#nightmode'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                           $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p> Just change body to any valid selector you wish</p>
<p>Can also be called with options:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"> <span style="color: #003366; font-weight: bold;">var</span> options<span style="color: #339933;">=</span><span style="color: #009900;">&#123;</span>
      color<span style="color: #339933;">:</span> <span style="color: #3366CC;">'#ffffff'</span><span style="color: #339933;">,</span>
      background<span style="color: #339933;">:</span><span style="color: #3366CC;">'#ccc'</span>
 <span style="color: #009900;">&#125;</span>
 $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span>options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>You can try how it works by clicking on the light bulb on the top right corner of my blog <img src='http://www.masquewordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /><br />
Download <a href="http://masquewordpress.com/plugins/jquery.nightmode.js">JQuery nightMode Plugin</a></p>
<p><div style="float:left; text-align:left;><img alt='' src='http://1.gravatar.com/avatar/516ffa1373c8295d2e5ff5267fc53399?s=100&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D100&amp;r=G' class='avatar avatar-100 photo' height='100' width='100' /></div><h3><a href='http://www.masquewordpress.com/author/Damian/' title='Damian'>Damian</a></h3><p>Programador en tiempos libres , amante de la tecnología, blogger amateur y emprendedor en sueños.</p><p><a href='http://www.masquewordpress.com/author/Damian/' title='M&aacute;s post de Damian'>M&aacute;s Posts de Damian</a>  - <a href='http://www.timersys.com' title='Damian'>Web</a> </p><p class="wpa-nomargin">Sigueme:<br /><a class='wpa-social-icons' href='http://www.twitter.com/chifliiiii'><img src='http://www.masquewordpress.com/wp-content/plugins/wp-about-author//images/twitter.png' alt='Twitter'/></a><a class='wpa-social-icons' href='http://www.facebook.com/pages/Timersys/146687622031640'><img src='http://www.masquewordpress.com/wp-content/plugins/wp-about-author//images/facebook.png' alt='Facebook'/></a><a class='wpa-social-icons' href='http://ar.linkedin.com/pub/damian-logghe/26/173/321'><img src='http://www.masquewordpress.com/wp-content/plugins/wp-about-author//images/linkedin.png' alt='LinkedIn'/></a></p></p>]]></content:encoded>
			<wfw:commentRss>http://www.masquewordpress.com/jquery-nightmode-plugin/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

