<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-8922739645700617993</atom:id><lastBuildDate>Fri, 09 Jan 2026 10:29:25 +0000</lastBuildDate><category>herramientas</category><category>diseño</category><category>web</category><category>SEO</category><category>codigo</category><category>google</category><category>webmaster</category><category>HTLM</category><category>blog</category><category>imagenes</category><category>CSS</category><category>gadget</category><category>truco</category><category>Tutorial</category><category>pagerank</category><category>plantillas</category><category>widget</category><category>Twiter</category><category>facebook</category><category>posicionamiento</category><category>Programas</category><category>directorios</category><category>marketing</category><category>Bill Gates</category><category>Microsoft</category><category>PTC</category><category>PTR</category><category>exponsor</category><title>Bibliotutos</title><description></description><link>http://bibliotutos.blogspot.com/</link><managingEditor>noreply@blogger.com (Blog)</managingEditor><generator>Blogger</generator><openSearch:totalResults>246</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle/><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-9008024436963158239</guid><pubDate>Fri, 29 Jul 2016 03:24:00 +0000</pubDate><atom:updated>2016-07-28T20:24:52.030-07:00</atom:updated><title/><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeBIGHcQiv1UrL6rOZ1hl27_6_zc0Z03Z463Oz-YSJLTsD1XgMvD3dQLJb_ik1BIU5ow_MBdAFT03UNqjep5xtLB20uVD27vSkCC1XJTeau-TjJKG0u8lMKDyDqtIbA-MqztPFI7Hco4E/s1600/logros.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeBIGHcQiv1UrL6rOZ1hl27_6_zc0Z03Z463Oz-YSJLTsD1XgMvD3dQLJb_ik1BIU5ow_MBdAFT03UNqjep5xtLB20uVD27vSkCC1XJTeau-TjJKG0u8lMKDyDqtIbA-MqztPFI7Hco4E/s640/logros.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2016/07/blog-post.html</link><author>noreply@blogger.com (Blog)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeBIGHcQiv1UrL6rOZ1hl27_6_zc0Z03Z463Oz-YSJLTsD1XgMvD3dQLJb_ik1BIU5ow_MBdAFT03UNqjep5xtLB20uVD27vSkCC1XJTeau-TjJKG0u8lMKDyDqtIbA-MqztPFI7Hco4E/s72-c/logros.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-3705584704620558801</guid><pubDate>Wed, 31 Dec 2014 20:20:00 +0000</pubDate><atom:updated>2014-01-27T04:35:44.609-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">web</category><category domain="http://www.blogger.com/atom/ns#">webmaster</category><title>Tu dominio .COM gratis.</title><description>&lt;strong&gt;&lt;span style="font-size: large;"&gt;Como obtener dominio .com gratis.&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;
Sigue el enlace y disfruta nuestro tutorial para obtener tu dominio .COM , .NET , .ORG , etc y sin gastar dinero de tu bolsillo.&lt;/div&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&lt;strong&gt;&lt;span style="color: orange; font-size: large;"&gt;&lt;a href="http://bibliotutos.blogspot.com/p/dominio-com-gratis.html"&gt;Dominio .COM gratis&lt;/a&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
</description><link>http://bibliotutos.blogspot.com/2010/10/tu-dominio-com-gratis.html</link><author>noreply@blogger.com (Blog)</author><thr:total>4</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-7055714218901210716</guid><pubDate>Thu, 10 Jul 2014 02:48:00 +0000</pubDate><atom:updated>2014-07-09T19:48:00.284-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><title>Crear una página en línea.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Algunos consejos para principiantes.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Tu nivel de conocimientos informáticos es limitado y no te sientes hábil con las computadoras? entonces la solución es utilizar un editor en línea para crear tu página. Esta opción es mucho más sencilla debido a que no utiliza ni programación ni ningún otro concepto complicado.&lt;br /&gt;
A menudo encontrarás servicios todo en uno, que incluyen los nombres de dominio, hosting y la asistencia para la creación de páginas web. Existen varios proveedores, con diferentes servicios y precios. Casi todos los editores ofrecen un sistema por etapas para crear una página web; En primer lugar eliges un diseño, después agregas páginas, sus contenidos y luego pones todo en línea.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
&lt;b&gt;Las ventajas&lt;/b&gt;&amp;nbsp;&lt;/h3&gt;
Aquí las principales ventajas de los editores en línea:&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cientos de plantillas disponibles para crear una página web.&lt;/b&gt; Los diseñadores suelen proporcionar varios modelos para tu página. Solamente eliges el que más te guste! No es necesario de un programa para edición de fotos o conocimientos de programación para tener una hermosa página.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Soporte técnico disponible y gratuito.&lt;/b&gt; Ya sea por el sistema de correo electrónico o por teléfono, el soporte técnico está siempre disponible para ayudarte!&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Los planes incluyen todo.&lt;/b&gt; El alojamiento, el nombre de dominio, correo electrónico, etc. No hay necesidad de buscar un proveedor para cada aspecto de tu página, porque todo está incluido con la suscripción!&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;La referencia web es gratuita.&lt;/b&gt; El equipo se ocupa de poner disponibles tu página en los principales motores de búsqueda como Google, Yahoo, MSN, etc.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Crear una página de manera fácil y rápida:&lt;/b&gt; unos pocos pasos son suficientes para crear, mantener y poner tu página en línea!&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Accesible desde cualquier lugar, sin necesidad de descargar.&lt;/b&gt; Debido que los editores están en línea, no es necesario descargar programas para editar tu página o para acceder al servidor de archivos (FTP)! Una conexión a Internet es suficiente para modificar tu página!. La puedes modificar los 7 días de la semana, las 24 horas del día desde cualquier computadora. No más esperas, ni recargos adicionales.</description><link>http://bibliotutos.blogspot.com/2014/07/crear-una-pagina-en-linea.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-5604311668774576786</guid><pubDate>Sat, 05 Jul 2014 02:33:00 +0000</pubDate><atom:updated>2014-07-04T19:33:00.173-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Malas prácticas en Promoción de Paginas Web.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;No cometas errores al difundir tu sitio web.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Realmente, la verdadera mala práctica en cuanto a promoción de web es simplemente no practicar. Todo lo que hagamos en cuanto a promoción puede servir para dar a conocer nuestra página web, pero interesa que nos conozcan "de buen grado", es decir, en sentido positivo. Y por qué digo esto?&lt;br /&gt;
Es una práctica habitual en todos nosotros al comenzar a promocionar nuestra nueva página web, el cantar a todos los vientos que nuestra web es magnífica (interese o no a la gente a la que informamos), que contiene todo lo que están buscando (sea o no cierto), que está repleta de información (aunque esté aún vacia o con el famoso cartelito "en contrucción"), y para colmo, lo hacemos no una ni dos, sino que machacamos al personal comunicándoselo decenas de veces. Eso se llama Spam, meterle a la gente por los ojos una publicidad no solicitada, casi siempre repetitiva e indiscriminadamente. Eso, lejos de ser un buen modo de promocionar una página web, termina cansando al posible visitante haciendo que éste huya de lo que le proponéis. Poneos en su lugar y descubriréis cuál es el buen camino a la hora de promocionar una página web. Preguntaros a vosotros mismos..&lt;br /&gt;
¿Deseo recibir información acerca de la aparición de una nueva web, me interese o no el tema que tratan? Normalmente la respuesta es no, aunque podría ser un sí si... ¿si qué? (volveos a preguntar). Quizás aceptaría si solo me lo hicieran saber una sola vez (suele serme suficiente...).&lt;br /&gt;
¿Deseo visitar un Foro y ver anuncios de páginas web? Bueno, solo si realmente está relacionado con la temática del foro, y siempre que no encuentre más de un mensaje de promoción.&lt;br /&gt;
¿Deseo recibir esta información en mi correo electrónico? Personalmente, suelo borrarlos en cuanto los veo aparecer&lt;br /&gt;
¿Me gusta recibir noticias sobre actualizaciones de una página web? Realmente, solo si lo he pedido antes, y solo si me describen qué es lo que han actualizado y si no es demasiado frecuente. No me gusta recibir estos mensajes y luego acudir a la web y verla tal y como estaba.&lt;br /&gt;
¿Sueles votar en aquellas webs que visitas donde aparece el típico cartelito "Vota por esta web"? Solo si me ha impresionado, o es de un colega, y si tengo unos minutos que perder, auque si para votar hay que registrarse en algo, paso del tema rápidamente.&lt;br /&gt;
¿Sueles ir a buscar páginas de tu interés en listados de webs? Si te refieres a esas listas obtenidas por los "Vótame" anteriores, realmente nunca lo he hecho.&lt;br /&gt;
Entonces ¿Cómo demonios encuentras las páginas que realmente te interesa? Está claro, uso buscadores o pincho en algún enlace que me llama la atención en algunas webs. Pero lo hago POR QUE QUIERO.&lt;br /&gt;
Bueno, las respuestas a las preguntas anteriores son por supuesto personales, pero quizás os sintáis algo identificados con ellas.&lt;br /&gt;
De estas respuestas podéis sacar en claro que:&lt;br /&gt;
1.- A la gente no le suele gustar recibir E-Mails de promoción, y menos si son repetitivos, engañosos o fuera de lugar.&lt;br /&gt;
2.- No les gusta el spam en los foros y a menudo no les hacen ningún caso.&lt;br /&gt;
3.- Los típicos "Vótame" o "Tops", no valen para mucho.&lt;br /&gt;
4.- Lo que realmente interesa es aparecer en los buscadores y conseguir enlaces a mis páginas web.
Además, ante tal avalancha de spam, ya con ver un anuncio en la web no hacemos ni caso, pero si en lugar de encontrarlo en la red lo encontramos en... que se yo, en la calle, nos llama realmente la atención. Quizás por no existir demasiados aún. Por ejemplo, si entro en una tienda y veo un cartel con una web apuntada, me llama la atención más que si la veo en un portal famoso de internet. ¿Os da esto alguna idea....?</description><link>http://bibliotutos.blogspot.com/2014/07/malas-practicas-en-promocion-de-paginas.html</link><author>noreply@blogger.com (Blog)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-5239321837935871193</guid><pubDate>Fri, 27 Jun 2014 02:24:00 +0000</pubDate><atom:updated>2014-06-26T19:24:00.624-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>La Importancia de las Redes Sociales en la Promoción de Páginas </title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Las redes sociales como herramienta de promoción.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Cuantas redes sociales han podido aparecer en estos últimos años? Es una barbaridad que quizás pueda aprovecharse de algún modo en la promoción de nuestras páginas web. Ya es raro el portal, blog o página web que no tiene una cuenta en Facebook, Twitter o similar. Nos quedaremos atrás si no tenemos una cuenta allí? Nos perdemos algo?&lt;br /&gt;
Las redes sociales así, a bote pronto, nos pueden servir para varias cosas y, estate atento, porque en algunos casos no es necesario que tengas una cuenta activada en la red social.&lt;br /&gt;
Por un lado ofrecemos a nuestros "en-red-ados" la oportunidad de estar al tanto de las novedades que ocurren en nuestra página web (si es que las publicamos en esas redes, claro) con lo que es posible que nos vuelvan a visitar tras ver que anunciamos algún contenido que le pueda interesar. Pero por otro lado estaremos presentes como "amigos suyos", lo que puede servir para captar a alguno de sus conocidos en su red social.&lt;br /&gt;
Además de eso, si el contenido que publicamos en la red social es original (si no es un copio y pego de los textos de mi página, blog o sitio web) seguramente las páginas de la red sean rastreadas por los robots de los buscadores y posiblemente indexen algunas. Esas páginas indexadas de nuestra red social nos proveerá de algunas visitas extra también.&lt;br /&gt;
Si estás pensando en abrir cuentas en toda red social que encuentres, ten en cuenta antes que todas esas cuentas tendrás que mimarlas un poco, es decir, visitarla frecuentemente por si alguien te ha dejado un comentario, crítica o sugerencia. No sea que quien visite tu perfíl detrás, vea comentarios sin respuesta, cosa que queda un poco fea. También deberías publicar algo con cierta frecuencia, para que esa cuenta no parezca olvidada, abandonada. Si crees que no vas a tener tiempo para esto mejor abre solo una, o ninguna, pues aquí ocurre como en los foros, si la abandonas lo que promocionas es lo abandonada que tienes tu web.</description><link>http://bibliotutos.blogspot.com/2014/06/la-importancia-de-las-redes-sociales-en.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-1198430360253102954</guid><pubDate>Mon, 27 Jan 2014 12:34:00 +0000</pubDate><atom:updated>2014-01-27T04:34:48.988-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><title>Tips a tener en cuenta en el diseño web.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Puntos claves a la hora de diseñar una web.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
El diseño es de suma importancia en todas sus áreas, sin embargo, se tiene que poner atención en la que va directamente relacionada con el medio más atractivo para los usuarios hoy en día, y es que según el Estudio de consumo de medios
digitales 2013 de AMAI, el 28% de la población pasa 4 horas en promedio del día navegando por internet, cuando sólo el 20% de la población le dedica 3 horas diarias a ver la tv por cable, lo que nos indica una mayor atención en masa y en tiempo a internet, el medio más utilizado.&lt;br /&gt;
El diseñador demuestra su creatividad en la creación estratégica y gráfica del diseño web de los sitios de cada marca, donde atrae a su mercado meta, un buen diseño web marca notablemente la diferencia.&lt;br /&gt;
A continuación te mostramos 8 tips en los que debe poner atención el diseñador del área web:&lt;br /&gt;
1. Crear Poder de Confianza hacia la marca en el Consumidor:&lt;br /&gt;
Dar las herramientas necesarias en contenido del portal a cerca del producto/servicio, sacar provecho de los beneficios, los problemas que ayuda a solucionar, entre más información se genere, más confianza en la marca tendrá el mercado meta.
No sólo debemos limitarnos a dar a conocer características físicas.&lt;br /&gt;
2. Crear estructura mediante el diseño:&lt;br /&gt;
Crear gráficos que sean capaces de guiar al espectador hacia alguna acción determinadas, esta se maneja mediante las características de color, tamaño y forma.&lt;br /&gt;
3. Accesibilidad y usabilidad:&lt;br /&gt;
Son aspectos tan importantes en una página web debido a que la audiencia se puede frustrar por el tiempo esperado o la dificultad para navegar y salga huyendo de su página.&lt;br /&gt;
4. Gráfico visual llamativo:&lt;br /&gt;
El logotipo debe de causar impacto, compenetración e identificación del mercado meta con la marca, colocarlo en el lugar estratégico dentro de tu sitio web (tomando en cuenta el diseño estratégico en la estructura), llamará a ala acción de entrada.&lt;br /&gt;
5. Diseño móbil:&lt;br /&gt;
El 14% de la población se conecta a internet desde su smartphone y la tendencia va en aumento (según el estudio de consumo de medios digitales en 2013 AMAI) lo que lleva a los diseñadores y creativos a encontrar la manera de enganchar a la audiencia con el diseño móvil, aplicaciones de interés que tengan como finalidad utilidad o beneficio para el consumidor, esto generar una recordación de marca en la vida diaria que se convierte en lealtad.&lt;br /&gt;
6. Tecnología de punta:&lt;br /&gt;
con el crecimiento antes mencionado de los internautas móviles las tecnologías evolucionan también, es importante incursionarlas en las nuevas “pantallas”, generará novedad e interés.&lt;br /&gt;
7. Elementos simples:&lt;br /&gt;
No se necesita poner muchos gráficos, entre menos mejor, la idea es una comunicación gráfica que sea capáz de atrapar la atención del mercado meta.
La simplicidades es tema básico.</description><link>http://bibliotutos.blogspot.com/2014/01/tips-tener-en-cuenta-en-el-diseno-web.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-4158563683571336502</guid><pubDate>Sun, 26 Jan 2014 12:54:00 +0000</pubDate><atom:updated>2014-01-26T04:54:50.582-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">google</category><title>Google Drive para alojar gratis un sitio web.</title><description>&lt;b style="background-color: white; border: 0px; box-sizing: border-box; color: #313131; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 27px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="font-size: large;"&gt;Google Drive también funciona como un sencillo host de páginas web.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Ya el pasado 2012 anunciábamos que una nueva función en Google Drive iba a permitír su uso para el alojamiento básico de páginas web.&lt;br /&gt;
Para poder empezar a disfrutar de esta posibilidad debemos seguir los siguientes pasos:&lt;br /&gt;
-Crear una nueva carpeta en Google Drive y compartila como pública (Public on the web).&lt;br /&gt;
-Subir a esta carpeta todolos ficheros HTML, Javascript y CSS.&lt;br /&gt;
-Abrir el archivo HTML donde encontraremos el botón Previsualizar (Preview) en la barra de herramientas.
Una vez que seleccionamos esta vista previa, obtendremos una URL de forma que podamos compratir con cualquiera la posibilidad de visualizar nuestra página web.&lt;br /&gt;
-La URL quedará algo parecidos a www.googledrive.com/host/01535&lt;br /&gt;
Esta nueva funcionalidad (útil pero limitada) puede ser interesante para todos aquellos que deseen publicar pequeños sites con un número no muy elevado de visitas y quieran ahorrarse los costes derivados de un servicio estandar de alojamiento web.&lt;br /&gt;
Con la llegada definitiva de esta novedad, Google Drive mejora en cuanto a sencillez de uso lo ofrecido desde hace tiempo por Dropbox que requería de DropPages para alojar una página web de forma gratuita.</description><link>http://bibliotutos.blogspot.com/2014/01/google-drive-para-alojar-gratis-un.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-2113130608747973653</guid><pubDate>Wed, 15 Jan 2014 12:59:00 +0000</pubDate><atom:updated>2014-01-26T05:00:00.504-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">google</category><title>Manual de Google para crear sitios móviles.</title><description>&lt;b style="background-color: white; border: 0px; box-sizing: border-box; color: #313131; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 27px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="font-size: large;"&gt;Recopilación oficial como desarrollar sitios web optimizados para móviles.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Hace un tiempo Google presentaba una versión en español de su manual para desarrolladores web interesados en crear sites móvíles.&lt;br /&gt;
A partir de ahora una buena parte de los artículos, herramientas y documentos que Google ha ido presentando en los últimos años están disponibles en nuestro idioma.&lt;br /&gt;
Todos aquellos interesados en obtener una fuente oficial de información acerca de todo tipo de técnicas de programación y buenas prácticas para webmasters que pretendan proporcionar contenido optimizados para los usuarios de equipos móviles van a encontrar de utilidad este manual de Google.&lt;br /&gt;
Además si estas pensando en construir o adaptar tu sitios web para usuarios de dispositivos móviles, no dejes de darle un vistazo al manual.&lt;br /&gt;
Especialmente interesante para sites con soporte para smartphones, también se ofrecen algunos consejos útiles con respecto a las tabletas.&lt;br /&gt;
Toda esta documentación online es un interesante complemento de recursos como el &lt;a href="https://productforums.google.com/forum/#!forum/webmaster-es" target="_blank"&gt;foro de Google de ayuda para webmasters.&lt;/a&gt;&lt;br /&gt;
Interesados pueden acceder a este Manual de Google para sites móviles desde desde &lt;a href="http://developers.google.com/"&gt;developers.google.com&lt;/a&gt;</description><link>http://bibliotutos.blogspot.com/2014/01/manual-de-google-para-crear-sitios.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-926535058290608845</guid><pubDate>Wed, 25 Dec 2013 22:44:00 +0000</pubDate><atom:updated>2013-12-25T14:44:08.404-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><title>450 recursos premium gratuitos para diseñadores web.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Pack de diseño para mejorar las posibilidades de tu sitio web.&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Inky Deals, una de las comunidades de diseñadores web más importantes que existen en la actualidad con más de 300.000 miembros, acaba de lanzar un interesante paquete de recursos premium gratuitos.

