<?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>Bufa Webmaster</title>
	<atom:link href="http://www.bufa.es/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bufa.es</link>
	<description>Recursos web en español</description>
	<lastBuildDate>Sat, 01 Jun 2013 11:54:48 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Laravel: encriptar contraseña</title>
		<link>http://www.bufa.es/laravel-encriptar-contrasena/</link>
		<comments>http://www.bufa.es/laravel-encriptar-contrasena/#comments</comments>
		<pubDate>Sat, 01 Jun 2013 11:54:48 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[Laravel]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2681</guid>
		<description><![CDATA[Para encriptar una cadena en Laravel se utiliza el método &#8220;make&#8221; de la clase &#8220;Hash&#8221;, como podemos ver en el siguiente ejemplo: $clave = Hash::make&#40;'micontraseña'&#41;; echo $clave; // Imprime: $2y$08$JG2Ml/6dHtiCc4FImjLU.eUIqxhmAvCBw4hNAJAJBKy De esta forma lo podemos utilizar para encriptar las claves ...]]></description>
				<content:encoded><![CDATA[<p>Para encriptar una cadena en <strong>Laravel</strong> se utiliza el método &#8220;make&#8221; de la clase &#8220;Hash&#8221;, como podemos ver en el siguiente ejemplo:</p>
<div class="codecolorer-container php railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000088;">$clave</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/hash"><span style="color: #990000;">Hash</span></a><span style="color: #339933;">::</span><span style="color: #004000;">make</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'micontraseña'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$clave</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Imprime: $2y$08$JG2Ml/6dHtiCc4FImjLU.eUIqxhmAvCBw4hNAJAJBKy</span></div></div>
<p>De esta forma lo podemos utilizar para encriptar las claves de los usuarios de nuestra tabla mysql.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/laravel-encriptar-contrasena/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>PHP: extraer la primera imagen de una cadena</title>
		<link>http://www.bufa.es/php-extraer-primera-imagen/</link>
		<comments>http://www.bufa.es/php-extraer-primera-imagen/#comments</comments>
		<pubDate>Sat, 18 May 2013 13:08:08 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2674</guid>
		<description><![CDATA[Una función php que utilizo para extraer el &#8220;SRC&#8221; de la primera imagen que aparece de una determinada cadena, haciendo uso de expresiones regulares con &#8220;preg_match_all&#8221;: function primera_imagen&#40;$texto&#41; &#123; &#160; &#160; $foto = ''; &#160; &#160; ob_start&#40;&#41;; &#160; &#160; ob_end_clean&#40;&#41;; ...]]></description>
				<content:encoded><![CDATA[<p>Una función php que utilizo para extraer el &#8220;<strong>SRC</strong>&#8221; de la <strong>primera imagen</strong> que aparece de una determinada cadena, haciendo uso de expresiones regulares con &#8220;preg_match_all&#8221;:</p>
<div class="codecolorer-container php railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><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;">function</span> primera_imagen<span style="color: #009900;">&#40;</span><span style="color: #000088;">$texto</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$foto</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <a href="http://www.php.net/ob_start"><span style="color: #990000;">ob_start</span></a><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <a href="http://www.php.net/ob_end_clean"><span style="color: #990000;">ob_end_clean</span></a><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <a href="http://www.php.net/preg_match_all"><span style="color: #990000;">preg_match_all</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/&lt;img[\s]+[^&gt;]*?src[\s]?=[\s<span style="color: #000099; font-weight: bold;">\&quot;</span>\']+(.*\.([gif|jpg|png|jpeg]{3,4}))[<span style="color: #000099; font-weight: bold;">\&quot;</span>\']+.*?&gt;/&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$texto</span><span style="color: #339933;">,</span> <span style="color: #000088;">$array</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$foto</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$array</span> <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><a href="http://www.php.net/empty"><span style="color: #990000;">empty</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$foto</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000088;">$foto</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">return</span> <span style="color: #000088;">$foto</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>Un ejemplo de uso:</p>
<div class="codecolorer-container php railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000088;">$cadena</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;p&gt;Santa Bárbara bendita, trailaralará, trailará, Santa Bárbara bendita, trailaralará, trailará, patrona de los mineros, mira,mira, Maruxina, mira, mira cómo vengo yo. &lt;img src=&quot;fotos/foto1.jpg&quot;&gt; Patrona de los mineros, mira,mira, Maruxina, mira, mira cómo vengo yo…&lt;/p&gt;<br />
&lt;p&gt;Traigo la cabeza rota, trailaralará, trailará traigo la cabeza rota, trailaralará, trailará que me la rompió un costero mira,mira, Maruxina, mira,mira cómo vengo yo, que me la rompió un costero<br />
mira,mira, Maruxina, mira,mira cómo vengo yo… &lt;img src=&quot;fotos/foto2.jpg&quot;&gt;&lt;/p&gt;'</span><span style="color: #339933;">;</span><br />
<br />
<span style="color: #b1b100;">echo</span> primera_imagen<span style="color: #009900;">&#40;</span><span style="color: #000088;">$cadena</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Imprime: fotos/foto1.jpg</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/php-extraer-primera-imagen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress SEO Yoast: eliminar rel=&#8221;canonical&#8221;</title>
		<link>http://www.bufa.es/wordpress-seo-yoast-eliminar-relcanonical/</link>
		<comments>http://www.bufa.es/wordpress-seo-yoast-eliminar-relcanonical/#comments</comments>
		<pubDate>Thu, 02 May 2013 22:31:18 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2664</guid>
		<description><![CDATA[Método para eliminar desde php el &#8220;canonical&#8221; del plugin SEO de Yoast. Inserta la siguiente función php en tu archivo functions.php de tu theme wordpress: add_filter&#40; 'wpseo_canonical', '__return_false' &#41;;]]></description>
				<content:encoded><![CDATA[<p>Método para eliminar desde php el &#8220;<strong>canonical</strong>&#8221; del plugin SEO de Yoast. Inserta la siguiente función php en tu archivo <strong>functions.php</strong> de tu theme wordpress:</p>
<div class="codecolorer-container php railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">add_filter<span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'wpseo_canonical'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'__return_false'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/wordpress-seo-yoast-eliminar-relcanonical/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PayPal: no mostrar &#8220;Dirección de envio&#8221;</title>
		<link>http://www.bufa.es/paypal-direccion-de-envio/</link>
		<comments>http://www.bufa.es/paypal-direccion-de-envio/#comments</comments>
		<pubDate>Wed, 01 May 2013 14:04:52 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[Paypal]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2654</guid>
		<description><![CDATA[Existen 3 opciones diferentes para mostrar o no la dirección de envío en un pago por paypal. Tan solo hay que añadir el siguiente campo hidden de nombre &#8220;no_shipping&#8221; con el valor que os interese a vuestro formulario de paypal: ...]]></description>
				<content:encoded><![CDATA[<p>Existen 3 opciones diferentes para mostrar o no la dirección de envío en un pago por paypal.</p>
<p>Tan solo hay que añadir el siguiente campo hidden de nombre &#8220;<strong>no_shipping</strong>&#8221; con el valor que os interese a vuestro formulario de paypal:</p>
<p>1. Hacer que la dirección de envio sea &#8220;<strong>opcional</strong>&#8220;:</p>
<div class="codecolorer-container html4strict railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;no_shipping&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span>&gt;</span></div></div>
<p>(*) Este es el valor por defecto, y se muestra el campo &#8220;Dirección de envio&#8221; al proceder a pagar por paypal al usuario</p>
<p>2. Hacer que la dirección de envio &#8220;<strong>no se requiera</strong>&#8220;:</p>
<div class="codecolorer-container html4strict railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;no_shipping&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1&quot;</span>&gt;</span></div></div>
<p>(*) En este caso ya no le aparecerá el campo con la &#8220;Dirección de envio&#8221; al usuario</p>
<p>3. Hacer que la dirección de envio sea &#8220;<strong>obligatoria</strong>&#8220;:</p>
<div class="codecolorer-container html4strict railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;no_shipping&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span>&gt;</span></div></div>
<p>(*) En este caso será obligatorio que rellene la &#8220;Dirección de envio&#8221; al usuario</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/paypal-direccion-de-envio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Cycle responsive</title>
		<link>http://www.bufa.es/jquery-cycle-responsive/</link>
		<comments>http://www.bufa.es/jquery-cycle-responsive/#comments</comments>
		<pubDate>Mon, 29 Apr 2013 17:48:56 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2536</guid>
		<description><![CDATA[Si usais el plugin jquery cycle de M. Alsup y tenéis una página responsive, a continuación un ejemplo de como configurarlo para hacerlo también adaptable en anchura y altura. Lo primero y más importante configurar el script cycle. Tenemos que ...]]></description>
				<content:encoded><![CDATA[<p>Si usais el plugin <a href="http://www.malsup.com/jquery/cycle/" target="_blank">jquery cycle</a> de M. Alsup y tenéis una página <strong>responsive</strong>, a continuación un ejemplo de como configurarlo para hacerlo también adaptable en anchura y altura.</p>
<p>Lo primero y más importante configurar el script cycle. Tenemos que añadir los parámetros <strong><em>slideResize</em></strong> y <strong><em>containerResize</em></strong> con valor &#8220;false&#8221;:</p>
<div class="codecolorer-container javascript railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#mi_slider'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">cycle</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; slideResize<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; containerResize<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>El html del slider, yo he puesto una lista de imagenes (para que se adpate al alto de las imágenes):</p>
<div class="codecolorer-container html4strict railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;">ul</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;mi_slider&quot;</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;slider_responsive&quot;</span>&gt;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">li</span></a>&gt;&lt;<a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">img</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;foto1.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">li</span></a>&gt;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">li</span></a>&gt;&lt;<a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">img</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;foto2.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">li</span></a>&gt;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">li</span></a>&gt;&lt;<a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">img</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;foto3.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">li</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;">ul</span></a>&gt;</span></div></div>
<p>Y por último configurar el css de vuestro slider (en este caso haciendo responsive en ancho y alto las imágenes):</p>
<div class="codecolorer-container css railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #6666ff;">.slider_responsive</span> <span style="color: #00AA00;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100%</span><span style="color: #00AA00;">;</span> <br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #993333;">center</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span><br />
<span style="color: #6666ff;">.slider_responsive</span> img <span style="color: #00AA00;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100%</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span> &nbsp; &nbsp;<br />
<span style="color: #00AA00;">&#125;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/jquery-cycle-responsive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery: Scroll to Top</title>
		<link>http://www.bufa.es/jquery-scroll-to-top/</link>
		<comments>http://www.bufa.es/jquery-scroll-to-top/#comments</comments>
		<pubDate>Mon, 29 Apr 2013 15:33:30 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2623</guid>
		<description><![CDATA[Simple script jquery para desplazarse a la parte superior de la página con una transición suave usando animate() después de hacer click sobre un determinado elemento (en este ejemplo un elemento con id: &#8220;scrolltotop&#8221;): $&#40;&#34;#scrolltotop&#34;&#41;.click&#40;function&#40;&#41; &#123; &#160; &#160; $&#40;&#34;html, body&#34;&#41;.animate&#40;&#123; ...]]></description>
				<content:encoded><![CDATA[<p>Simple script <strong>jquery</strong> para desplazarse a la parte superior de la página con una transición suave usando animate() después de hacer click sobre un determinado elemento (en este ejemplo un elemento con id: &#8220;scrolltotop&#8221;):</p>
<div class="codecolorer-container javascript railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#scrolltotop&quot;</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><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;html, body&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> scrollTop<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;slow&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/jquery-scroll-to-top/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SASS: mixin clearfix</title>
		<link>http://www.bufa.es/sass-mixin-clearfix/</link>
		<comments>http://www.bufa.es/sass-mixin-clearfix/#comments</comments>
		<pubDate>Sun, 28 Apr 2013 22:50:13 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[SASS]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2617</guid>
		<description><![CDATA[A continuación un &#8220;mixin&#8221; para SASS, para hacer un clearfix (un método para quitar floats) al elemento que va a contener elementos flotantes. @mixin clearfix { &#160; &#38;:after &#123; &#160; &#160; content: ''; &#160; &#160; display: table; &#160; &#160; clear: ...]]></description>
				<content:encoded><![CDATA[<p>A continuación un &#8220;mixin&#8221; para SASS, para hacer un <strong>clearfix</strong> (un método para quitar floats) al elemento que va a contener elementos flotantes.</p>
<div class="codecolorer-container css railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #a1a100;">@mixin clearfix {</span><br />
<br />
&nbsp; &amp;<span style="color: #3333ff;">:after </span><span style="color: #00AA00;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">''</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> table<span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">clear</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">both</span><span style="color: #00AA00;">;</span><br />
&nbsp; <span style="color: #00AA00;">&#125;</span><br />
<br />
&nbsp; // IE <span style="color: #cc66cc;">6</span>/<span style="color: #cc66cc;">7</span><br />
&nbsp; &amp; <span style="color: #00AA00;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #00AA00;">*</span>zoom<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span><br />
&nbsp; <span style="color: #00AA00;">&#125;</span><br />
<br />
<span style="color: #00AA00;">&#125;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/sass-mixin-clearfix/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP: Mostrar la hora actual de un país</title>
		<link>http://www.bufa.es/php-hora-actual/</link>
		<comments>http://www.bufa.es/php-hora-actual/#comments</comments>
		<pubDate>Thu, 25 Apr 2013 11:31:23 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2603</guid>
		<description><![CDATA[Para mostrar en php la hora actual de una determinada zona o país se utiliza la directiva date.timezone, que establece la zona horaria predeterminada para todas las funciones de fecha, hora, minutos y segundos. Luego ya con date() mostramos los ...]]></description>
				<content:encoded><![CDATA[<p>Para mostrar en php la <strong>hora actual</strong> de una determinada zona o país se utiliza la directiva <strong>date.timezone</strong>, que establece la zona horaria predeterminada para todas las funciones de fecha, hora, minutos y segundos. Luego ya con <strong>date()</strong> mostramos los parámetros que nos interesen.</p>
<p>Un ejemplo para mostrar la &#8220;hora actual&#8221; en España:</p>
<div class="codecolorer-container php railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><a href="http://www.php.net/ini_set"><span style="color: #990000;">ini_set</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'date.timezone'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'Europe/Madrid'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <br />
<span style="color: #b1b100;">echo</span> <a href="http://www.php.net/date"><span style="color: #990000;">date</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;g:i A&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Para obtener el nombre de todas las demás zonas horarias:<br />
<a href="http://us3.php.net/manual/en/timezones.php" target="_blank">http://us3.php.net/manual/en/timezones.php </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/php-hora-actual/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AddThis: añadir &#8220;hashtags&#8221; a los tweets</title>
		<link>http://www.bufa.es/addthis-anadir-hashtags/</link>
		<comments>http://www.bufa.es/addthis-anadir-hashtags/#comments</comments>
		<pubDate>Tue, 23 Apr 2013 18:40:01 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[Redes Sociales]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2595</guid>
		<description><![CDATA[Para añadir un número determinado de &#8220;hashtags al tweet del botón de AddThis se utiliza el parámetro tw:hashtags y su valor han de ser el nombre de los hashtags seperados por comas (sin el simbolo &#8220;#&#8221;). A continuación un ejemplo ...]]></description>
				<content:encoded><![CDATA[<p>Para añadir un número determinado de &#8220;<strong>hashtags</strong> al tweet del botón de <strong>AddThis</strong> se utiliza el parámetro <strong>tw:hashtags</strong> y su valor han de ser el nombre de los hashtags seperados por comas (sin el simbolo &#8220;#&#8221;).</p>
<p>A continuación un ejemplo para añadir los hashtags: #php #html5 #css3 al tweet del botón:</p>
<div class="codecolorer-container html4strict railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">a</span></a> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;addthis_button_tweet&quot;</span> tw:hashtags<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;php,html5,css3&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">a</span></a>&gt;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/addthis-anadir-hashtags/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twig: concatenar cadenas</title>
		<link>http://www.bufa.es/twig-concatenar-cadenas/</link>
		<comments>http://www.bufa.es/twig-concatenar-cadenas/#comments</comments>
		<pubDate>Tue, 23 Apr 2013 09:28:54 +0000</pubDate>
		<dc:creator>Jorge Maiden</dc:creator>
				<category><![CDATA[Twig]]></category>

		<guid isPermaLink="false">http://www.bufa.es/?p=2589</guid>
		<description><![CDATA[Para concatenar cadenas / variables en Twig se utiliza el operador &#8220;~&#8220;, que convierte todos los operandos en cadenas y los concatena, por ejemplo: &#123;&#123; &#34;¡Hola &#34; ~ nombre ~ &#34;!&#34; &#125;&#125; Suponiendo que nombre tenga el valor &#8220;Guzmán&#8221;, imprimiría: ...]]></description>
				<content:encoded><![CDATA[<p>Para concatenar cadenas / variables en <strong>Twig</strong> se utiliza el operador &#8220;<span style="color: #ff00ff;">~</span>&#8220;, que convierte todos los operandos en cadenas y los concatena, por ejemplo:</p>
<div class="codecolorer-container php railscasts" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&#123;</span><span style="color: #009900;">&#123;</span> <span style="color: #0000ff;">&quot;¡Hola &quot;</span> ~ nombre ~ <span style="color: #0000ff;">&quot;!&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#125;</span></div></div>
<p>Suponiendo que nombre tenga el valor &#8220;Guzmán&#8221;, imprimiría: ¡Hola Gúzman!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bufa.es/twig-concatenar-cadenas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
