<?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>WebEstudio :: Blog de Diseño Web &#187; SCRIPTS</title>
	<atom:link href="http://www.jorgebravo.es/tag/scripts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jorgebravo.es</link>
	<description>Profesionales más creativos XHTML + CSS + PHP + Flash</description>
	<lastBuildDate>Sat, 06 Aug 2011 11:16:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>Usar PHP para comprimir ficheros CSS</title>
		<link>http://www.jorgebravo.es/2009/08/usar-php-para-comprimir-ficheros-css/</link>
		<comments>http://www.jorgebravo.es/2009/08/usar-php-para-comprimir-ficheros-css/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 08:33:47 +0000</pubDate>
		<dc:creator>Jorge Bravo</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[DESTACADOS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[PROGRAMACIÓN]]></category>
		<category><![CDATA[SCRIPTS]]></category>
		<category><![CDATA[SNIPPETS]]></category>
		<category><![CDATA[CSS Comprimido]]></category>

		<guid isPermaLink="false">http://www.jorgebravo.es/?p=260</guid>
		<description><![CDATA[Existen varias técnicas que usan PHP para optimizar los ficheros CSS y reducir el número de peticiones HTTP en el caso de que dispongamos de varios. La siguiente técnica es una variación de la de Reinhold Weber. Los CSS son incluidos pero no son eliminados los espacios en blancos, lo que facilita la depuración y [...]]]></description>
			<content:encoded><![CDATA[<p class='fb-like'><iframe src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.jorgebravo.es%2F2009%2F08%2Fusar-php-para-comprimir-ficheros-css%2F&amp;layout=box_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=65&amp;font=lucida+grande' scrolling='no' frameborder='0' allowTransparency='true' style='border:none; overflow:hidden; width:450px; height:65px'></iframe></p><p><img class="aligncenter size-full wp-image-263" title="CSS_comprimido" src="http://www.jorgebravo.es/wp-content/uploads/2009/08/CSS_comprimido.png" alt="CSS_comprimido" width="500" height="233" /></p>
<p>Existen varias técnicas que usan PHP para optimizar los ficheros CSS y reducir el número de peticiones HTTP en el caso de que dispongamos de varios. La siguiente técnica es una variación de la de Reinhold Weber. Los CSS son incluidos pero no son eliminados los espacios en blancos, lo que facilita la depuración y el acceso al contenido mediante herramientas como Firebug.</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:300px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?php</span><br />
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">extension_loaded</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'zlib'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<span style="color: #990000;">ob_start</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'ob_gzhandler'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><br />
<span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;content-type: text/css; charset: UTF-8&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;cache-control: must-revalidate&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000088;">$offset</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">60</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">60</span><span style="color: #339933;">;</span><br />
<span style="color: #000088;">$expire</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;expires: &quot;</span> <span style="color: #339933;">.</span> <span style="color: #990000;">gmdate</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;D, d M Y H:i:s&quot;</span><span style="color: #339933;">,</span> <span style="color: #990000;">time</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #000088;">$offset</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot; GMT&quot;</span><span style="color: #339933;">;</span><br />
<span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$expire</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #990000;">ob_start</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;compress&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000000; font-weight: bold;">function</span> compress<span style="color: #009900;">&#40;</span><span style="color: #000088;">$buffer</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
<span style="color: #666666; font-style: italic;">// remove comments</span><br />
<span style="color: #000088;">$buffer</span> <span style="color: #339933;">=</span> <span style="color: #990000;">preg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'!/\*[^*]*\*+([^/][^*]*\*+)*/!'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">,</span> <span style="color: #000088;">$buffer</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #b1b100;">return</span> <span style="color: #000088;">$buffer</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><br />
<span style="color: #666666; font-style: italic;">// list CSS files to be included</span><br />
<span style="color: #b1b100;">include</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'baseline.css'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #b1b100;">include</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'styles.css'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">extension_loaded</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'zlib'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<span style="color: #990000;">ob_end_flush</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><br />
<span style="color: #000000; font-weight: bold;">?&gt;</span></div></td></tr></tbody></table></div>
<p>Via: <a target="_blank" href="http://www.webintenta.com/usar-php-para-comprimir-ficheros-css.html">www.webintenta.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jorgebravo.es/2009/08/usar-php-para-comprimir-ficheros-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Panel de control deslizante con jQuery</title>
		<link>http://www.jorgebravo.es/2009/07/panel-de-control-deslizante-con-jquery/</link>
		<comments>http://www.jorgebravo.es/2009/07/panel-de-control-deslizante-con-jquery/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 11:00:57 +0000</pubDate>
		<dc:creator>Jorge Bravo</dc:creator>
				<category><![CDATA[JAVASCRIPT]]></category>
		<category><![CDATA[JQUERY]]></category>
		<category><![CDATA[PROGRAMACIÓN]]></category>
		<category><![CDATA[RECURSOS]]></category>
		<category><![CDATA[SCRIPTS]]></category>
		<category><![CDATA[Slide panel]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.jorgebravo.es/?p=203</guid>
		<description><![CDATA[Panel de control deslizante con jQuery es XHTML totalmente valido y esta nueva versión trae soporte para transparencias PNG de serie, para IE6 con lo cual nos ahorrara unos cuantos dolores de cabeza a la hora de insertar en nuestro proyecto. A diferencia de versiones anteriores de este mismo script, al deslizar el cuadro este [...]]]></description>
			<content:encoded><![CDATA[<p class='fb-like'><iframe src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.jorgebravo.es%2F2009%2F07%2Fpanel-de-control-deslizante-con-jquery%2F&amp;layout=box_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=65&amp;font=lucida+grande' scrolling='no' frameborder='0' allowTransparency='true' style='border:none; overflow:hidden; width:450px; height:65px'></iframe></p><p style="text-align: center;"><img class="size-full wp-image-204  aligncenter" title="control-panel-slide" src="http://www.jorgebravo.es/wp-content/uploads/2009/07/control-panel-slide.jpg" alt="control-panel-slide" width="500" height="233" /></p>
<p>Panel de control deslizante con jQuery es <strong>XHTML totalmente valido</strong> y esta nueva versión trae soporte para transparencias PNG de serie, para IE6 con lo cual nos ahorrara unos cuantos dolores de cabeza a la hora de insertar en nuestro proyecto.</p>
<p>A diferencia de versiones anteriores de este mismo script, al deslizar el cuadro este no desplaza el contenido de nuestro sitio sino que lo solapa que a mi me parece mas vistoso que el desplazamiento de todo el contenido del sitio. También se a agregado el botón de login | registro que es que activa o desactiva la función de Slide.</p>
<p>Enlace: <a target="_blank" href="http://web-kreation.com/" target="_blank">www.web-kreation.com</a><br />
Demo: <a target="_blank" href="http://web-kreation.com/demos/Sliding_login_panel_jquery/" target="_blank">Slide demo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jorgebravo.es/2009/07/panel-de-control-deslizante-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