Entre los cerca de 475 freebies que incluye este pack dedicado a mejorar las posibilidades y trabajo de cualquier diseñador, desarrollador o webmaster, podemos encontrar desde texturas, plantillas, patrones, fuentes, botones o iconos... todos ellos de calidad y temática variada.&lt;br /&gt;
Valorado por el equipo de Inky Deals en más de 500 dólares este repertorio ahora gratuito ofrece además la posibilidad de previsualizar cada uno de los recursos incluidos antes de la definitiva descarga, de modo que sea posible conocer al detalle aquello que nos parece puede encajar con nuestra búsqueda.&lt;br /&gt;
Interesados pueden acceder a más información y descarga de estos +450 recursos premium gratuitos para diseñadores web desde &lt;a href="http://www.inkydeals.com/"&gt;www.inkydeals.com&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://files.bnetwork.netdna-cdn.com/wp-content/uploads/2013/02/quantity1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="276" src="http://files.bnetwork.netdna-cdn.com/wp-content/uploads/2013/02/quantity1.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/12/450-recursos-premium-gratuitos-para.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-7475075218632471167</guid><pubDate>Wed, 18 Dec 2013 17:06:00 +0000</pubDate><atom:updated>2013-12-25T14:46:17.545-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">herramientas</category><category domain="http://www.blogger.com/atom/ns#">imagenes</category><title>Fotoflexer, editor de efectos para imágenes.</title><description>&lt;strong&gt;&lt;span style="font-size: large;"&gt;Aplicación web&amp;nbsp;para trabajar nuestras imágenes de un modo sencillo. &lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://fotoflexer.com/" target="_blank"&gt;Fotoflexer&lt;/a&gt; es un editor online con el que podremos añadir mejoras y efectos a nuestras imágenes de forma gratuita y rápida.&lt;br /&gt;
Esta aplicación se integra con diferentes redes sociales como Flickr, MySpace, Picassa, Facebook... para la importación y exportación de nuestras imágenes.&lt;br /&gt;
Entre sus principales funcionalidades destaca la posibilidad de modificar colores, invertirlos, seleccionar y redimensionar elementos, añadir animaciones, deformar cuerpos, aplicar texturas, incluir textos, trabajar con capas, eliminar ojos rojos, añadir efectos pop, cartoon, píxelado, mapa de calor, bordes borrosos, neón...etc.&lt;br /&gt;
Su manejo no presenta excesivas dificultades, simplemente cargar la imagen y empezar a trabajar con la misma a través de una sencilla interfaz.&lt;br /&gt;
Fotoflexer esta en constante evolución añadiendo nuevos efectos y herramientas de edición.&lt;br /&gt;
&lt;br /&gt;
&lt;img height="265" src="http://t1.gstatic.com/images?q=tbn:ANd9GcSM7MiyOSFLLo4X8ldDZRZHi-4GpucnJ4czDiWn-hVn1fPxjwUA" width="400" /&gt;</description><link>http://bibliotutos.blogspot.com/2011/04/fotoflexer-editor-de-efectos-para.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-2020753791511693453</guid><pubDate>Thu, 12 Dec 2013 03:13:00 +0000</pubDate><atom:updated>2013-12-25T14:45:27.383-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><category domain="http://www.blogger.com/atom/ns#">webmaster</category><title>Claves para hacer una pagina de aterrizaje.</title><description>&lt;strong&gt;&lt;span style="font-size: large;"&gt;Formstack te ayuda en el diseño de una landing page.&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Una landing o página de aterrizaje es una página web usada como entrada a un site para usuarios que acceden a través de banners o anuncios de texto situados en otras páginas webs.&lt;br /&gt;
Una landing page perfecta debe seguir determinadas pautas que ayuden al usuario a centrar su atención en el producto o contenido promocionado.&lt;br /&gt;
En &lt;a href="http://www.formstack.com/the-anatomy-of-a-perfect-landing-page"&gt;Formstack&lt;/a&gt; presentan una interesante infografía donde se recogen 10 de las claves que todo diseñador y/o desarrollador debe tener en cuenta a la hora de llevar a cabo una landing page o página de aterrizaje.&lt;br /&gt;
Entre las recomendaciones que vamos a encontrar destaca la importancia concedida al título, la relevancia del uso de vídeos e imágenes, la fuerza del uso de un determinado color o la situación del contenido destacado dentro d e la página.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKGy1LNbH061JB9rMoAG7NgT5KUTQCtfuEzi-Ka8mALB7mhsgpu4oAMs9gWNmQFDPZ6HpmiQwJjM43W8Rbyi8DsZtYEgp3RkUb3tlYbhQcEDqy5et_IPJDkfC_I9CGPnllS7lwBUn0fQ/s1600/formstack-logo-white-90.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="91" qaa="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKGy1LNbH061JB9rMoAG7NgT5KUTQCtfuEzi-Ka8mALB7mhsgpu4oAMs9gWNmQFDPZ6HpmiQwJjM43W8Rbyi8DsZtYEgp3RkUb3tlYbhQcEDqy5et_IPJDkfC_I9CGPnllS7lwBUn0fQ/s400/formstack-logo-white-90.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
</description><link>http://bibliotutos.blogspot.com/2011/08/claves-para-hacer-una-pagina-de.html</link><author>noreply@blogger.com (Blog)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKGy1LNbH061JB9rMoAG7NgT5KUTQCtfuEzi-Ka8mALB7mhsgpu4oAMs9gWNmQFDPZ6HpmiQwJjM43W8Rbyi8DsZtYEgp3RkUb3tlYbhQcEDqy5et_IPJDkfC_I9CGPnllS7lwBUn0fQ/s72-c/formstack-logo-white-90.png" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-5727014415943844628</guid><pubDate>Fri, 29 Nov 2013 12:44:00 +0000</pubDate><atom:updated>2013-11-29T04:44:24.091-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><title>Visual Studio 2013 listo para descarga.</title><description>&lt;b style="background-color: white; border: 0px; box-sizing: border-box; color: #313131; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 27px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;Microsoft lanza una nueva versión de su popular plataforma de desarrollo.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Confirmando las informaciones que en la TechEd de Nueva Orleans del pasado mes de junio, se dieron a conocer, Visual Studio 2013 acaba de ver la luz con un aumento de sus herramientas y posibilidades para crear una nueva generación de aplicaciones.&lt;br /&gt;
Tras la llegada de Visual Studio 2012 hace apenas 12 meses, Microsoft lanza uno de sus productos estrella entre desarrolladores, con mejoras en todos los aspectos de la herramienta. Entre esos cambio destacamos mejoras en ALM, mayor funcionalidad, incremento del rendimiento, mayor integración de sus herramientas de ASP.NET, compatibilidad con el desarrollo de aplicaciones para Windows 8.1,  junto a algunos cambios en la interfaz de usuario.&lt;br /&gt;
Cabe destacar que el precio de Visual Studio 2013 asciende a 499 dólares, no obstante aquellos usuarios que se actualicen desde la versión 2012 podrán hacerlo por 99 USD siempre que lo hagan antes del próximo 31 de enero de 2014 momento en el cuál el precio subirá hasta los 299 dólares.

