<?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>unijimpe &#187; Tools</title> <atom:link href="http://blog.unijimpe.net/category/tools/feed/" rel="self" type="application/rss+xml" /><link>http://blog.unijimpe.net</link> <description>Desarrollo Web, SEO, Adsense</description> <lastBuildDate>Mon, 28 Nov 2011 03:18:21 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>SEO Parser: Analizar contenido SEO</title><link>http://blog.unijimpe.net/seo-parser-analizar-contenido-seo/</link> <comments>http://blog.unijimpe.net/seo-parser-analizar-contenido-seo/#comments</comments> <pubDate>Fri, 25 Nov 2011 02:50:18 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[Servicios Web]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[alt]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[metatags]]></category> <category><![CDATA[nofollow]]></category> <category><![CDATA[seo parser]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1307</guid> <description><![CDATA[<p><a href="http://seoparser.com">SEO Parser</a> es una herramienta que permite analizar como interpretan los buscadores el contenido de una web, para ello elimina los bloques que no son interpretados por los buscadores (Javascript, Flash, Vídeos, Applets, etc) mostrando solo &#8230;</p>]]></description> <content:encoded><![CDATA[<p><a href="http://seoparser.com">SEO Parser</a> es una herramienta que permite analizar como interpretan los buscadores el contenido de una web, para ello elimina los bloques que no son interpretados por los buscadores (Javascript, Flash, Vídeos, Applets, etc) mostrando solo el contenido basado en texto HTML, además de ello hace un análisis de los enlaces y una previsualización de la página en los resultados de Google.</p><p><a href="http://seoparser.com"><img src="http://blog.unijimpe.net/wp-content/uploads/2011/11/seo-parser.png" alt="" title="seo-parser" width="350" height="202" /></a></p><p><em>SEO Parser</em> esta basado en las diferentes reglas que aplican los buscadores al contenido y a los enlaces, estas reglas están detalladas en el libro <a href="http://www.amazon.com/gp/product/0596518862/ref=as_li_qf_sp_asin_tl?ie=UTF8&#038;tag=sepa0c-20&#038;linkCode=as2&#038;camp=217145&#038;creative=399369&#038;creativeASIN=0596518862">The Art of SEO: Mastering Search Engine Optimization (Theory in Practice)</a><img src="http://www.assoc-amazon.com/e/ir?t=sepa0c-20&#038;l=as2&#038;o=1&#038;a=0596518862&#038;camp=217145&#038;creative=399369" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; padding: 0;" />.</p><p>Para utilizar <em>SEO Parser</em> solo hace falta ingresar el URL del enlace que se desea analizar y devolverá como resultado una página con los resultados de: análisis de contenido, análisis de enlaces, análisis de imágenes y una previsualización en los resultados de Google.</p><p><strong>Análisis de Contenido</strong></p><p><em>SEO Parser</em> elimina los bloques que no son visibles a los buscadores (Javascript, Flash, Vídeos, Applets, etc) por lo cual solo muestra el contenido basado en texto HTML.</p><p>Adicionalmente muestra las etiquetas de cabecera (<em>h1</em>, <em>h2</em>, <em>h3</em>, <em>h4</em>, <em>h5</em>, <em>h6</em>) que permiten definir el nivel de importancia del contenido. Por ejemplo el titulo de todo el contenido (h1), el titulo de cada sección (h2) y así sucesivamente.</p><p><img src="http://blog.unijimpe.net/wp-content/uploads/2011/11/seo-parser-content-analysis.png" alt="" title="seo-parser-content-analysis" width="400" height="713" /></p><p><strong>Análisis de Enlaces</strong></p><p>Todos los enlaces dentro de la página se analizan y muestran en diferentes colores para diferenciarlos. Para ello se agrupan en cuatro tipo de enlaces.</p><ul><li><strong>Enlaces Internos</strong>, son enlaces naturales y permiten posicionar secciones internas de un web.</li><li><strong>Enlaces Externos</strong>, son enlaces a otros dominios y mejoran el posicionamiento del dominio de destino.</li><li><strong>Enlaces No Follow</strong>, son enlaces que no pasan ningún beneficio de posicionamiento.</li><li><strong>Enlaces Javascript</strong>, son enlaces creados con javascript o anchors los cuales son invisibles para los buscadores.</li></ul><p><strong>Análisis de Imágenes</strong></p><p>Los buscadores no pueden interpretar el contenido de las imágenes, pero tienen una señal de lo que contienen gracias a la propiedad <em>alt</em> o en su defecto por el nombre del archivo de la imagen. <em>SEO Parser</em> reemplaza las imágenes por el texto <em>Alt</em> y si no existe por el nombre del archivo. Esto permite distinguir rápidamente si hace falta la propiedad <em>alt</em> a nuestras imágenes.</p><p><strong>Previsualizar en Google</strong></p><p>SEO Parser toma los datos del <em>title</em> y <em>description</em> o en su defecto el contenido filtrado de la página para simular como se mostrará la página en los resultados de Google. De esta forma identificaremos rápidamente como se verá nuestra página en Google.</p><p>Adicionalmente se muestra en detalle todos los metatags que contiene la página así como un resumen de las cantidades de enlaces, imágenes e incluso el tamaño del archivo leído.</p><p>Finalmente ofrece <a href="http://seoparser.com/help/">documentación</a> acerca de las reglas que aplica al contenido, también tiene un formulario de <a href="http://seoparser.com/feedback/">feedback</a> donde pueden enviar sus sugerencias, errores y comentarios para mejorar esta herramienta.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 &#8211; 2011 <a href="http://blog.unijimpe.net">unijimpe</a> &#8211; Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/seo-parser-analizar-contenido-seo/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Obtener thumbnails de los videos de Youtube</title><link>http://blog.unijimpe.net/obtener-thumbnails-de-los-videos-de-youtube/</link> <comments>http://blog.unijimpe.net/obtener-thumbnails-de-los-videos-de-youtube/#comments</comments> <pubDate>Mon, 04 Jul 2011 02:36:06 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[Youtube]]></category> <category><![CDATA[thumbnail]]></category> <category><![CDATA[video]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1281</guid> <description><![CDATA[<p>Al crear webs que muestren vídeos de Youtube surge la necesidad de mostrar las imágenes del vídeos, esto para los usuarios que no tienen flash o para dispositivos móviles. Obtener estas imágenes es muy sencillo, solo &#8230;</p>]]></description> <content:encoded><![CDATA[<p>Al crear webs que muestren vídeos de Youtube surge la necesidad de mostrar las imágenes del vídeos, esto para los usuarios que no tienen flash o para dispositivos móviles. Obtener estas imágenes es muy sencillo, solo hace falta tener el identificador del vídeo.</p><p><a href="http://samples.unijimpe.net/youtube-image.php"><img src="http://blog.unijimpe.net/wp-content/uploads/2011/07/php-youtube-image.jpg" alt="" title="php-youtube-image" width="400" height="286" /></a></p><p><strong>Obtener la ruta de las Imágenes</strong></p><p>La ruta de las imágenes de los vídeos están basadas en el identificador del video que lo representamos como <strong>ID</strong> en nuestros ejemplos.</p><p>La imagen utilizada por defecto utilizada por Youtube es:</p><div class="syntax_hilite"><div id="code-7"><div class="code"><ol><li style="color:#3A6A8B;"><div style="">http:<span style="color:#FF9933; font-style:italic;">//img.youtube.com/vi/ID/default.jpg </span></div></li></ol></div></div></div><p></p><p>Además se pueden obtener 4 imágenes adicionales, donde la primera es en alta calidad (<em>480x360 pixels</em>) y las siguientes en baja calidad (<em>120x90 pixels</em>).</p><div class="syntax_hilite"><div id="code-8"><div class="code"><ol><li style="color:#3A6A8B;"><div style="">http:<span style="color:#FF9933; font-style:italic;">//img.youtube.com/vi/ID/0.jpg</span></div></li><li style="color:#26536A;"><div style="">http:<span style="color:#FF9933; font-style:italic;">//img.youtube.com/vi/ID/1.jpg</span></div></li><li style="color:#3A6A8B;"><div style="">http:<span style="color:#FF9933; font-style:italic;">//img.youtube.com/vi/ID/2.jpg</span></div></li><li style="color:#26536A;"><div style="">http:<span style="color:#FF9933; font-style:italic;">//img.youtube.com/vi/ID/3.jpg </span></div></li></ol></div></div></div><p></p><p><strong>Obtener las imágenes de Forma Manual</strong></p><p>Lo primero que se necesita es el identificador del video, para ello nos fijamos en el URL del vídeo que deseamos e identificamos el parámetro GET con nombre <strong>v</strong>.</p><div class="syntax_hilite"><div id="code-9"><div class="code"><ol><li style="color:#3A6A8B;"><div style="">http:<span style="color:#FF9933; font-style:italic;">//www.youtube.com/watch?v=aDaOgu2CQtI </span></div></li></ol></div></div></div><p></p><p>En el URL de ejemplo tendríamos el identificador del video: <em>aDaOgu2CQtI</em>. Luego de ello si deseamos mostrar la imágen por defecto tendríamos:</p><div class="syntax_hilite"><div id="html-10"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/img.html"><span style="color: #000000;">&lt;img</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://img.youtube.com/vi/aDaOgu2CQtI/default.jpg"</span> /<span style="color: #000000;">&gt;</span></a></span></div></li></ol></div></div></div><p></p><p><strong>Obtener las Imágenes con PHP</strong></p><p>Lo que necesitamos en este caso es crear una función que devuelva el identificador del vídeo para posteriormente utilizarlo en la creación del URL de la imagen. Entonces creamos una función llamada <em>getYoutubeID</em> que parsea el URL ingresado y obtiene el Identificador y si la ruta es invalida devuelve una cadena vacía.</p><div class="syntax_hilite"><div id="php-11"><div class="php"><ol><li style="color:#3A6A8B;"><div style=""><span style="color:#000000;">function</span> getYoutubeID<span style="color:#006600;">&#40;</span><span style="color:#0000FF;">$url</span><span style="color:#006600;">&#41;</span> <span style="color:#006600;">&#123;</span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp; <span style="color:#0000FF;">$tube</span> = <a href="http://www.php.net/parse_url"><span style="color:#000066;">parse_url</span></a><span style="color:#006600;">&#40;</span><span style="color:#0000FF;">$url</span><span style="color:#006600;">&#41;</span>;</div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp; <span style="color:#616100;">if</span> <span style="color:#006600;">&#40;</span><span style="color:#0000FF;">$tube</span><span style="color:#006600;">&#91;</span><span style="color:#FF0000;">"path"</span><span style="color:#006600;">&#93;</span> == <span style="color:#FF0000;">"/watch"</span><span style="color:#006600;">&#41;</span> <span style="color:#006600;">&#123;</span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp; &nbsp; &nbsp; <a href="http://www.php.net/parse_str"><span style="color:#000066;">parse_str</span></a><span style="color:#006600;">&#40;</span><span style="color:#0000FF;">$tube</span><span style="color:#006600;">&#91;</span><span style="color:#FF0000;">"query"</span><span style="color:#006600;">&#93;</span>, <span style="color:#0000FF;">$query</span><span style="color:#006600;">&#41;</span>;</div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#0000FF;">$id</span> = <span style="color:#0000FF;">$query</span><span style="color:#006600;">&#91;</span><span style="color:#FF0000;">"v"</span><span style="color:#006600;">&#93;</span>;</div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp; <span style="color:#006600;">&#125;</span> <span style="color:#616100;">else</span> <span style="color:#006600;">&#123;</span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#0000FF;">$id</span> = <span style="color:#FF0000;">""</span>;&nbsp; &nbsp;</div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp; <span style="color:#006600;">&#125;</span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp; <span style="color:#616100;">return</span> <span style="color:#0000FF;">$id</span>;</div></li><li style="color:#26536A;"><div style=""><span style="color:#006600;">&#125;</span></div></li></ol></div></div></div><p></p><p>Finalmente podemos mostrar el thumbnail del video en alta calidad de la siguiente forma:</p><div class="syntax_hilite"><div id="html-12"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><span style="color: #000000;">&lt;</span></a>?php $url = <span style="color: #ff0000;">"http://www.youtube.com/watch?v=aDaOgu2CQtI"</span>; ?<span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/img.html"><span style="color: #000000;">&lt;img</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://img.youtube.com/vi/&lt;?php echo getYoutubeID($url); ?&gt;</span>/0.jpg&quot; /&gt; </span></div></li></ol></div></div></div><p></p><p>Para finalizar he creado una página de ejemplo: <a href="http://samples.unijimpe.net/youtube-image.php">PHP Youtube Image</a> donde pueden ingresar el URL del vídeo y visualizar todas las imágenes disponibles. Tambíen les dejo el código fuente de este ejemplo para que lo pueden utilizar libremente.</p><p style="text-align:left;"><a href="http://blog.unijimpe.net/download/youtube-image.zip" title="PHP Youtube Image"><img src="http://blog.unijimpe.net/btdown.png" border="0"></a></p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/obtener-thumbnails-de-los-videos-de-youtube/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Smaller: Interfaz Gráfica para YUI Compressor en MAC</title><link>http://blog.unijimpe.net/smaller-interfaz-grafica-para-yui-compressor-en-mac/</link> <comments>http://blog.unijimpe.net/smaller-interfaz-grafica-para-yui-compressor-en-mac/#comments</comments> <pubDate>Wed, 22 Jun 2011 04:57:46 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[General]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[descuento]]></category> <category><![CDATA[mac]]></category> <category><![CDATA[minificar]]></category> <category><![CDATA[YUI compressor]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1277</guid> <description><![CDATA[<p><a href="http://www.smallerapp.com/">Smaller</a> es una interfaz gráfica para YUI Compressor en Mac, con esta herramienta podremos <strong>minificar</strong> múltiples archivos Javascript y CSS sin necesidad de utilizar línea de comandos. Es ideal para diseñadores que no necesitan aprender línea &#8230;</p>]]></description> <content:encoded><![CDATA[<p><a href="http://www.smallerapp.com/">Smaller</a> es una interfaz gráfica para YUI Compressor en Mac, con esta herramienta podremos <strong>minificar</strong> múltiples archivos Javascript y CSS sin necesidad de utilizar línea de comandos. Es ideal para diseñadores que no necesitan aprender línea de comandos para minificar los archivos.</p><p><a href="http://www.smallerapp.com/"><img src="http://blog.unijimpe.net/wp-content/uploads/2011/06/smaller-yui-interface.jpg" alt="" title="smaller-yui-interface" width="214" height="100" /></a></p><p><strong>YUI Compressor</strong></p><p><a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> el una herramienta desarrollada en Java que permite minificar (Elimina espacios en blanco, saltos de linea, reemplaza los nombres de variables por otras mas cortas) archivos Javascript y CSS para de esta forma acelerar la carga de nuestras páginas. Para comprimir o minificar un archivo con YUI Compressor se utiliza la siguiente sintaxis en linea de comandos:</p><div class="syntax_hilite"><div id="code-14"><div class="code"><ol><li style="color:#3A6A8B;"><div style="">java -jar yuicompressor-<span style="color:#800000;color:#800000;">2</span>.<span style="color:#800000;color:#800000;">1</span>.<span style="color:#800000;color:#800000;">1</span>.<span style="">jar</span> myfile.<span style="">js</span> -o myfile-min.<span style="">js</span></div></li></ol></div></div></div><p></p><p>En donde <em>myfile.js</em> es el archivo que deseamos comprimir. De forma semejante se puede minificar archivos CSS.</p><p><strong>Smaller</strong></p><p>Si eres diseñador y te es complicado aprender la sintaxis en línea de comandos o deseas acelerar el proceso de minificar archivos, entonces <a href="http://www.smallerapp.com/">Smaller</a> te sacará de apuros pues es una interfaz gráfica para utilizar YUI Compressor en MAC. Con Smaller puedes arrastrar directamente los archivos hasta la ventana de Smaller y minificarlos rápidamente.</p><p><img src="http://blog.unijimpe.net/wp-content/uploads/2011/06/smaller-screen.png" alt="" title="smaller-screen" width="443" height="304" /></p><p>Puedes arrastrar varios archivos a la vez o incluso carpetas completas, además de ello tiene un panel de configuración para controlar al detalle el proceso de minificar archivos. En mi caso el proceso de minificar archivos que me demoraba 5 minutos ahora se ha reducido a 30 segundos!!!</p><p><strong>Smaller</strong> tiene un costo de US$ 20.00 pero tiene una versión de prueba por 30 días. Adicionalmente se puede obtener un descuento del 25% en el precio para ello solo tienen que seguir en Twitter al creador <a href="http://twitter.com/chenluois">@chenluois</a> y publicar un tweet con el siguiente texto: <em>Smaller - Batch Minify CSS and JavaScript on the Mac http://smallerapp.com</em>.</p><p><strong>Más Información</strong></p><ul><li><a href="http://www.smallerapp.com/">Smaller</a></li><li><a href="http://www.smallerapp.com/free/">Smaller: Can I get a 25% discount?</a></li><li><a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a></li><li><a href="http://www.youtube.com/watch?v=kl7qc_JQIqE">http://www.youtube.com/watch?v=kl7qc_JQIqE</a></li></ul><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/smaller-interfaz-grafica-para-yui-compressor-en-mac/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Optimización: Google Page Speed Online</title><link>http://blog.unijimpe.net/optimizacion-google-page-speed-online/</link> <comments>http://blog.unijimpe.net/optimizacion-google-page-speed-online/#comments</comments> <pubDate>Mon, 04 Apr 2011 03:40:06 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Optimización Web]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[cache]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[minificar]]></category> <category><![CDATA[optimizacion]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1260</guid> <description><![CDATA[<p><a href="http://code.google.com/speed/page-speed/">Page Speed</a> el plugin para <em>Firefox</em> y <em>Chrome</em> que permite hacer análisis de la velocidad de carga de un web y ofrece sugerencias de optimización presenta ahora una versión online para realizar un diagnostico de la &#8230;</p>]]></description> <content:encoded><![CDATA[<p><a href="http://code.google.com/speed/page-speed/">Page Speed</a> el plugin para <em>Firefox</em> y <em>Chrome</em> que permite hacer análisis de la velocidad de carga de un web y ofrece sugerencias de optimización presenta ahora una versión online para realizar un diagnostico de la velocidad de carga de nuestra web sin instalar ningún plugin a nuestro navegador favorito.</p><p><a href="http://pagespeed.googlelabs.com/"><img src="http://blog.unijimpe.net/wp-content/uploads/2011/04/page-speed-online.png" alt="" title="page-speed-online" width="500" height="242" /></a></p><p><a href="http://pagespeed.googlelabs.com/">Page Speed Online</a> ofrece un reporte agrupado en tres bloques:</p><ul><li><strong>High priority</strong> son puntos con los cuales puedes acelerar de gran manera tu web. Es recomendable implementar todas estas sugerencias. Entre estos puntos están: <em>optimizar las imágenes</em>, <em>generar thumbnails de las imágenes</em>, <em>activar keep-alive</em>, <em>combinar CSS en sprites</em>.</li><li><strong>Medium priority</strong> estos puntos son menos decisivos para la velocidad de tu web pero puede beneficiarse con estas sugerencias. Entre estos puntos tenemos: <em>Minificar CSS y JS</em>, r<em>educir la cantidad de redirecciones</em>, <em>configurar cache de contenido</em>.</li><li><strong>Low priority</strong> son puntos que tienen poco impacto en la velocidad de carga pero pueden ayudar en algo a acelerar nuestra web. En este bloque se encuentran: <em>Evitar peticiones erroneas</em>, <em>eliminar query string en peticiones estáticas</em>, etc.</li></ul><p>Adicionalmente Page Speed ofrece dos tipos de análisis, el primero para la versión de escritorio de tu web y el otro es para la versión móvil de tu web. Siguiendo las sugerencias que ofrece esta herramienta podremos acelerar la carga de nuestra web con pequeños cambios que harán que nuestros visitantes tengan una mejor experiencia en nuestra web.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/optimizacion-google-page-speed-online/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Youtube Video Player: tubePlayer 1.0</title><link>http://blog.unijimpe.net/youtube-video-player-tubeplayer-1-0/</link> <comments>http://blog.unijimpe.net/youtube-video-player-tubeplayer-1-0/#comments</comments> <pubDate>Mon, 01 Nov 2010 15:30:19 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[Flash]]></category> <category><![CDATA[General]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[Youtube]]></category> <category><![CDATA[flashvars]]></category> <category><![CDATA[player]]></category> <category><![CDATA[tubePlayer]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1244</guid> <description><![CDATA[<p>Nos agrada anunciar la nueva versión de <a href="http://blog.unijimpe.net/tubeplayer/">tubePlayer</a> el reproductor de vídeos de Youtube personalizado  y gratuito. Cuenta con los controles play/pause/stop/fullscreen y la posibilidad de desplazar a cualquier parte del video.</p><p><a href="http://blog.unijimpe.net/tubeplayer/"></a></p><p>Esta versión reescrita completamente &#8230;</p>]]></description> <content:encoded><![CDATA[<p>Nos agrada anunciar la nueva versión de <a href="http://blog.unijimpe.net/tubeplayer/">tubePlayer</a> el reproductor de vídeos de Youtube personalizado  y gratuito. Cuenta con los controles play/pause/stop/fullscreen y la posibilidad de desplazar a cualquier parte del video.</p><p><a href="http://blog.unijimpe.net/tubeplayer/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/10/tubeplayer-300x188.jpg" alt="" title="tubeplayer" width="300" height="188" class="alignnone size-medium wp-image-1239" /></a></p><p>Esta versión reescrita completamente cuenta con nuevas características sugeridas por nuestros lectores:</p><ul><li>Reproducción de cualquier video de Youtube.</li><li>Previsualización del video.</li><li>Desplazar la reproducción a cualquier parte del video.</li><li>Soporte para fullscreen utilizando doble click.</li><li>Los controles se ocultan a los 5 segundos de inactivada en fullscreen.</li><li>No se muestra publicidad en los videos.</li><li>Soporte para configurar autoplay y volumen inicial</li></ul><p style="text-align:left;"><a href="http://blog.unijimpe.net/download/tubeplayer-1.0.zip" title="tubeplayer 1.0"><img src="http://blog.unijimpe.net/btdown.png" border="0"></a></p><p><strong>Nueva Pagina y plugin para WordPress</strong></p><p>Ahora <em>tubePlayer</em> cuenta con una página propia donde se agregará y actualizará la documentación del reproductor asi como el enlace de descarga de la ultima versión. Además de ello hemos integrado tubePlayer al plugin para mostrar videos de youtube en WordPress <a href="http://blog.unijimpe.net/wp-youtube-player/">WP  Youtube Player</a>, de esta forma mostrar videos de youtube es muy sencillo.</p><p><strong>Dos Nuevas versiones</strong></p><p>Adicionalmente estamos introduciendo dos versiones de tubePlayer, una de ellas donde puedes colocar tu logo y otra con el diseño personalido completamente, para mas información pueden visitar <a href="http://blog.unijimpe.net/tubeplayer/">tubePlayer</a>.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/youtube-video-player-tubeplayer-1-0/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>Youtube Video Player: tubePlayer 1.0 (beta)</title><link>http://blog.unijimpe.net/tubeplayer-1-0-beta/</link> <comments>http://blog.unijimpe.net/tubeplayer-1-0-beta/#comments</comments> <pubDate>Mon, 25 Oct 2010 05:25:41 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[ActionScript]]></category> <category><![CDATA[Flash]]></category> <category><![CDATA[General]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[Youtube]]></category> <category><![CDATA[AS2]]></category> <category><![CDATA[autoplay]]></category> <category><![CDATA[fullscreen]]></category> <category><![CDATA[player]]></category> <category><![CDATA[videos]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1238</guid> <description><![CDATA[<p>Después de algún tiempo tenemos el agrado de presentar la nueva versión de <strong>tubePlayer</strong> el reproductor de vídeos de Youtube personalizado. Todo esto gracias a los comentarios y sugerencias de los visitantes a este blog, con &#8230;</p>]]></description> <content:encoded><![CDATA[<p>Después de algún tiempo tenemos el agrado de presentar la nueva versión de <strong>tubePlayer</strong> el reproductor de vídeos de Youtube personalizado. Todo esto gracias a los comentarios y sugerencias de los visitantes a este blog, con lo cual hemos logrado un mejor rendimiento del player.</p><p> <object width="510" height="320"><param name="movie" value="http://blog.unijimpe.net/wp-content/uploads/2010/11/tubeplayer.swf"></param><param name="quality" value="high"></param><param name="wmode" value="transparent"></param><param name="menu" value="false"></param><param name="bgcolor" value="#FFFFFF"></param><param name="allowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="flashvars" value=" videoId=pa14VNsdSYM"></param> <embed type="application/x-shockwave-flash" width="510" height="320" src="http://blog.unijimpe.net/wp-content/uploads/2010/11/tubeplayer.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" allowFullScreen="true" flashvars=" videoId=pa14VNsdSYM" ></embed> </object></p><h3>Características</h3><p>En esta nueva versión se ha reescrito completamente el reproductor utilizando <a href="http://code.google.com/apis/youtube/flash_api_reference_as2.html">YouTube ActionScript 2.0 Player API</a> el cual corrige algunos problemas de la versión anterior y mejora características solicitadas por nuestros visitantes.</p><ul><li>Reescrito completamente en ActionScript 2.0 con OOP.</li><li>Opción para autoplay de vídeos.</li><li>Opción para el volumen por defecto.</li><li>Se puede desplazar al cualquier parte del vídeo.</li><li>Imagen de previsualización del vídeo.</li><li>Mensaje de error si el vídeo esta bloqueado o eliminado.</li><li>No se muestra publicidad en los vídeos.</li><li>No se muestran las anotaciones en los vídeos.</li><li>Corregido el autoescalado del vídeo de acuerdo al tamaño del player.</li><li>Reproducción en pantalla completa.</li></ul><p>ActionScript 3.0 es muy potente pero el API es AS3 tiene el problema que muestra la publicidad en los vídeos, por lo cual decidimos trabajar con AS2 para mostrar los vídeos sin publicidad. Además de ello estamos trabajando para integrar <em>tubePlayer</em> a un plugin para WordPress que permita utilizar este player de forma sencilla en los blogs.</p><h3>Como utilizar tubePlayer</h3><p>Primero debes descargar la ultima versión del player y subir el archivo <em>tubeplayer.swf</em> a tu servidor web. Luego lo incluyes en tu página como cualquier SWF pero con tres parámetros por medio de <em>flashVars</em>:</p><ul><li><strong>videoId</strong> <em>(Requerido)</em><br />Identificador del vídeo de Youtube a reproducir.</li><li><strong>autoPlay</strong> <em>(Opcional)</em><br />Define si el vídeo se reproducirá automáticamente. Acepta valores <em>true</em> o <em>false</em>.</li><li><strong>volume</strong> <em>(Opcional)</em><br />Volumen inicial del vídeo. Acepta valores enteros de 0 a 100.</ul><p>Podemos embeber el video utilizando el tag de HTML <em><embed></em>:</p><div class="syntax_hilite"><div id="html-17"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/object.html"><span style="color: #000000;">&lt;object</span></a> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">"510"</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">"320"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp;<span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"movie"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"http://domain/path/tubeplayer.swf"</span> /<span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp;<span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"flashVars"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"videoId=6hzrDeceEKc&amp;autoPlay=true"</span> /<span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp;<span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"allowFullscreen"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"true"</span> /<span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp;<span style="color: #009900;">&lt;embed <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"tubeplayer.swf"</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">"510"</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">"320"</span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp;flashVars=<span style="color: #ff0000;">"videoId=pa14VNsdSYM"</span> allowFullscreen=<span style="color: #ff0000;">"true"</span> /<span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><span style="color: #000000;">&lt;/object&gt;</span></span></div></li></ol></div></div></div><p></p><p>También podemos utilizar SWFObject para incluir el player:</p><div class="syntax_hilite"><div id="html-18"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"divmovie"</span><span style="color: #000000;">&gt;</span></a></span>tubePlayer<span style="color: #009900;"><span style="color: #000000;">&lt;/div&gt;</span></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000;">&lt;script</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"</span><span style="color: #000000;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000;">&lt;/script&gt;</span></span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000;">&lt;script</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/javascript"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp;swfobject.embedSWF(&quot;http://domain/path/tubeplayer.swf&quot;, &quot;divmovie&quot;, &quot;510&quot;, &quot;320&quot;, &quot;9&quot;, &quot;&quot;,</div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp;{videoId: &quot;6hzrDeceEKc&quot;}, {allowFullscreen: &quot;true&quot;});</div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><span style="color: #000000;">&lt;/script&gt;</span></span></div></li></ol></div></div></div><p></p><p>Pueden ver el player funcionando en <a href="http://samples.unijimpe.net/tubeplayer-1.0-beta/">tubePlayer 1.0 (beta) demo</a>, donde pueden ingresar rl identificador del vídeo que desean visualizar.</p><h3>Sugerencias</h3><p>Este player esta en versión beta y esperamos nos hagan llegar su observaciones y sugerencias para de esta forma lograr un buen player que nos beneficie a todos.</p><p>Pueden dejar sus sugerencias en nuestro formulario de comentarios. En el transcurso de esta semana estaremos trabajando en la mejora del player y la otra semana estaremos lanzando la versión final que incluye un plugin para WordPress.</p><p style="text-align:left;"><a href="http://blog.unijimpe.net/download/tubeplayer-1.0.zip" title="tubeplayer 1.0"><img src="http://blog.unijimpe.net/btdown.png" border="0"></a></p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/tubeplayer-1-0-beta/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Cached Commons: Librerías Javascript Online para tus Proyectos</title><link>http://blog.unijimpe.net/cached-commons-librerias-javascript-online-para-tus-proyectos/</link> <comments>http://blog.unijimpe.net/cached-commons-librerias-javascript-online-para-tus-proyectos/#comments</comments> <pubDate>Wed, 01 Sep 2010 04:46:36 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Optimización Web]]></category> <category><![CDATA[Servicios Web]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[cdn]]></category> <category><![CDATA[github]]></category> <category><![CDATA[gzip]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[minificar]]></category> <category><![CDATA[SWFObject]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1234</guid> <description><![CDATA[<p><strong>Cached Commons</strong> es una colección de librerías Javascript que han sido cacheadas, optimizadas y alojadas en el CDN de Github las cuales podemos incluir directamente en nuestros proyectos. Están disponibles librerías como: <em>jQuery</em>, <em>SWFObject</em>, &#8230;</p>]]></description> <content:encoded><![CDATA[<p><strong>Cached Commons</strong> es una colección de librerías Javascript que han sido cacheadas, optimizadas y alojadas en el CDN de Github las cuales podemos incluir directamente en nuestros proyectos. Están disponibles librerías como: <em>jQuery</em>, <em>SWFObject</em>, <em>SWFAddress</em>, <em>SyntaxHighlighter</em>, <em>jqPlot</em> entre otros.</p><p><a href="http://cachedcommons.org/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/08/cached-commons.jpg" alt="" title="cached-commons" width="400" height="231" /></a></p><p>Cada librería incluida ha sido <em>minificada</em>, luego se la envía al usuario utilizando compresión <em>GZIP</em> y además con los headers necesarios para ser guardados en el cache del usuario. Esto significa que han sido correctamente optimizados para cargarse rápidamente y por consiguiente acelerar la carga de nuestra web.</p><p><strong>Como utilizar Cached Commons</strong></p><p>Para utilizar cualquier librería alojada en <em>Cached Commons</em> solo debes copiar la ruta de la librería e incluirla directamente en tu proyecto.</p><p>Por ejemplo si deseamos utilizar la librería SWFObject podemos hacerlo mediante:</p><div class="syntax_hilite"><div id="html-21"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000;">&lt;script</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/javascript"</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://cachedcommons.org/javascripts/swf/swfobject-2.2.js"</span><span style="color: #000000;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000;">&lt;/script&gt;</span></span></div></li></ol></div></div></div><p></p><p>También podemos utilizar la versión minificada:</p><div class="syntax_hilite"><div id="html-22"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000;">&lt;script</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/javascript"</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://cachedcommons.org/javascripts/swf/swfobject-2.2-min.js"</span><span style="color: #000000;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000;">&lt;/script&gt;</span></span></div></li></ol></div></div></div><p></p><p>Este proyecto es semejante al <a href="http://blog.unijimpe.net/google-ajax-libraries-api/">Google Ajax Libraries API</a> el cual también aloja a las principales librerías javascript, pero tiene la ventaja que aloja a muchas mas librerías y plugins más populares. Si aún así no encuentras la librería que necesitas puedes solicitar qu la agreguen al directorio.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/cached-commons-librerias-javascript-online-para-tus-proyectos/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Obtener Descuentos para Comprar por Internet</title><link>http://blog.unijimpe.net/obtener-descuentos-para-comprar-por-internet/</link> <comments>http://blog.unijimpe.net/obtener-descuentos-para-comprar-por-internet/#comments</comments> <pubDate>Tue, 17 Aug 2010 04:46:19 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[Servicios Web]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[ahorro]]></category> <category><![CDATA[comprar]]></category> <category><![CDATA[cupones]]></category> <category><![CDATA[descuentos]]></category> <category><![CDATA[internet]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1211</guid> <description><![CDATA[<p>Si tienes la necesidad de hacer compras por internet, te presento un tip sencillo para obtener descuentos y ahorrar dinero. Se trata de <a href="http://www.retailmenot.com/">RetailMeNot</a>, una comunidad donde encontrarás múltiples cupones de descuento compartidos por los &#8230;</p>]]></description> <content:encoded><![CDATA[<p>Si tienes la necesidad de hacer compras por internet, te presento un tip sencillo para obtener descuentos y ahorrar dinero. Se trata de <a href="http://www.retailmenot.com/">RetailMeNot</a>, una comunidad donde encontrarás múltiples cupones de descuento compartidos por los usuarios. Encontrarás cupones de todo tipo y para muchos sitios web.</p><p><a href="http://www.retailmenot.com/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/08/retailmenot.jpg" alt="" title="retailmenot" width="500" height="359" /></a></p><p><strong>Obtener Descuentos en GoDaddy</strong></p><p>GoDaddy es uno de los mas grandes proveedores de Dominios, entonces si vas a comprar dominios puedes realizar la búsqueda de cupones y luego ver el listado de todos los <a href="http://www.retailmenot.com/view/godaddy.com">cupones disponibles para GoDaddy</a>. En mi caso yo escojo el descuento de dominios a <em>$US 7.49</em> cuando normalmente el precio del dominio es de <em>$11.44</em>.</p><p>Luego cuando compramos el dominio, en el carrito de compras podemos ingresar el cupón de descuento con en la siguiente imagen con lo cual nos ahorramos unos dolares de manera sencilla.</p><p><img src="http://blog.unijimpe.net/wp-content/uploads/2010/08/godaddy-cart-discount.jpg" alt="" title="godaddy-cart-discount" width="580" height="165" /></p><p>Como pueden ver es sencillo ahorrar dinero al momento de comprar en internet, todo es cuestión de conocer los lugares donde encontrar los cupones de descuento adecuados.</p><p><strong>Compartir Cupones</strong></p><p>Los cupones listados en <em>RetailMeNot</em> son enviados por los usuarios, así que si te llega algún cupón y no lo vas a utilizar es bueno que lo compartas en esta página para de esta forma beneficiarnos todos con los descuentos.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/obtener-descuentos-para-comprar-por-internet/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Utilizar el botón oficial de Twitter</title><link>http://blog.unijimpe.net/utilizar-el-boton-oficial-de-twitter/</link> <comments>http://blog.unijimpe.net/utilizar-el-boton-oficial-de-twitter/#comments</comments> <pubDate>Sun, 15 Aug 2010 04:34:34 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[Twitter]]></category> <category><![CDATA[boton]]></category> <category><![CDATA[compatir]]></category> <category><![CDATA[tweet button]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1219</guid> <description><![CDATA[<p>En esto días <a href="http://twitter.com">Twitter</a> ha lanzado su botón oficial para compartir páginas de forma sencilla y con opciones interesantes en clara competencia a servicios como <em>retweet.com</em> y <em>tweetmeme.com</em>. El nuevo botón se llama <em>Tweet Button</em>&#8230;</p>]]></description> <content:encoded><![CDATA[<p>En esto días <a href="http://twitter.com">Twitter</a> ha lanzado su botón oficial para compartir páginas de forma sencilla y con opciones interesantes en clara competencia a servicios como <em>retweet.com</em> y <em>tweetmeme.com</em>. El nuevo botón se llama <em>Tweet Button</em> y con dos líneas de código puedes tener el botón para compartir tu contenido en Twitter y con la opción de mostrar la cantidad de <em>tweets</em> hechas a tu contenido.</p><p><a href="http://twitter.com/goodies/tweetbutton"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/08/tweet-button.jpg" alt="" title="tweet-button" width="430" height="122" /></a></p><p><strong>Utilizar Tweet Button (Básico)</strong></p><p>Utilizar <em>Tweet Button</em>, es muy sencillo, solo tienes que agregar dos líneas de código a tu pagina y esto se encargará de tomar el titulo y url de tu página para mostrarlo en la campo para compartir en Twitter.</p><div class="syntax_hilite"><div id="html-25"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000;">&lt;script</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://platform.twitter.com/widgets.js"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/javascript"</span><span style="color: #000000;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000;">&lt;/script&gt;</span></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"http://twitter.com/share"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"twitter-share-button"</span><span style="color: #000000;">&gt;</span></a></span>Tweet<span style="color: #009900;"><span style="color: #000000;">&lt;/a&gt;</span></span></div></li></ol></div></div></div><p></p><p>Con el cual obtenemos el siguiente resultado:<br /><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><br /> <a href="http://twitter.com/share" class="twitter-share-button">Tweet</a></p><p><strong>Utilizar Tweet Button (Avanzado)</strong></p><p>Adicionalmente se pueden personalizar varios parámetros para controlar el contenido del tweet que se enviará, para ello podemos agregar variables al enlace del código anterior. Los parámetros disponibles son:</p><ul><li><strong>count</strong> indica como se mostrará la cantida de tweets (<em>horizontal</em>, <em>vertical</em>, <em>none</em>).</li><li><strong>lang</strong> idioma en el cual se mostrará el botón (<em>en</em>, <em>fr</em>, <em>de</em>, <em>es</em>, <em>ja</em>).</li><li><strong>url</strong> el ruta de la página que deseas compartir.</li><li><strong>text</strong> texto que se mostrará en el tweet.</li><li><strong>via</strong> nombre del usuario de Twitter que se usará como autor.</li><li><strong>related</strong> cuenta de twitter que se recomendará luego de hacer el tweet.</li></ul><p>Entonces si elegimos mostrar el botón con la cantidad de tweets en la parte superior del botón y que en el texto se mencione nuestra cuenta de Twitter, tendríamos:</p><div class="syntax_hilite"><div id="html-26"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000;">&lt;script</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">"http://platform.twitter.com/widgets.js"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/javascript"</span><span style="color: #000000;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000;">&lt;/script&gt;</span></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"http://twitter.com/share?count=vertical&amp;via=unijimpe"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"twitter-share-button"</span><span style="color: #000000;">&gt;</span></a></span>Tweet<span style="color: #009900;"><span style="color: #000000;">&lt;/a&gt;</span></span></div></li></ol></div></div></div><p></p><p>Con lo que obtendríamos el siguiente resultado:<br /><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><br /> <a href="http://twitter.com/share?count=vertical&#038;via=unijimpe" class="twitter-share-button">Tweet</a></p><p>Para mayor información acerca de estos parámetros pueden leer la documentación oficial para desarrolladores en <a href="http://dev.twitter.com/pages/tweet_button">Tweet Button | Developer documentation for the Sharing API</a>.</p><p><strong>Utilizar Generador de Tweet Button</strong></p><p>Twitter ha creado un generados de botones, el cual te guía para configurar los diferentes parámetros del botón, al final de este proceso te mostrará el código para copiarlo y pegarlo en tu web.</p><p><img src="http://blog.unijimpe.net/wp-content/uploads/2010/08/generate-button.jpg" alt="" title="generate-button" width="500" height="166" class="alignnone size-full wp-image-1221" /></p><p><strong>Mas Información</strong></p><ul><li><a href="http://twitter.com/goodies/tweetbutton">Tweet Button Goodies Page</a></li><li><a href="http://dev.twitter.com/pages/tweet_button">Tweet Button | Developer documentation for the Sharing API</a></li><li><a href="http://blog.twitter.com/2010/08/pushing-our-tweet-button.html">Pushing Our (Tweet) Button</a></li></ul><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/utilizar-el-boton-oficial-de-twitter/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Los mejores Clientes FTP gratuitos</title><link>http://blog.unijimpe.net/los-mejores-clientes-ftp-gratuitos/</link> <comments>http://blog.unijimpe.net/los-mejores-clientes-ftp-gratuitos/#comments</comments> <pubDate>Mon, 21 Jun 2010 04:09:12 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[Servicios Web]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[download]]></category> <category><![CDATA[ftp]]></category> <category><![CDATA[gratis]]></category> <category><![CDATA[linux]]></category> <category><![CDATA[mac]]></category> <category><![CDATA[online]]></category> <category><![CDATA[Open Source]]></category> <category><![CDATA[upload]]></category> <category><![CDATA[windows]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=1189</guid> <description><![CDATA[<p>Un cliente de FTP (<em>File Transfer Protocol</em>) es una de las herramientas básicas para cualquier desarrollador web, por que nos permite transferir archivos entre el servidor web y nuestro computador local.</p><p>Existen herramientas comerciales &#8230;</p>]]></description> <content:encoded><![CDATA[<p>Un cliente de FTP (<em>File Transfer Protocol</em>) es una de las herramientas básicas para cualquier desarrollador web, por que nos permite transferir archivos entre el servidor web y nuestro computador local.</p><p>Existen herramientas comerciales como <a href="http://www.cuteftp.com/">CuteFTP</a> que tiene versiones para Windows y Mac o también <a href="http://www.flashfxp.com/">FlashFXP</a> que cuenta con versión para Windows solamente. Veamos algunas alternativas gratuitas para gestionar nuestros archivos vía FTP.</p><p><strong>FileZilla</strong><br /> <a href="http://filezilla-project.org/">FileZilla</a> es un proyecto Open Source y es uno de los mejores clientes gratuitos, que además cuenta con versiones para <em>Windows</em>, <em>Linux</em> y <em>Mac OSX</em>. Cuenta con una amplia comunidad de desarrolladores por lo cual tiene amplio soporte y actualizaciones constantes. FileZilla cuenta con todas las opciones de cualquier cliente comercial y con buen rendimiento.</p><p><a href="http://filezilla-project.org/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/06/filezilla.jpg" alt="" title="filezilla" width="300" height="239" /></a></p><h3>Clientes para Windows</h3><p><strong>Coffee Free FTP</strong><br /> Este es un cliente interesante que cuenta con una interfaz muy limpia lo cual facilita el proceso de transferencia de archivos. <a href="http://www.coffeecup.com/free-ftp/">Coffee Free FTP</a> permite utilizar varios perfiles de usuarios y soporte para subir múltiples archivos de manera sencilla con una vista de los archivos que se tiene en el servidor y en local.</p><p><a href="http://www.coffeecup.com/free-ftp/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/06/coffee-free-ftp.jpg" alt="" title="coffee-free-ftp" width="300" height="212" /></a></p><p><strong>GoFTP</strong><br /> <a href="http://www.goftp.com/">GoFTP</a> es otro cliente de FTP que ofrece mayor velocidad, en su web anuncian que es hasta 314% mas rápido que los otros clientes. Cuenta con un explorador de archivos para facilitar la transferencias de archivos, también permite continuar uploads o downloads de archivos que hayan sido detenidos.</p><p><a href="http://www.goftp.com/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/06/goftp.jpg" alt="" title="goftp" width="300" height="232" /></a></p><h3>Clientes para Mac</h3><p><strong>Cyberduck</strong><br /> <a href="http://cyberduck.ch/">Cyberduck</a> es uno de los mejores clientes FTP para Mac, ademas de ello permite utilizarlo como cliente para <em>WebDAV</em>, <em>Google Docs</em> y <em>Amazon S3</em>. Ademas de ello se puede integrar con la mayoría de editores de código de Mac.</p><p><a href="http://cyberduck.ch/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/06/cyberduck.jpg" alt="" title="cyberduck" width="300" height="270" /></a></p><p><strong>Classic FTP for Mac</strong><br /> Este cliente esta perfectamente integrado con Mac y permite subir y descargar archivos de manera sencilla con un explorador de archivos integrados. Cuenta con todas las funcionalidades necesarias de un cliente FTP.</p><p><a href="http://www.nchsoftware.com/classic/screenshots.html"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/06/classicftp.jpg" alt="" title="classicftp" width="300" height="245" /></a></p><h3>Clientes Online</h3><p><strong>net2ftp</strong><br /> <a href="http://www.net2ftp.com/">net2ftp</a> es un cliente FTP el cual puedes utilizar desde cualquier navegador sin necesidad de instalar ningún programa. Puedes ver todos los archivos que tienes en tu servidor, también puedes subir y descargar los archivos de manera sencilla.</p><p><a href="http://www.net2ftp.com/"><img src="http://blog.unijimpe.net/wp-content/uploads/2010/06/net2ftp.jpg" alt="" title="net2ftp" width="300" height="225" /></a></p><p>Como pueden ver hay muchas alternativas para poder administrar archivos de nuestro FTP y sobre todo gratuitos.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/los-mejores-clientes-ftp-gratuitos/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching using disk: basic

Served from: blog.unijimpe.net @ 2012-02-04 01:31:08 -->