No obstante lo anterior, todos aquellos que deseen una versión gratuita de este entorno de desarrollo integrado para crear aplicaciones, tienen a su disposición Visual Studio Express 2013.&lt;br /&gt;
Interesados pueden encontrar completa información oficial de sus posibilidades y características desde visualstudio mientras que la descarga de todas las versiones, gratuitas y de pago, así como software adicional, está disponible desde &lt;a href="http://microsoft.com/"&gt;Microsoft.com&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOtAlHqvNzo8boMawoYe72u3DhCv1UjbMHAUJyaAPYwmnaOBRLFXDPma2jafsW2WKWbx3_4QhSVNdW3wpONLc4cTyDDI1evKSEQQAT_V3wjyuH242gSN1anmJvGP4GcSF7YhGQxqz70o/s1600/visualstudio2013_0_0_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOtAlHqvNzo8boMawoYe72u3DhCv1UjbMHAUJyaAPYwmnaOBRLFXDPma2jafsW2WKWbx3_4QhSVNdW3wpONLc4cTyDDI1evKSEQQAT_V3wjyuH242gSN1anmJvGP4GcSF7YhGQxqz70o/s400/visualstudio2013_0_0_1.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/11/visual-studio-2013-listo-para-descarga.html</link><author>noreply@blogger.com (Blog)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOtAlHqvNzo8boMawoYe72u3DhCv1UjbMHAUJyaAPYwmnaOBRLFXDPma2jafsW2WKWbx3_4QhSVNdW3wpONLc4cTyDDI1evKSEQQAT_V3wjyuH242gSN1anmJvGP4GcSF7YhGQxqz70o/s72-c/visualstudio2013_0_0_1.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-4464598315085128851</guid><pubDate>Fri, 29 Nov 2013 12:36:00 +0000</pubDate><atom:updated>2013-11-29T04:36:45.170-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><category domain="http://www.blogger.com/atom/ns#">google</category><title>Google presenta Dart 1.0, su alternativa a Javascript.</title><description>&lt;b style="background-color: white; border: 0px; box-sizing: border-box; color: #313131; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 27px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;Lenguaje de programación de Google para el desarrollo de aplicaciones web.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Tal y como ha sido confirmado por su equipo de trabajo en la conferencia Devoxx, la llegada de la versión 1.0 significa que Dart está listo para los sitios web en el mundo real.&lt;br /&gt;
Superando una fase de prueba que ha durado dos años desde que Google presentará en sociedad este lenguaje orientado a objetos, Dart SDK 1.0 se autoproclama como “un lenguaje de programación sencillo pero potente que incluye herramientas robustas y bibliotecas estándar completas”.&lt;br /&gt;
Con este lenguaje de programación Google ha centrado parte de sus esfuerzos en que su tecnología sea fácil de aprender y empezar a usar para los programadores JavaScript, solucionando algunas de sus principales deficiencias relacionadas con la escalabilidad y la organización, así como aprovechando varias de sus virtudes. No obstante lo anterior solo el tiempo dirá la compañía líder de Internet logra su proposito o si en cambio éste no es el enésimo lenguaje de programación efímero que pronto pasa al olvido.&lt;br /&gt;
Interesados en conocer con todo detalle la llegada de Dart 1.0, así como las características y posibilidades de este proyecto de código abierto pueden acceder a &lt;a href="http://dartlang.org/"&gt;dartlang.org&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://img.genbetadev.com/tb/650_300_350_550/82898.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="187" src="http://img.genbetadev.com/tb/650_300_350_550/82898.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/11/google-presenta-dart-10-su-alternativa.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-4106567833659398455</guid><pubDate>Sun, 20 Oct 2013 03:00:00 +0000</pubDate><atom:updated>2013-10-20T20:20:40.998-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">web</category><title>LESS dispone de página en español.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Saca partido al popular preprocesador CSS ahora en español.&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Tal y como indica el título de este post, la página de LESS tiene una versión en español gracias al trabajo de traducción de Adrián Matellanes.
Como todos sabemos LESS es un preprocesador dinámico de hojas de estilo que multiplica las posibilidades de un desarrollador a la hora de personalizar su proyecto web mediante el uso de variables, mixins, operadores y funciones.&lt;br /&gt;
Creado inicialmente por Alexis Sellier, LESS es actualmente mantenido y desarrollado por su propio equipo de trabajo logrando con cada nueva versión (actualmente 1.4) una mejora de este preprocesador CSS.
Pese a la indudables ventajas de su uso a la hora de ahorrarnos muchas tareas repetitivas codeando CSS o de crear una estructura más limpia y fácil de mantener, su aprendizaje puede resultar algo complicado para los usuarios menos experimentados, es por ello que gracias al trabajo de la comunidad se ha pretendido facilitar su aprendizaje con la traducción a diferentes idiomas (además del inglés) como alemán, ruso, polaco, indonesio, portugués y también el español.&lt;br /&gt;
Usuarios hispanoparlantes interesados en mejorar la curva de aprendizaje a la hora de dominar LESS pueden acceder a la página oficial en español desde&lt;a href="http://amatellanes.github.io/lesscss.org/" target="_blank"&gt; lesscss.org.&lt;/a&gt;</description><link>http://bibliotutos.blogspot.com/2013/10/less-dispone-de-pagina-en-espanol.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-1533959983213088279</guid><pubDate>Fri, 11 Oct 2013 03:04:00 +0000</pubDate><atom:updated>2013-10-20T20:05:17.750-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">herramientas</category><title>Galería de Patrones CSS3.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Lea Verou y un interesante recurso para mejorar nuestros diseños web.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
CSS3 Patterns Gallery es una excelente galería de patrones realizados enteramente en CSS a cargo de @LeaVerou una de las diseñadoras con más prestifio mundial en el mundo del CSS3.&lt;br /&gt;
Ideales para optimizar al máximo un site este repositorio de recursos gratuitos listos para ser usados en cualquier proyecto web y prescindir de la utilización de imágenes para construir fondos.&lt;br /&gt;
Pese a la excelencia del trabajo realizado y el amplio soporte actual por los navegadores hay que tener en cuenta las limitaciones en versiones anteriores a Firefox 3.6, Safari 5.1, Opera 11.10+ o IE10.&lt;br /&gt;
Su uso es tan sencillo como acceder al site, buscar el patrón que mejor se adapta a nuestros intereses y seleccionarlo para obtener el código listo para pegar en nuestro proyecto.&lt;br /&gt;
Como complemento de lo anterior también es posible encontrar SVG Patterns Gallery un repostorio de patterns en formato SVG, listo para utilizar por cualquier diseñador.&lt;br /&gt;
CSS3 Patterns Gallery está disponible de forma completamente gratuita desde &lt;a href="http://lea.verou.me./"&gt;lea.verou.me.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRnzbo_hVc8AyiSA_fD2eWz-1XyA1as5GgNVoBmKy2UR57Vmxo3" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="232" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRnzbo_hVc8AyiSA_fD2eWz-1XyA1as5GgNVoBmKy2UR57Vmxo3" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/10/galeria-de-patrones-css3.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-4034549366250990638</guid><pubDate>Wed, 02 Oct 2013 23:08:00 +0000</pubDate><atom:updated>2013-10-20T20:20:11.640-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">codigo</category><category domain="http://www.blogger.com/atom/ns#">HTLM</category><category domain="http://www.blogger.com/atom/ns#">Tutorial</category><title>Hacer que un enlace abra en una ventana emergente.</title><description>&lt;div style="text-align: justify;"&gt;
&lt;strong&gt;&lt;span style="font-size: large;"&gt;Truco para que no se desvien tus visitas.&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Es muy importante para los webmaster saber como hacer para que un enlace abra en otra ventana, digo esto porque si tú tienes una sesión de web amigas, o intercambio de enlaces, cuando una persona haga click sobre un link que le llame la atención, este sitio podría desviarlo y salir de tú web o blog, abriendo una nueva página en la misma ventana, esto no es ventajoso para nadie, ya que se perdería la atención del contenido de tus sitios, por parte del o los visitantes. Esto sería diferente si el enlace abre en otra ventana.&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Para agregar un enlace que apunte a otro sitio y a la vez abra en otra ventana, debes utilizar la expresión TARGET BLANK o TARGET NEW de la siguiente manera:&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
a href='http://elsitioquedesees.com' title='Titulo' target="_blank"; ABRE EN UNA NUEVA VENTANA&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Un ejemplo quedaría de esta manera:&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
a href='http://www.colonvoleibol.com' title='Voleibol Club La Armonía' target="_blank"Voleibol Club La Armonía&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
El código ya codificado quedaría así:&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;a href="http://www.colonvoleibol.com.ar/" target="_blank" title="Voleibol"&gt;&lt;span style="color: #32527a;"&gt;Voleibol Club La Armonía&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Nótese que al hacer click sobre el enlace, este abrirá en una nueva ventana, pero si le quitas el&amp;nbsp;' target="_blank" abrirá en la misma ventana&lt;/div&gt;
</description><link>http://bibliotutos.blogspot.com/2011/02/hacer-que-un-enlace-abra-en-una-ventana.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-2978279513213614970</guid><pubDate>Mon, 16 Sep 2013 23:26:00 +0000</pubDate><atom:updated>2013-09-16T16:26:56.088-07:00</atom:updated><title>CloudConvert: un conversor online en la nube.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Herramienta gratuita nos permite modificar el formato de un archivo.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://cloudconvert.org/" target="_blank"&gt;CloudConvert&lt;/a&gt; es un conversor online gratuito que nos permite disfrutar de su funcionalidad sin que tengamos que instalar nada en nuestro equipo.&lt;br /&gt;
Listo para ser usado en todo tipo de dispositivos (también tablets y smartphones) este servicio soporta más de 140 formatos distintos de archivo de audio, vídeo, imágenes, hojas de cálculo, documentos, presentaciones, ebooks... resultando de interés tanto en temas de desarrollo web como para nuestro uso personal.&lt;br /&gt;
Su manjeo no presenta ninguna difcultad, simplemente seleccionar el archivo de nuestro equipo (también de sistemas como DropBox o Google Drive) marcar el formato a convertir, elegir el formato de salida y marcar "iniciar la conversión" o incluso si se quiere guardar el resultado en un servicio de almacenamiento (DropBox o Google Drive).&lt;br /&gt;
Actualmente &lt;a href="https://cloudconvert.org/" target="_blank"&gt;CloudConvert&lt;/a&gt; dispone también de una API que permite integrar esas funciones de conversión en nuestras propias aplicaciones.&lt;br /&gt;
Pese a que esta herramienta online gratuita todavía se encuentra en fase beta, ya es posible empezar a convertir formato sin ningún problema. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCntOV4g-de20Q1r5hOEFid8qYzi-8YfbYXlGZRO10YJAozE0R1h3Ecq8mVcQQLbq4rNjuek6nxWXSbRFBJgq_WybUeGp6rY1BINABaenjTKkxIyHQ-WEgzjtlGKW9HlpG4v8PVjzI-Mc/s1600/descarga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCntOV4g-de20Q1r5hOEFid8qYzi-8YfbYXlGZRO10YJAozE0R1h3Ecq8mVcQQLbq4rNjuek6nxWXSbRFBJgq_WybUeGp6rY1BINABaenjTKkxIyHQ-WEgzjtlGKW9HlpG4v8PVjzI-Mc/s400/descarga.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/09/cloudconvert-un-conversor-online-en-la.html</link><author>noreply@blogger.com (Blog)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCntOV4g-de20Q1r5hOEFid8qYzi-8YfbYXlGZRO10YJAozE0R1h3Ecq8mVcQQLbq4rNjuek6nxWXSbRFBJgq_WybUeGp6rY1BINABaenjTKkxIyHQ-WEgzjtlGKW9HlpG4v8PVjzI-Mc/s72-c/descarga.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-8913536517808578275</guid><pubDate>Mon, 09 Sep 2013 23:19:00 +0000</pubDate><atom:updated>2013-09-16T17:28:11.058-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">herramientas</category><title>Plugin jQuery que mejora la experiencia a la hora de hacer scroll.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;AnimateScrol mejora tu web.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
AnimateScroll es un plugin que permite añadir desplazamiento con diferentes efectos a nuestro website y con el que su creador, Ram Swaroop, ha pretendido mejorar el ya tradicional “volver arriba”.&lt;br /&gt;
Este recurso para desarrolladores permite personalizar el estilo de scroll con más de 30 variados efectos, además también permite controlar la velocidad de desplazamiento lo que da un resultado distinto según el caso.&lt;br /&gt;
Este plugin jQuery con el que “animar el scroll” no se limita al cuerpo completo de la página, sino que también puede ser elegido un elemento específico del wrapper o contenedor.

AnimateScrol es recurso gratuito que puede resultar de interés para aquellos sites con una cantidad importante de contenidos de forma que el usuario que llega al final del documento pueda volver rápidamente y de forma divertida sin tener que desplazarse por todo la web de forma manual.&lt;br /&gt;
Interesados pueden acceder a completa documentación, demos, así como descarga de la última versión de AnimateScroll desde &lt;a href="http://plugins.compzets.com/animatescroll"&gt;plugins.compzets.com/animatescroll&lt;/a&gt;.</description><link>http://bibliotutos.blogspot.com/2013/09/plugin-jquery-que-mejora-la-experiencia.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-6662310175785307849</guid><pubDate>Fri, 06 Sep 2013 00:25:00 +0000</pubDate><atom:updated>2013-09-16T17:25:45.541-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">codigo</category><category domain="http://www.blogger.com/atom/ns#">web</category><title>Snipplr ¿buscas Snippets para tu web?</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Completo repositorio de códigos para ahorrar tiempo y esfuerzo.&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://snipplr.com/" target="_blank"&gt;Snipplr&lt;/a&gt; es un plataforma que reune un importante número de snippets con los que facilitar la vida de un desarrollador a la hora de llevar a cabo su trabajo.&lt;br /&gt;
Entre los recursos que vamos a poder encontrar destacan snippets de CSS, JavaScript, HTML, PHP, Ruby, Objective-C....&lt;br /&gt;
Todos los fragmentos de código incluidos en este site están a disposición de cualquier interesado para poder usarlo o implementarlo en su propio desarrollo.&lt;br /&gt;
Además si nos registramos y sacamos nuestra propia cuenta en Snipplr también vamos a poder añadir nuestros propios snippets y etiquetarlos para que otros puedan encontrarlos y usarlos, haciendo más grande esta comunidad.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWk_T9aH69aTyocYLEfbsF-TRUlHtwBqfiGc1A4NNlT56hzrvQriMmdrFO8qN6WhekIk-1ghSK6CgOWGBaLK198CLnWtkBffFcvZ50AL_70HKm2LFBq1SaFoRhdNTtxZFcqjpAuSOTOqw/s1600/descarga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWk_T9aH69aTyocYLEfbsF-TRUlHtwBqfiGc1A4NNlT56hzrvQriMmdrFO8qN6WhekIk-1ghSK6CgOWGBaLK198CLnWtkBffFcvZ50AL_70HKm2LFBq1SaFoRhdNTtxZFcqjpAuSOTOqw/s400/descarga.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/09/snipplr-buscas-snippets-para-tu-web.html</link><author>noreply@blogger.com (Blog)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWk_T9aH69aTyocYLEfbsF-TRUlHtwBqfiGc1A4NNlT56hzrvQriMmdrFO8qN6WhekIk-1ghSK6CgOWGBaLK198CLnWtkBffFcvZ50AL_70HKm2LFBq1SaFoRhdNTtxZFcqjpAuSOTOqw/s72-c/descarga.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-3622454882153987856</guid><pubDate>Sat, 27 Jul 2013 00:55:00 +0000</pubDate><atom:updated>2013-07-26T17:55:32.623-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">diseño</category><category domain="http://www.blogger.com/atom/ns#">herramientas</category><title>WDD: todo tipo de recursos gratuitos para la web.</title><description>&lt;span style="background-color: white;"&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; line-height: 18px;"&gt;&lt;span style="font-size: large;"&gt;Recursos de diseño web gratuitos.&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;a href="http://www.webdesignerdepot.com/category/freebies/?ref=freebies1webresourcesdepot" target="_blank"&gt;WebDesigner Depot&lt;/a&gt;&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;es un popular blog en inglés sobre diseño y desarrollo web donde encontrar todo tipo de tutoriales y temas de actualidad.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Entre esta colección de contenidos hoy quereemos llamar la atención sobre una sección dedicada de forma íntegra a recursos gratuitos destinados a la web y conocidos como freebies, con los que cualquier usuario interesado va a poder acceder a su descarga sin necesidad de “pasar por caja”.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Entre los “regalos” que vamos a poder encontrar en WebDesigner Depot hay colecciones de iconos, texturas, plantillas de sitios web, patrones, botones y todo tipo de elementos de una interfaz gráfica. Además esta sección permanece en constante crecimiento por lo que nuevos recursos son añadidos cada cierto tiempo.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;WDD es sin duda una plataforma imprescindible para todos aquellos que se dedican al diseño web resultando de especial utilidad para los amantes de los recursos gratuitos y de calidad.&lt;/span&gt;&lt;/span&gt;</description><link>http://bibliotutos.blogspot.com/2013/07/wdd-todo-tipo-de-recursos-gratuitos.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-3876336150589970464</guid><pubDate>Wed, 17 Jul 2013 16:34:00 +0000</pubDate><atom:updated>2013-07-17T09:34:00.397-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Comprueba tus enlaces rotos con Check my links.</title><description>&lt;h3&gt;
&lt;b line-height: 23px;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"&gt;Extensión para Google Chrome con la que comprobar enlaces rotos en cualquier website.&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Check my links&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;es un complemento del navegador de Google con el que de una forma sencilla, rápida y gratuita vamos a poder conocer si los enlaces de un sitio web están funcionando correctamente.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Los enlaces rotos en una web desperdician su valor en términos de posicionamiento web, creando además una pérdida de calidad en la experiencia de usuario y navegación.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Check my links&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;encuentra rápidamente todos los enlaces en una página web y comprueba cada uno, destacando cuáles son válidos y cuáles no (estos últimos los resalta en color rojo).&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Entre otras posibilidades, esta extensión de Google puede ser muy interesante a la hora de hacer una migración de una web o simplemente para cualquier webmaster que esté desarrollando o probando un site.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Interesados en seguir conociendo o descargando la última versión de&amp;nbsp;&lt;/span&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Check my links&amp;nbsp;&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;pueden acceder a la página de&lt;/span&gt;&lt;a class="" classname="" href="https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf/details?hl=en-GB" name="" style="color: #0000cc; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none;" target="_blank"&gt;complementos de Google Chrome&lt;/a&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;</description><link>http://bibliotutos.blogspot.com/2013/07/comprueba-tus-enlaces-rotos-con-check.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-926941971644004756</guid><pubDate>Wed, 10 Jul 2013 16:26:00 +0000</pubDate><atom:updated>2013-07-10T09:45:23.117-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">herramientas</category><title>Catapulty, tu web en cualquier navegador.</title><description>&lt;b font-family: verdana, arial, helvetica, sans-serif; line-height: 23px;"&gt;&lt;span style="font-size: large;"&gt;Herramienta para desarrolladores web cuyos trabajos pretenden ser cross browser.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Por todos es sabido que los navegadores web son productos creados por empresas o entidades tan dispares como Microsoft, La Fundación Mozilla o Google. Pese a que existen oranismos que definen cómo deben de ser tecnologías como HTML, CSS o Javascript, las diferencias entre los principales navegadores (también entre sus versiones) son más que evidentes.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Esto último genera más de un quebradero de cabeza para aquellos desarrolladores web cuyos trabajos pretenden que se vean de una forma correcta en cualquier navegador. Hasta la fecha cuando queremos probar cómo un proyecto web va a plasmarse en cada browser, solemos copiar y&amp;nbsp; pegar la URL en el navegador y luego cargamos.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;a href="http://catapulty.com/" target="_blank"&gt;Catapulty&lt;/a&gt;&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;, es un sencillo bookmarklet que nos trae una solución para esta necesaria prueba de testeo reduciendo los pasos necesarios a la hora de copiar, pegar y pulsar "enter".&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Hay 2 bookmarklets: Hit y Throw. Cuando pulsamos " Throw ", la URL a cargar en otros navegadores es almacenada por el servicio y cuando presionamos "Hit" en esos navegadores, la URL se carga allí. Así de sencillo.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTsTAiKoEXnSOQ14zjL8l6GX-jK8ESiSEVuw2L7o0Pv81WCjGuzqoLO-hvGwXkNMffB7u7VPKtX3e_l41lDaSZ5Kgk0g_MUBqCpTkb71edXw0S5hxTHMC2iiy3puvHoFGoqbHTTLHbKw/s1600/catapulty-cross-browser-testing-made-easy-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTsTAiKoEXnSOQ14zjL8l6GX-jK8ESiSEVuw2L7o0Pv81WCjGuzqoLO-hvGwXkNMffB7u7VPKtX3e_l41lDaSZ5Kgk0g_MUBqCpTkb71edXw0S5hxTHMC2iiy3puvHoFGoqbHTTLHbKw/s400/catapulty-cross-browser-testing-made-easy-01.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;</description><link>http://bibliotutos.blogspot.com/2013/07/catapulty-tu-web-en-cualquier-navegador.html</link><author>noreply@blogger.com (Blog)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTsTAiKoEXnSOQ14zjL8l6GX-jK8ESiSEVuw2L7o0Pv81WCjGuzqoLO-hvGwXkNMffB7u7VPKtX3e_l41lDaSZ5Kgk0g_MUBqCpTkb71edXw0S5hxTHMC2iiy3puvHoFGoqbHTTLHbKw/s72-c/catapulty-cross-browser-testing-made-easy-01.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-4952843336700507097</guid><pubDate>Thu, 04 Jul 2013 16:30:00 +0000</pubDate><atom:updated>2013-07-10T09:42:59.401-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Panguintool, herramienta que mide el impacto de Panda y Penguin en tu sitio.</title><description>&lt;h1 style="font-family: 'Trebuchet MS', Helvetica, Verdana, Arial, sans-serif; font-size: 1.6em; margin: 0px;"&gt;
¿Quieres saber si has sido penalizado por Google y cómo te ha afectado?&lt;/h1&gt;
&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/b&gt;
&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Panguintool&amp;nbsp;&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;es un servicio que analiza el impacto que las últimas actualizaciones del algoritmo de Google han tenido sobre tu tráfico web.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;La llegada de Panda y de Penguin (actualmente ya estamos en&lt;/span&gt;&lt;a class="" classname="" href="http://www.desarrolloweb.com/actualidad/repaso-penguin-2-0-by-google-8225.html" name="" style="color: #0000cc; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none;" target="_blank"&gt;Penguin 2.0&lt;/a&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;) ha supuesto un cambio en la página de resultados de Google que ha afectado a un volumen importante de sites entre los que destaca especialmente a aquellas que han venido abusando de palabras clave (keyword spam), aquellas que tenían contenido no original o duplicado, aquellas que han hecho uso de un exceso de optimización, y en general todas las que han venido ofreciendo una falta de naturalidad de su contenido web.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Para todos aquellos que quieran saber si han sido penalizados por Google y qué ha supuesto esta penalización disponen de una herramienta que nos ofrece información gráfica que nos permite identificar rápidamente en apenas un vistazo si la implantación de esos nuevos algoritmos y sus actualizaciones han supuesto variaciones del tráfico de nuestra web.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Para empezar a trabajar simplemente debemos autorizar a&lt;/span&gt;&lt;b style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Panguintool&amp;nbsp;&lt;/b&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;que acceda a nuestros datos de Google Analytics de forma que esta cree un sencillo timeline donde queden reflejadas los cambios de tráfico en cada una de las actualizaciones de Google.&lt;/span&gt;&lt;br style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" /&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Esta herramienta gratuita y fácil de usar, desarrollada por Barracuda Digital está disponible para cualquier webmaster interesado desde&amp;nbsp;&lt;/span&gt;&lt;a class="" classname="" href="http://www.barracuda-digital.co.uk/panguin-tool/" name="" style="color: #0000cc; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none;" target="_blank"&gt;Panguintool&lt;/a&gt;&lt;span style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;.&lt;/span&gt;</description><link>http://bibliotutos.blogspot.com/2013/07/panguintool-herramienta-que-mide-el.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-4233337118904510482</guid><pubDate>Thu, 06 Jun 2013 02:24:00 +0000</pubDate><atom:updated>2013-06-05T19:24:01.013-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">herramientas</category><title>Flipclock, añade una cuenta regresiva en tu web.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Interesante herramienta para presentación de un evento o producto.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://flipclockjs.com/" target="_blank"&gt;Flipclock&lt;/a&gt; es una biblioteca javascript para la implementación de distintos relojes, contadores o alarmas en nuestro proyecto web.&lt;br /&gt;
Especialmente útil para el lanzamiento de nuevos productos o eventos, &lt;a href="http://flipclockjs.com/" target="_blank"&gt;Flipclock&lt;/a&gt; logra de manera ágil y sencilla llamar la atención de nuestros usuarios sobre la llegada de alguna novedad.&lt;br /&gt;
Este proyecto que requiere jQuery 1.7 o superior y prefixfree.js, se puede personalizar utilizando hojas de estilo, y dispone de una sintaxis sencilla que permite su aprovechamiento por casi cualquier desarrollador web.&lt;br /&gt;
Por si fuera poco,Flipclock ofrece completa documentación, características y ejemplos desde la página web oficial del proyecto.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://fs01.androidpit.info/afg/x30/2951030-1357323637817.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="195" src="http://fs01.androidpit.info/afg/x30/2951030-1357323637817.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</description><link>http://bibliotutos.blogspot.com/2013/06/flipclock-anade-una-cuenta-regresiva-en.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8922739645700617993.post-1841313262124015591</guid><pubDate>Mon, 03 Jun 2013 02:05:00 +0000</pubDate><atom:updated>2013-06-02T19:08:11.444-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">herramientas</category><title>Custom 404 personaliza páginas de error en WordPress.</title><description>&lt;b&gt;&lt;span style="font-size: large;"&gt;Plugin que nos ayuda cuando un usuario escribe de forma incorrecta una URL de nuestro sitio.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Custom 404 permite a cualquier webmaster reconducir a los usuarios de su WordPress que por cualquier razón vayan a dar a la conocida página de error 404.&lt;br /&gt;
Este plugin permite de acuerdo a un estilo general, configurar o ajustar ciertos parámetros para tener una sección de contenido no encontrado personalizada a nuestros gustos e intereses de forma que podamos dar una mejor experiencia de usuario al no hacerle sentir tan incomodo al mismo tiempo que reducimos la tasa de rebote en nuestra web.&lt;br /&gt;
Entre los parámetros que podemos configurar encontramos el color de fondo de la página de error 404, el estilo de fondo, la imagen ofrecida y el texto.&lt;br /&gt;
De fácil manejo y completamente gratuita, la última versión de Custom 404 está disponible para cualquier interesado desde &lt;a href="http://wordpress.org/"&gt;wordpress.org&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://us.123rf.com/400wm/400/400/lcs813/lcs8131104/lcs813110400002/9223711-cable-de-senal-y-comunicaciones-de-error-404.jpg" imageanchor="1"&gt;&lt;img border="0" height="300" src="http://us.123rf.com/400wm/400/400/lcs813/lcs8131104/lcs813110400002/9223711-cable-de-senal-y-comunicaciones-de-error-404.jpg" width="400" /&gt;&lt;/a&gt;</description><link>http://bibliotutos.blogspot.com/2013/06/custom-404-personaliza-paginas-de-error.html</link><author>noreply@blogger.com (Blog)</author><thr:total>0</thr:total></item></channel></rss>