<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2spanishfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Blog and Web</title> <link>http://blogandweb.com</link> <description>Recursos para Blog y Web</description> <lastBuildDate>Mon, 08 Feb 2010 22:38:57 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.1</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/blogandweb" /><feedburner:info uri="blogandweb" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><feedburner:emailServiceId>blogandweb</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare href="http://add.my.yahoo.com/content?lg=es&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://eur.i1.yimg.com/eur.yimg.com/i/es/my/addto1.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.feedness.com/alta/http://feeds.feedburner.com/blogandweb" src="http://www.feedness.com/ayuda/wp-content/square_b_sh_feed.gif">Subscribe with Feedness</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/blogandweb" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsalloy.com/?rss=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.newsalloy.com/subrss3.gif">Subscribe with NewsAlloy</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare href="http://download.attensa.com/app/get_attensa.html?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.attensa.com/blogs/attensa/WindowsLiveWriter/BadgeredintoBadges_10C02/attensa_feed_button5.gif">Subscribe with Attensa for Outlook</feedburner:feedFlare><feedburner:feedFlare href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare href="http://www.flurry.com/pushRssFeed.do?r=fb&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.flurry.com/images/flurry_rss_logo2.gif">Subscribe with Flurry</feedburner:feedFlare><feedburner:feedFlare href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><item><title>Feed RSS: Lee menos y con más calidad</title><link>http://feedproxy.google.com/~r/blogandweb/~3/xndBDZ7R4mc/</link> <comments>http://blogandweb.com/blogs/feed-rss-lee-menos-y-con-ms-calidad/#comments</comments> <pubDate>Mon, 08 Feb 2010 22:38:57 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Blogs]]></category> <category><![CDATA[Feed]]></category> <category><![CDATA[Organización]]></category> <category><![CDATA[RSS]]></category> <category><![CDATA[Tips]]></category><guid isPermaLink="false">http://blogandweb.com/blogs/feed-rss-lee-menos-y-con-ms-calidad/</guid> <description><![CDATA[
Los lectores de RSS son una gran herramienta para estar actualizado, pero esta misma ventaja se puede convertir en el peor enemigo de tu productividad.
Para sacar más provecho de este formato, puedes leer únicamente los temas que te interesan y crear criterios de calidad. Y puedes empezar con una buena limpieza al lector RSS.
Limpiar el [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignright" title="suscripcion-rss-categorias" alt="suscripcion-rss-categorias" src="http://blogandweb.com/wp-content/uploads/2010/02/suscripcionrsscategorias.png" width="190" height="190" /></p><p>Los <strong>lectores de RSS</strong> son una gran herramienta para estar actualizado, pero esta misma ventaja se puede convertir en el peor enemigo de tu productividad.</p><p>Para sacar más provecho de este formato, puedes leer únicamente los temas que te interesan y crear criterios de calidad. Y puedes empezar con una buena limpieza al lector RSS.</p><h4>Limpiar el lector de feeds</h4><ul><li><strong>Elimina feed obsoletos o que nunca lees.</strong> Revisa uno a uno, su última actualización, la frecuencia de escritura, el valor de los artículos y si el tema sigue siendo relevante para mi.</p></li><li><strong>Suscripción por categorías en feed de mucha actividad.</strong> En los feeds restantes, revisa aquellos que tienen más actualizaciones por día, ve cuales son sus artículos más valiosos, los temas que mejor maneja su autor y los que son de tu interés.<p>Una vez que hayas identificado las <strong>categorías</strong> o <strong>tags</strong> más relevantes, suscríbete a ellas y elimina el feed completo. Es mejor tener una suscripción a tres de sus categorías con actualizaciones dos veces por semana, que el feed completo con más de diez artículos por día.</p><p>Si el sitio no ofrece un enlace al feed de categoría puedes obtenerlos de forma sencilla.</p><p>Para sitios en <a
href="http://blogandweb.com/wordpress">WordPress</a> simplemente agrega la palabra feed al final de la URL de la categoría:</p><pre><code>http://sitio.com/category/categoria/<strong>feed/</strong></code></pre><p>Para blogs en <a
title="Blogger" href="http://blogandweb.com/blogger">Blogger</a>:</p><pre><code>http://sitio.blogspot.com/feeds/posts/default/-/<strong>nombre-categoria</strong></code></pre></li><li>Por último, <strong>clasifica tus suscripción de acuerdo a su temática</strong>. Si una suscripción es difícil de clasificar puede ser una buena señal para convertirla en una suscripción por categorías.</li></ul><h4>Conclusión</h4><p>Después de haber hecho esta limpieza a mi lector de feeds he pasado de tener más de 250 artículos nuevos diarios a poco más de 50 y lo mejor es que son, en buena parte, dentro de mis intereses y más fácilmente segmentados.</p><p>Tú, ¿Cómo organizas tus feeds?</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=xndBDZ7R4mc:J96EfFynKRk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=xndBDZ7R4mc:J96EfFynKRk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=xndBDZ7R4mc:J96EfFynKRk:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=xndBDZ7R4mc:J96EfFynKRk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=xndBDZ7R4mc:J96EfFynKRk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=xndBDZ7R4mc:J96EfFynKRk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=xndBDZ7R4mc:J96EfFynKRk:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/xndBDZ7R4mc" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/blogs/feed-rss-lee-menos-y-con-ms-calidad/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://blogandweb.com/blogs/feed-rss-lee-menos-y-con-ms-calidad/</feedburner:origLink></item> <item><title>Recupera suscriptores no verificados en Feedburner</title><link>http://feedproxy.google.com/~r/blogandweb/~3/q6MQOz0kYm8/</link> <comments>http://blogandweb.com/productos-google/recupera-suscriptores-no-verificados-en-feedburner/#comments</comments> <pubDate>Fri, 05 Feb 2010 19:51:55 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Blogs]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Productos Google]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[Feed]]></category> <category><![CDATA[feedburner]]></category> <category><![CDATA[Grease Monkey]]></category> <category><![CDATA[Scripts]]></category> <category><![CDATA[suscripción por correo]]></category><guid isPermaLink="false">http://blogandweb.com/productos-google/recupera-suscriptores-no-verificados-en-feedburner/</guid> <description><![CDATA[Ofrecer suscripción por correo electrónico incrementa, adicional al feed rss, incrementa significativamente el público al que podemos llegar. Feedburner es una excelente herramienta para gestionarlo, sin embargo, tiene un punto débil y se trata del mail de verificación.
Muchos de las personas que solicitan la suscripción, nunca terminan el proceso de verificación. Bien puede ser porque [...]]]></description> <content:encoded><![CDATA[<p>Ofrecer <a
href="http://blogandweb.com/wordpress/guia-para-ofrecer-suscripcion-por-email-paso-a-paso/">suscripción por correo electrónico</a> incrementa, adicional al feed rss, incrementa significativamente el público al que podemos llegar. <strong>Feedburner</strong> es una excelente herramienta para gestionarlo, sin embargo, tiene un punto débil y se trata del mail de verificación.</p><p>Muchos de las personas que solicitan la suscripción, nunca terminan el proceso de verificación. Bien puede ser porque el mail quedo en la carpeta de spam o porque finalmente no supieron de que se trataba.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="feedburner-suscriptores-no-verficados" border="0" alt="feedburner-suscriptores-no-verficados" src="http://blogandweb.com/wp-content/uploads/2010/02/feedburnersuscriptoresnoverficados.png" width="600" height="376" /></p><p>Sin embargo, no todo esta perdido, pues <a
href="http://feedburner.com">Feedburner</a> ofrece una lista con las personas activas y las no verificadas, dándote una segunda oportunidad. Te mostramos el proceso en tres pasos:</p><p> <span
id="more-2497"></span><br
/><h4>Cómo recuperar suscriptores no verificados</h4><p><strong>1. </strong>Instalar el script para Greasemonkey: <a
href="http://www.powerdosh.com/feedburner-unverified-email-subscriber-tool/">Feedburner Unverified Email Subscriber Tool</a>. Puedes hacerlo desde:</p><ul><li><em>Mozilla Firefox</em>, necesitaras tener instalado la extensión <a
href="https://addons.mozilla.org/es-ES/firefox/addon/748">Greasemonkey</a> y posteriormente instalar el <a
href="http://www.powerdosh.com/files/feedburner_unverified_em.user.js">script</a>.</li><li><em>Google Chrome</em>; su última versión admite scripts directamente, así que simplemente <a
href="http://www.powerdosh.com/files/feedburner_unverified_em.user.js">instálalo</a>.</li></ul><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="greasemonkey-google-chrome" border="0" alt="greasemonkey-google-chrome" src="http://blogandweb.com/wp-content/uploads/2010/02/greasemonkeygooglechrome.png" width="600" height="43" /></p><p><strong>2.</strong> Entra al administrador de suscripciones de Feedburner.</p><p><em>Inicio → Publicize → Email Subscriptions → Subscription Management</em></p><p><strong>Nota:</strong> Si tienes Feedburner en español, cambia el idioma a inglés para que el script funcione.</p><p>Gracias al script, ahora tendrás un campo con la direcciones de correo, listas para copiar, de todos los usuarios que solicitaron la suscripción, pero no la activaron (Show Unverified Subcriber List).</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="no-verificados-feedburner" border="0" alt="no-verificados-feedburner" src="http://blogandweb.com/wp-content/uploads/2010/02/noverificadosfeedburner.png" width="600" height="232" /></p><p><strong>3.</strong> Envía un email a todas las direcciones recordándoles que dejaron su suscripción inconclusa. Por ejemplo:</p><blockquote><p>Hola,</p><p>Recientemente enviaste una solicitud para suscribirte a <a
href="http://blogandweb.com/">Blog and Web</a>. Puedes activar tu suscripción desde el email que se envío la primera vez o intentarlo de nuevo con la siguiente dirección:</p><p><a
title="http://feedburner.google.com/fb/a/mailverify?uri=blogandweb" href="http://feedburner.google.com/fb/a/mailverify?uri=blogandweb">http://feedburner.google.com/fb/a/mailverify?uri=blogandweb</a></p><p>También puedes usar nuestra suscripción por <a
href="http://twitter.com/blogandweb">Twitter</a>, <a
href="http://facebook.com/blogandweb">Facebook</a> o <a
href="http://blogandweb.com/feed">RSS</a>. Recuerda, nuestra suscripción es gratuita y puedes borrarla en cualquier momento.</p><p>Un saludo,</p><p>Francisco, <br
/>Webmaster de Blog and Web.</p></blockquote><h4>Anotaciones</h4><p>Son muchas las personas que prefieren la suscripción por correo electrónico, y también significativo el número de personas que se queda a mitad del proceso, vale la pena darse un tiempo y recordarles de su intensión. Eso sí, lo mejor es solo enviar un mail para no ser considerado spam y que esto no juegue en contra.</p><p>Por cierto ¿Ya estas suscrito a <a
href="http://blogandweb.com/">Blog and Web</a>? Tienes todas las opciones en nuestra barra lateral <img
src='http://blogandweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> →</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=q6MQOz0kYm8:q6YjfqutJFU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=q6MQOz0kYm8:q6YjfqutJFU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=q6MQOz0kYm8:q6YjfqutJFU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=q6MQOz0kYm8:q6YjfqutJFU:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=q6MQOz0kYm8:q6YjfqutJFU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=q6MQOz0kYm8:q6YjfqutJFU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=q6MQOz0kYm8:q6YjfqutJFU:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/q6MQOz0kYm8" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/productos-google/recupera-suscriptores-no-verificados-en-feedburner/feed/</wfw:commentRss> <slash:comments>8</slash:comments> <feedburner:origLink>http://blogandweb.com/productos-google/recupera-suscriptores-no-verificados-en-feedburner/</feedburner:origLink></item> <item><title>MarkerCSS, nuevo framework para CSS</title><link>http://feedproxy.google.com/~r/blogandweb/~3/rW70ObF_FUs/</link> <comments>http://blogandweb.com/css/markercss-nuevo-framework-para-css/#comments</comments> <pubDate>Thu, 04 Feb 2010 14:39:48 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Notas rápidas]]></category> <category><![CDATA[Frameworks]]></category><guid isPermaLink="false">http://blogandweb.com/?p=2492</guid> <description><![CDATA[MarkerCSS es un framework para CSS desarrollado por el español José Castro. Como todo framework, pretende hacer más rápido el flujo de trabajo con este lenguaje. Se basa, esencialmente, en la creación de clases para las propiedades básicas de cada elemento: color, ubicación, tamaño y contenido. Ventajas: hojas de estilo especificas a elementos, configurable y [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.markercss.com/">MarkerCSS</a> es un <strong>framework para CSS</strong> desarrollado por el español José Castro. Como todo framework, pretende hacer más rápido el flujo de trabajo con este lenguaje. Se basa, esencialmente, en la creación de clases para las propiedades básicas de cada elemento: color, ubicación, tamaño y contenido. Ventajas: hojas de estilo especificas a elementos, configurable y <a
href="http://www.markercss.com/index.php?page=ejemplos">documentación en español</a>.</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=rW70ObF_FUs:jTSwYf7whtU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=rW70ObF_FUs:jTSwYf7whtU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=rW70ObF_FUs:jTSwYf7whtU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=rW70ObF_FUs:jTSwYf7whtU:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=rW70ObF_FUs:jTSwYf7whtU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=rW70ObF_FUs:jTSwYf7whtU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=rW70ObF_FUs:jTSwYf7whtU:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/rW70ObF_FUs" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/css/markercss-nuevo-framework-para-css/feed/</wfw:commentRss> <slash:comments>5</slash:comments> <feedburner:origLink>http://blogandweb.com/css/markercss-nuevo-framework-para-css/</feedburner:origLink></item> <item><title>10 Paquetes gráficos gratuitos.</title><link>http://feedproxy.google.com/~r/blogandweb/~3/-xKAsxq97kU/</link> <comments>http://blogandweb.com/diseno/iconos/10-paquetes-graficos-gratuitos/#comments</comments> <pubDate>Tue, 02 Feb 2010 08:04:16 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Diseño]]></category> <category><![CDATA[Iconos]]></category> <category><![CDATA[Freebies]]></category> <category><![CDATA[Iconos web]]></category> <category><![CDATA[Plantillas]]></category> <category><![CDATA[PSD]]></category> <category><![CDATA[Vectoriales]]></category><guid isPermaLink="false">http://blogandweb.com/diseno/iconos/10-paquetes-grficos-gratuitos/</guid> <description><![CDATA[¿Qué sería del diseñador web o del blogger sin todos los paquetes gráficos gratuitos? Iconos, viñetas, menús y sin fin de recursos que hay con licencias de distribución flexibles. Para ayudar a ampliar tu catalogo, acá te traemos 10 nuevos paquetes gráficos:
1. Vector Social Media Icons
Otro gran paquete de iconos de Icon Dock, como su [...]]]></description> <content:encoded><![CDATA[<p>¿Qué sería del diseñador web o del blogger sin todos los <strong>paquetes gráficos gratuitos</strong>? <a
href="http://blogandweb.com/iconos">Iconos</a>, viñetas, menús y sin fin de recursos que hay con licencias de distribución flexibles. Para ayudar a ampliar tu catalogo, acá te traemos <strong>10 nuevos paquetes gráficos:</strong></p><h4>1. Vector Social Media Icons</h4><p>Otro gran paquete de iconos de <strong>Icon Dock</strong>, como su nombre indica, se enfoca en servicios sociales, abarcando a los más importantes. Realmente de gran calidad.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="iconos-sociales-vectoriales" border="0" alt="iconos-sociales-vectoriales" src="http://blogandweb.com/wp-content/uploads/2010/02/iconossocialesvectoriales.png" width="495" height="506" /></p><p><a
href="http://icondock.com/free/vector-social-media-icons">↓ Descargar iconos</a> / <strong>Licencia de uso</strong>: No vender, no distribuir directamente.</p><p> <span
id="more-2491"></span><br
/><h4>2. Massive Web UI &amp; Button Set</h4><p>Increíble paquete con botones, separadores (breadcrubs), formularios y cajas en formato PSD y PNG con gran calidad.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="elementos-graficos-psd" border="0" alt="elementos-graficos-psd" src="http://blogandweb.com/wp-content/uploads/2010/02/elementosgraficospsd.png" width="490" height="346" /></p><p><a
href="http://medialoot.com/blog/freebie-massive-web-ui-button-set/">↓ Descargar iconos</a> / <strong>Licencia de uso</strong>: Permitida comercial y personal. No vender, no distribuir.</p><h4>3. Shine iconset</h4><p>38 iconos en tres dimensiones muy realistas.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="iconos-3d-realistas" border="0" alt="iconos-3d-realistas" src="http://blogandweb.com/wp-content/uploads/2010/02/iconos3drealistas.png" width="600" height="304" /></p><p><a
href="http://iconeden.com/blog/2009/12/11/shine-a-free-realistic-iconset/">↓ Descargar iconos</a> / <a
href="http://iconeden.com/icon/free/get/shine">Licencia de uso</a>.</p><h4>4. Chalkwork Payments</h4><p>Un paquete de iconos perfecto para sitios de <a
href="http://blogandweb.com/diseno/iconos/32-iconos-para-comercio-electronico/">comercio electrónico</a>, con monedas, tarjetas de crédito y otras formas de pago como Paypal. Son 21 diferentes, en varios formatos y tamaños.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="iconos-comercio-electronico-2" border="0" alt="iconos-comercio-electronico-2" src="http://blogandweb.com/wp-content/uploads/2010/02/iconoscomercioelectronico2.png" width="600" height="366" /></p><p><a
href="http://www.mezzoblue.com/icons/chalkwork/payments/">↓ Descargar iconos</a> / <a
href="http://www.mezzoblue.com/icons/license/">Licencia de uso</a>.</p><h4>5. Colorful Stickers</h4></p></p><p>Es un serie de varios paquetes de iconos estilo stickers diseñados por <strong>Dryicons</strong>. En total, más de 120 iconos gratuitos.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="stickers-iconos" border="0" alt="stickers-iconos" src="http://blogandweb.com/wp-content/uploads/2010/02/stickersiconos.png" width="529" height="327" /></p><p>↓ Descargar iconos: <a
href="http://dryicons.com/free-icons/preview/colorful-stickers-icons-set/">1</a>, <a
href="http://dryicons.com/free-icons/preview/colorful-stickers-part-2-icons-set/">2</a>, <a
href="http://dryicons.com/free-icons/preview/colorful-stickers-part-3-icons-set/">3</a>, <a
href="http://dryicons.com/free-icons/preview/colorful-stickers-part-4-icons-set/">4</a>, <a
href="http://dryicons.com/free-icons/preview/colorful-stickers-part-5-icons-set/">5</a>, <a
href="http://dryicons.com/free-icons/preview/colorful-stickers-part-6-icons-set/">6</a> / <a
href="http://dryicons.com/terms/#free-license">Licencia de uso.</a></p><h4>6. Android Icons</h4><p>Iconos pensados para los desarrolladores en <em>Android</em>, pero que por su calidad pueden usarse perfectamente en cualquier ramo del diseño. Son 30 iconos en formato PNG y EPS.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="adroid-iconos-moviles" border="0" alt="adroid-iconos-moviles" src="http://blogandweb.com/wp-content/uploads/2010/02/adroidiconosmoviles.png" width="569" height="276" /></p><p><a
href="http://www.androidicons.com/">↓ Descargar iconos</a> / <a
href="http://creativecommons.org/licenses/by/3.0/">Licencia de uso (cc)</a>.</p><h4>7. Iconic</h4><p>Paquete minimalista con 103 iconos de gran estilo. Disponibles en formato PNG y SVG, en 14 diferentes colores y 5 tamaños distintos.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="minimalistas-iconos" border="0" alt="minimalistas-iconos" src="http://blogandweb.com/wp-content/uploads/2010/02/minimalistasiconos.png" width="529" height="327" /></p><p><a
href="http://somerandomdude.com/projects/iconic/">↓ Descargar iconos</a> / <a
href="http://creativecommons.org/licenses/by-sa/3.0/us/">Licencia de uso (cc).</a></p><h4>8. Sketching &amp; Wireframing Kit</h4><p>Paquete de elementos de diseño para <a
href="http://blogandweb.com/diseno/el-diseo-web-inicia-en-el-papel/">bosquejar tus ideas en papel</a> o en web directamente. Contiene todos los elementos web principales y esta disponible en formato PDF, SVG, AI, y EPS</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="sketching-kit" border="0" alt="sketching-kit" src="http://blogandweb.com/wp-content/uploads/2010/02/sketchingkit.png" width="600" height="394" /></p><p><a
href="http://www.jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx">↓ Descargar paquete</a> / <strong>Licencia de uso</strong>: Permitida comercial y personal. No vender, no distribuir.</p><h4>9. Web Form Elements</h4><p>Elementos para formularios con un toque muy elegante. Disponibles en PSD para sacarles provecho directamente en tu HTML.</p><p><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="elementos-formularios-psd" border="0" alt="elementos-formularios-psd" src="http://blogandweb.com/wp-content/uploads/2010/02/elementosformulariospsd.png" width="600" height="381" /></p><p>↓ Descargar iconos: <a
href="http://sniperyu.deviantart.com/art/Web-Form-Elements-104261528">1</a>, <a
href="http://sniperyu.deviantart.com/art/Web-Form-Elements-Vol-2-146544080">2</a> / <a
href="http://creativecommons.org/licenses/by-nc/3.0/">Licencia de uso (cc).</a></p><h4>10. Mono Icons</h4><p>Paquete con 108 <a
href="http://blogandweb.com/diseno/iconos/mini-iconos/">iconos monocromáticos</a>, minimalistas y muy elegantes para diseño web.</p><p><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="mono-iconos" border="0" alt="mono-iconos" src="http://blogandweb.com/wp-content/uploads/2010/02/monoiconos.jpg" width="600" height="260" /></p><p><a
href="http://www.tutorial9.net/resources/108-mono-icons-huge-set-of-minimal-icons/">↓ Descargar paquete</a> / <strong>Licencia de uso</strong>: Permitida comercial y personal. Atribución, no distribuir.</p><h4>Postre: 11. Yummy</h4><p>20 Iconos para el desayuno <img
src='http://blogandweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p><p><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="postres-iconos" border="0" alt="postres-iconos" src="http://blogandweb.com/wp-content/uploads/2010/02/postresiconos.png" width="600" height="296" /></p><p><a
href="http://iconeden.com/icon/yummy-free-icons.html">↓ Descargar iconos</a> / <a
href="http://iconeden.com/icon/free/get/shine">Licencia de uso</a>.</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=-xKAsxq97kU:RX0QhZ9Kk4g:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=-xKAsxq97kU:RX0QhZ9Kk4g:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=-xKAsxq97kU:RX0QhZ9Kk4g:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=-xKAsxq97kU:RX0QhZ9Kk4g:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=-xKAsxq97kU:RX0QhZ9Kk4g:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=-xKAsxq97kU:RX0QhZ9Kk4g:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=-xKAsxq97kU:RX0QhZ9Kk4g:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/-xKAsxq97kU" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/diseno/iconos/10-paquetes-graficos-gratuitos/feed/</wfw:commentRss> <slash:comments>1</slash:comments> <feedburner:origLink>http://blogandweb.com/diseno/iconos/10-paquetes-graficos-gratuitos/</feedburner:origLink></item> <item><title>Selecciona la mejor tipografía según el estilo de tu sitio</title><link>http://feedproxy.google.com/~r/blogandweb/~3/MI7mQgnut4o/</link> <comments>http://blogandweb.com/diseno/selecciona-la-mejor-tipografa-segn-el-estilo-de-tu-sitio/#comments</comments> <pubDate>Mon, 01 Feb 2010 13:17:49 +0000</pubDate> <dc:creator>Ulises</dc:creator> <category><![CDATA[Diseño]]></category> <category><![CDATA[Fuentes]]></category> <category><![CDATA[Grunge]]></category> <category><![CDATA[helvetica]]></category> <category><![CDATA[Sans Serif]]></category> <category><![CDATA[Tipografía]]></category><guid isPermaLink="false">http://blogandweb.com/?p=2450</guid> <description><![CDATA[Cuando estas a punto de iniciar un proyecto web, ya sea algo comercial o algún proyecto personal como es un blog siempre tenemos que tomar en cuenta que además de un buen contenido, el diseño y la experiencia de usuario nos harán tener visitas continuas y que nuestros lectores se interesarán por regresar a nuestro [...]]]></description> <content:encoded><![CDATA[<p>Cuando estas a punto de iniciar un proyecto web, ya sea algo comercial o algún proyecto personal como es un blog siempre tenemos que tomar en cuenta que además de un buen contenido, el diseño y la experiencia de usuario nos harán tener visitas continuas y que nuestros lectores se interesarán por regresar a nuestro sitio.</p><p>Uno de estos elementos es la <strong>tipografía</strong>, he visto muchos sitios web que que crean la atmósfera indicada usando la <a
href="http://blogandweb.com/fuentes/">tipografía</a> correcta, en otras palabras la tipografía una herramientas para que tu sitio tenga personalidad y sea llamativo. Por ello en términos generales hice una clasificación de categorías para poder englobar los tipos de fuentes que hay y sus usos más comunes. Así tu podrás tener un guía para saber que tipo de fuente elegir.</p><h4>Tipografías Sans Serif (sin remates)</h4><p><strong></strong>Estas fuentes las conoces muy bien, <em><strong>Arial</strong></em>, <em><strong>Verdana</strong></em>, <em><strong>Tahoma </strong></em>y la famosa<em><strong> Helvetica</strong></em> pertenecen a este tipo de fuentes su formas limpias y bien definidas le darán a tu sitio un estilo moderno y elegante, son las <strong>ideales para imponer un sello 2.0 en tu sitio</strong>, esta categoría la encuentras en <a
href="http://www.dafont.com/theme.php?cat=501">Dafont</a> y el sitio <a
href="http://www.fontsquirrel.com/fonts/list/style/Sans%20Serif">Font Squirrel tiene una lista</a> con elegantes tipografías en esta sección, libres de derecho de autor.</p><p
class="aligncenter"><img
class="aligncenter size-full wp-image-2476" title="site" alt="ejemplo de tipografia sans serif" src="http://blogandweb.com/wp-content/uploads/2010/02/site_sanserif2.jpg" width="600" height="404" /></p><p
class="aligncenter"><small>Este sitio usa jerarquía por tamaños, la uniformidad de sus tipografías le da sencillez al sitio al mismo tiempo que le deja el protagonismo la fotografía.</small></p><p><img
class="aligncenter size-full wp-image-2467" title="site" alt="ejemplo de tipografia sans serif" src="http://blogandweb.com/wp-content/uploads/2010/02/Site_sansserif3.jpg" width="600" height="409" /></p><p
class="aligncenter"><small>La tipografías Sans Serif son muy neutrales, la idea es comunicar y hacer que las imágenes impacten y complemente esa información.</small></p><p> <span
id="more-2450"></span><p
class="aligncenter"><small></small></p><h4>Tipografías Serif (egipcias y romanas con remate)</h4><p>Fuentes tradicionales que nos harán evocar&#160; sitios sobre todo modernos y sobrios. La más habitual de este tipo es la <strong><em>Times</em></strong>, pero hay algunas poco conocidas pero muy usadas como la famosa<a
href="http://www.searchfreefonts.com/font/trajan-pro-regular.htm"><em> Trajan Pro</em></a> o en libros de texto <a
href="http://www.fonts.com/ES/detail.htm?pid=427415"><em>Adobe Garamond</em></a>, estas tipografías son ideales para leer artículos largos, estas fuentes son muy elegantes y muy formales, pero al mismo tiempo se ven con apariencia oldschool. Aquí hay una<a
href="http://webdesignledger.com/freebies/30-extremely-elegant-serif-fonts"> lista con tipografías Serif</a> para descargar</p><p><img
style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" class="aligncenter size-full wp-image-2475" title="site_serif" border="0" alt="ejemplo de tipografia serif" src="http://blogandweb.com/wp-content/uploads/2010/02/siTe_serif4.jpg" width="600" height="403" /></p><p
class="aligncenter"><small>El header de este theme es muy formal y sobrio, no cae en lo aburrido, pero nos da la idea de que hablará de cosas serías. </small></p><p><img
class="aligncenter size-full wp-image-2472" title="site_serif" alt="ejemplo de tipografía serif" src="http://blogandweb.com/wp-content/uploads/2010/02/site_serif3.jpg" width="600" height="400" /></p><p
class="aligncenter"><small>Por su naturaleza las Serif siempre nos recordarán la imprenta en este sitio la tipografía tienen un gran peso y es muy llamativa, me recuerda mucho a los periódicos.</small></p><h4>Tipografías de Fantasía</h4><p>Generalmente se utilizan en sitios de diseño, la idea es evocar la creatividad por medio de collages y diseños sin retícula, con una evocación al cartel como la tipografía <em><a
href="http://www.dafont.com/search.php?psize=m&amp;q=today">Today</a></em>, a las calles y con ciertas insinuaciones al grafiti (como es el caso de <a
href="http://www.dafont.com/barrio-30.font"><em>Barrio30</em></a>), los diseños <em>grunge</em> o con estilo <em>destroy</em> simplemente son ideales para este tipo de fuentes (<em><a
href="http://www.dafont.com/search.php?psize=m&amp;q=defused">Defused</a>, <a
href="http://www.dafont.com/search.php?psize=m&amp;q=broken+ghost">Broken Ghost</a>, </em><a
href="http://www.dafont.com/search.php?psize=m&amp;q=28+days"><em>28 Days Later</em></a> o <em><a
href="http://www.dafont.com/search.php?psize=m&amp;q=cocaine+sans">Cocaine Sans</a></em> son solo algunos ejemplos).</p><p>Grupos de rock y revistas para adolescentes usan mucho esta línea de diseño, las tipografías agresivas (<a
href="http://www.dafont.com/search.php?psize=m&amp;q=brand+new+burn"><em>Brand New Burn</em></a>) también son recurrentes y muchas de estas tipografías están basadas en las dos categorías anteriores, por ejemplo <em><a
href="http://www.dafont.com/search.php?psize=m&amp;q=hurricane">Hurricane</a></em> toma su forma de una tipografía clásica, teniendo ciertas variaciones como cortes en la letra o errores de impresión como la <a
href="http://www.dafont.com/search.php?psize=m&amp;q=neoprint"><em>Neoprint M319</em></a>.</p><p><img
class="aligncenter size-full wp-image-2478" title="site-gruge" alt="" src="http://blogandweb.com/wp-content/uploads/2010/02/ejemplo-gruge1.jpg" width="600" height="339" /></p><p
class="aligncenter"><small>Este es un diseño sin retícula, las letras dibujadas son parte de esta categoría.</small></p><p><img
class="aligncenter size-full wp-image-2479" title="site_gruge" alt="ejemplo de tipografia grunge" src="http://blogandweb.com/wp-content/uploads/2010/02/site_gruge3.jpg" width="600" height="401" /></p><p
class="aligncenter"><small>La tipografía muchas veces será protagonista, esta lleva la carga emotiva del mensaje, lo que divide en partes iguales el peso entre texto e imagen.</small></p><h4>Lo importante es lo que tu buscas</h4><p>Definitivamente solo son guías, a la hora de diseñar podemos encontrar que<strong> las reglas se rompen o se funden</strong> y así ver diseños muy vintage usando helvetica, o letras grunges sobre backgrounds limpios, al final lo que obtienes son contrastes, y eso puede hacer interesante tu sitio, no esta demás hacer pruebas probar tipografías y ver las posibilidades a la hora de crear un interesante header para tu sitio.</p><p><img
class="aligncenter size-full wp-image-2470" title="site_mix" alt="ejemplo de contrastes" src="http://blogandweb.com/wp-content/uploads/2010/02/site_mix2.jpg" width="600" height="402" /></p><p
class="aligncenter"><small>Header con tipografía de fantasía bajo un diseño reticulado y limpio.</small></p><p><img
class="aligncenter size-full wp-image-2471" title="site_mix" alt="ejemplo de contrastes" src="http://blogandweb.com/wp-content/uploads/2010/02/site_mix1.jpg" width="600" height="401" /></p><p
class="aligncenter"><small>La parte derecha de este web simplemente crea contraste y hace más llamativo al sitio por confrontar dos tipografías tan distintas.</small></p><p><img
class="aligncenter size-full wp-image-2466" title="site_mix" alt="ejemplo de contrastes" src="http://blogandweb.com/wp-content/uploads/2010/02/site_mix5.jpg" width="600" height="407" /></p><p
class="aligncenter"><small>un gran equilibrio entre un fondo estilo grunge, pero con mucho orden, usando tipografías de fantasía para indicar secciones o cosas importantes</small></p><p>En los siguientes post exploraremos pequeños tutoriales para hacer 3 tipos de header según estas categorías, pero al final puedes tomar lo mejor de cada una y hacer el tuyo propio.</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=MI7mQgnut4o:He2jtPBORAA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=MI7mQgnut4o:He2jtPBORAA:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=MI7mQgnut4o:He2jtPBORAA:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=MI7mQgnut4o:He2jtPBORAA:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=MI7mQgnut4o:He2jtPBORAA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=MI7mQgnut4o:He2jtPBORAA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=MI7mQgnut4o:He2jtPBORAA:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/MI7mQgnut4o" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/diseno/selecciona-la-mejor-tipografa-segn-el-estilo-de-tu-sitio/feed/</wfw:commentRss> <slash:comments>8</slash:comments> <feedburner:origLink>http://blogandweb.com/diseno/selecciona-la-mejor-tipografa-segn-el-estilo-de-tu-sitio/</feedburner:origLink></item> <item><title>10 Códigos útiles para WordPress II</title><link>http://feedproxy.google.com/~r/blogandweb/~3/9CJyH00oRmo/</link> <comments>http://blogandweb.com/wordpress/10-codigos-utiles-wordpress-ii/#comments</comments> <pubDate>Thu, 28 Jan 2010 08:25:27 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[WordPress]]></category> <category><![CDATA[Categorías]]></category> <category><![CDATA[Código]]></category> <category><![CDATA[Funciones]]></category> <category><![CDATA[Hooks]]></category> <category><![CDATA[Loop]]></category> <category><![CDATA[Snippets]]></category> <category><![CDATA[Tips]]></category> <category><![CDATA[Trucos]]></category><guid isPermaLink="false">http://blogandweb.com/wordpress/10-cdigos-tiles-para-wordpress-ii/</guid> <description><![CDATA[Esta la segunda parte con 10 nuevos códigos útiles para WordPress (ver parte I) para mejorar la usabilidad, estética o funcionamiento de tu blog con WordPress.
1. Agregar un campo para Twitter al perfil del autorCuando te registras o registrar a un nuevo autor / usuario en WordPress hay campos para información diversa (msn, google talk, [...]]]></description> <content:encoded><![CDATA[<p>Esta la segunda parte con <strong>10 nuevos códigos útiles para WordPress </strong>(ver <a
href="http://blogandweb.com/wordpress/10-codigos-utiles-wordpress/">parte I</a>) para mejorar la usabilidad, estética o funcionamiento de tu blog con WordPress.</p><h4>1. Agregar un campo para Twitter al perfil del autor</h4><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="codigo-twitter-wordpress" border="0" alt="codigo-twitter-wordpress" src="http://blogandweb.com/wp-content/uploads/2010/01/codigotwitterwordpress.png" width="600" height="245" /></p><p>Cuando te registras o registrar a un nuevo autor / usuario en WordPress hay campos para información diversa (msn, google talk, e-mail, etc), sin embargo dejan fuera a <a
href="http://blogandweb.com/microblogging/">Twitter</a>, muy popular entre bloggers. Pero gracias a <a
href="http://yoast.com/user-contact-fields-wp29/">Joost de Valk</a> puede agregar un campo para esta información de manera sencilla.</p><p>Agrega la siguiente función al archivo <em>functions.php</em> de tu tema:</p><pre><code>function add_twitter_contactmethod( $contactmethods ) {
// Agrega Twitter
$contactmethods['twitter'] = 'Twitter';

// Borra Yahoo IM
 unset($contactmethods['yim']);&#160;&#160; return $contactmethods;
}
add_filter('user_contactmethods','add_twitter_contactmethod',10,1);</code></pre><p>El código se puede agregar al archivo <em>functions.php</em> de nuestro tema y ya puedes agregar tu Twitter a tu perfil desde el panel.</p><p>Ahora ¿Cómo mostrarlo? En tu archivo author.php o archives.php si el primero no existe, agrega lo siguiente:</p><pre><code>&lt;?php echo $curauth-&gt;twitter; ?&gt;</code></pre><p>Donde desees que aparezca. Por si no haz actualizado, este hook funciona solo en la versión 2.9 o superior.</p><p><span
id="more-2448"></span></p><h4>2. Rechazar automáticamente los comentarios que contengan ciertas palabras</h4><p><strong>WordPress</strong> tiene un filtro nativo de palabras, ip&#8217;s o url&#8217;s, lamentablemente, aun cuando un comentario coincide con estas restricciones, WP lo deja para moderación o en la carpeta de spam ocupando espacio. Para rechazar definitivamente ciertas palabras u oraciones spam, el siguiente script es una buena alternativa:</p><pre><code>function in_comment_post_like($string, $array) {
	foreach($array as $ref) { if(strstr($string, $ref)) { return true; } }
	return false;
}
function drop_bad_comments() {
	if (!empty($_POST['comment'])) {
		$post_comment_content = $_POST['comment'];
		$lower_case_comment = strtolower($_POST['comment']);
		$bad_comment_content = array(
			'viagra',
			'hydrocodone',
			'hair loss',
			'[url=http',
			'[link=http',
			'xanax',
			'tramadol',
			'russian girls',
			'russian brides',
			'lorazepam',
			'adderall',
			'dexadrine',
			'no prescription',
			'oxycontin',
			'without a prescription',
			'sex pics',
			'family incest',
			'online casinos',
			'online dating',
			'cialis',
			'best forex',
			'amoxicillin'
		);
		if (in_comment_post_like($lower_case_comment, $bad_comment_content)) {
			$comment_box_text = wordwrap(trim($post_comment_content), 80, &quot;n  &quot;, true);
			$txtdrop = fopen('/var/log/httpd/wp_post-logger/nullamatix.com-text-area_dropped.txt', 'a');
			fwrite($txtdrop, &quot;  --------------n  [COMMENT] = &quot; . $post_comment_content . &quot;n  --------------n&quot;);
			fwrite($txtdrop, &quot;  [SOURCE_IP] = &quot; . $_SERVER['REMOTE_ADDR'] . &quot; @ &quot; . date(&quot;F j, Y, g:i a&quot;) . &quot;n&quot;);
			fwrite($txtdrop, &quot;  [USERAGENT] = &quot; . $_SERVER['HTTP_USER_AGENT'] . &quot;n&quot;);
			fwrite($txtdrop, &quot;  [REFERER  ] = &quot; . $_SERVER['HTTP_REFERER'] . &quot;n&quot;);
			fwrite($txtdrop, &quot;  [FILE_NAME] = &quot; . $_SERVER['SCRIPT_NAME'] . &quot; - [REQ_URI] = &quot; . $_SERVER['REQUEST_URI'] . &quot;n&quot;);
			fwrite($txtdrop, '--------------**********------------------'.&quot;n&quot;);
			header(&quot;HTTP/1.1 406 Not Acceptable&quot;);
			header(&quot;Status: 406 Not Acceptable&quot;);
			header(&quot;Connection: Close&quot;);
			wp_die( __('bang bang.') );
		}
	}
}
add_action('init', 'drop_bad_comments');</code></pre><p>Coloca el código en el archivo <em>functions.php</em> de tu tema y agrega tus propios términos a rechazar en el array <code>bad_comment_content</code>.</p><p><small>Vía: <a
href="http://www.wprecipes.com/automatically-refuse-spam-comments-on-your-wordpress-blog">WPRecipes</a></small></p><h4>3. Usar un logo propio en la pantalla de acceso al panel de control</h4><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="codigo-logo-propio" border="0" alt="codigo-logo-propio" src="http://blogandweb.com/wp-content/uploads/2010/01/codigologopropio.png" width="422" height="382" /></p><p>Un detalle más estético que útil, pero que puede dar un aspecto más profesional, sobre todo cuando permitimos el registro de usuarios. El código a colocar en el <em>functions.php</em> de tu tema es:</p><pre><code>function logo_login() {
	echo '&lt;style type=&quot;text/css&quot;&gt;
		h1 a { background-image:url(http://sitio.com/logo.png) !important; }
	&lt;/style&gt;';
}
add_action('login_head', 'logo_login');</code></pre><p>Donde debes sustituir:</p><pre><code>http://sitio.com/logo.png</code></pre><p>Por la propia url de tu logo. Eso sí, seguramente tendrás que crear uno especial para esta pantalla, con dimensiones aproximadas de 330px * 70px y con fondo transparente.</p><h4>4. Atrasar unos minutos la publicación de los posts en el feed rss</h4><p>¿Te ha pasado que publicas un post, y una vez en línea lo corriges y en el feed los errores se mantienen? Esto lo puedes evitar si atrasas unos minutos la publicación de tus posts en el feed, por ejemplo, 10 minutos, tiempo suficiente si haces correcciones.</p><p>El atraso puedes conseguirlo agregando en tu <em>functions.php </em>el siguiente código:</p><pre><code>function publish_later_on_feed($where) {
global $wpdb;

if ( is_feed() ) {
// La hora en WP-format
$now = gmdate('Y-m-d H:i:s');

// Minutos a esperar
$wait = '10'; // en números enteros

// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

// add SQL-sytax to default $where
$where .= &quot; AND TIMESTAMPDIFF($device, $wpdb-&gt;posts.post_date_gmt, '$now') &gt; $wait &quot;;
}
return $where;
}

add_filter('posts_where', 'publish_later_on_feed');</code></pre><p>Modificando el valor de la variable &quot;<code>wait</code>&quot;puedes cambiar el tiempo de espera.</p><p>vía: <small><a
href="http://www.wpbeginner.com/wp-tutorials/55-most-wanted-wordpress-tips-tricks-and-hacks/">WP Beginner</a></small></p><h4>5. Crear un botón de retweet con tu propia url corta</h4><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="codigo-retweet-url" border="0" alt="codigo-retweet-url" src="http://blogandweb.com/wp-content/uploads/2010/01/codigoretweeturl.png" width="600" height="91" /></p><p>Si quieres poner un botón de retweet donde el link corto sea con tu propio dominio, este pequeño script te interesa.</p><p><strong>1.</strong> Crea los links cortos con nuestro tutorial: <a
href="http://blogandweb.com/wordpress/urls-cortas-y-esteticas-en-wordpress/">URL’s cortas y estéticas en WordPress</a>. (haciendo el paso uno es suficiente)</p><p><strong>2.</strong> Donde quieras mostrar esta invitación a &quot;retwitear&quot;, por ejemplo <em>ingle.php</em>, agrega lo siguiente:</p><pre><code>&lt;a href=&quot;http://twitter.com/home?status=RT+&lt;?php the_title(); ?&gt;+&lt;?php echo get_bloginfo('url').'/'.get_the_ID(); ?&gt;&quot; title=&quot;Haz retweet&quot;&gt;Haz retweet&lt;/a&gt;</code></pre><p>El cual es un enlace que lleva a twitter con el título del post, más tu propio url corta. Sin plugin ni complicaciones podemos monitorear mejor los RT&#8217;s a nuestros artículos y darles un toco más personal.</p><h4>6. Mostar últimos comentarios con avatar</h4><p>Esta función te permite obtener los últimos comentarios publicados en tu blog junto con el avatar del autor. Basta agregar el siguiente código a cualquier parte de la plantilla donde deseas que se muestren, por ejemplo en <em>sidebar.php</em>.</p><pre><code>&lt;?php
$comments = get_comments('status=approve&amp;number=5');

if ($comments) {
    echo '&lt;ul&gt;';
    foreach ($comments as $comment) {
        $url = '&lt;a href=&quot;'. get_permalink($comment-&gt;comment_post_ID).'#comment-'.$comment-&gt;comment_ID .'&quot; title=&quot;'.$comment-&gt;comment_author .' | '.get_the_title($comment-&gt;comment_post_ID).'&quot;&gt;';
        echo '&lt;li&gt;';
        echo '&lt;div class=&quot;img&quot;&gt;';
        echo $url;
        echo get_avatar( $comment-&gt;comment_author_email, $img_w);
        echo '&lt;/a&gt;&lt;/div&gt;';

        echo '&lt;div class=&quot;txt&quot;&gt;Par: ';
        echo $url;
        echo $comment-&gt;comment_author;
        echo '&lt;/a&gt;&lt;/div&gt;';
        echo '&lt;/li&gt;';
    }
    echo '&lt;/ul&gt;';
}
?&gt;</code></pre><p>Modificando <code>number=5</code> en el inicio del código, podemos determinar la cantidad de comentarios a mostrar.</p><p><small>Vía: <a
href="http://www.wprecipes.com/display-most-recent-comments-with-gravatar">WPRecipes</a></small></p><h4>7. Deshabilitar completamente el html en los comentarios</h4><p>WordPress permite un poco de html para enlaces, citas y algo de formato, en temas donde los lectores conocen este lenguaje va bien, pero en blog con temáticas poco afines al código, se deja una puerta abierta al spam.</p><p>Si por esta u otra razón quieres deshabilitar el html totalmente en los comentarios, prueba agregando el siguiente código de <a
href="http://www.theblog.ca/literal-comments">theblog</a> en el <em>functions.php</em> de tu theme:</p><pre><code>// This will occur when the comment is posted
function plc_comment_post( $incoming_comment ) {

	// convert everything in a comment to display literally
	$incoming_comment['comment_content'] = htmlspecialchars($incoming_comment['comment_content']);

	// the one exception is single quotes, which cannot be #039; because WordPress marks it as spam
	$incoming_comment['comment_content'] = str_replace( &quot;'&quot;, '&amp;apos;', $incoming_comment['comment_content'] );

	return( $incoming_comment );
}

// This will occur before a comment is displayed
function plc_comment_display( $comment_to_display ) {

	// Put the single quotes back in
	$comment_to_display = str_replace( '&amp;apos;', &quot;'&quot;, $comment_to_display );

	return $comment_to_display;
}

add_filter( 'preprocess_comment', 'plc_comment_post', '', 1);
add_filter( 'comment_text', 'plc_comment_display', '', 1);
add_filter( 'comment_text_rss', 'plc_comment_display', '', 1);
add_filter( 'comment_excerpt', 'plc_comment_display', '', 1);</code></pre><p>El resultado será tener comentarios en texto plano.</p><h4>8. Mostrar las categorías como una cortina desplegable.</h4><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="codigo-categorias-wordpress" border="0" alt="codigo-categorias-wordpress" src="http://blogandweb.com/wp-content/uploads/2010/01/codigocategoriaswordpress.png" width="600" height="104" /></p><p>Una forma diferente y compacta de presentar las categorías.</p><pre><code>&lt;form action=&quot;&lt;?php bloginfo('url'); ?&gt;/&quot; method=&quot;get&quot;&gt;
&lt;?php
$select = wp_dropdown_categories('show_option_none=Seleccionar categor&amp;iacute;a&amp;show_count=1&amp;orderby=name&amp;echo=0&amp;selected=6');
$select = preg_replace(&quot;#&lt;select([^&gt;]*)&gt;#&quot;, &quot;&lt;select$1 onchange='return this.form.submit()'&gt;&quot;, $select);
echo $select;
?&gt;
&lt;noscript&gt;&lt;input type=&quot;submit&quot; value=&quot;Ver&quot; /&gt;&lt;/noscript&gt;
&lt;/form&gt;</code></pre><p>Puedes agregarlo a tu archivo <em>sidebar.php</em> donde quieras que aparezca.</p><p>vía: <small><a
href="http://www.wpbeginner.com/wp-tutorials/55-most-wanted-wordpress-tips-tricks-and-hacks/">WP Beginner</a></small></p><h4>9. Aumenta el tamaño de los resúmenes de tus posts</h4><p>Si usas un theme estilo revista u otro, donde uses la función de resumen o &quot;leer más&quot; automática, puedes incrementar las 55 palabras por defecto, por la cantidad de palabras que desees con la siguiente función:</p><pre><code>// Tamaño del resumen
function new_excerpt_length($length) {
return 100; //número de palabras por resumen
}
add_filter('excerpt_length', 'new_excerpt_length');</code></pre><p>Agregandola en tu archivo <em>functions.php</em>. Cambiando &quot;100&quot;, por la cantidad de palabras por resumen deseado.</p><h4>10. Usar siempre la última versión de jQuery hospedada en Google Code</h4><p><img
class="alignright" title="codigo-jquery" alt="codigo-jquery" src="http://blogandweb.com/wp-content/uploads/2010/01/codigojquery.png" width="224" height="66" /><a
href="http://jquery.com">jQuery</a> suele usarse tanto en el diseño como en la parte operativa de un sitio web, llamándolo desde WordPress; sin embargo, WP suele tardar en incorporar la última versión. Con el siguiente código siempre tendrás la versión más reciente de jQuery hospedado en Google Code:</p><pre><code>if( !is_admin()){
   wp_deregister_script('jquery');
   wp_register_script('jquery', (&quot;http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js&quot;), false, '');
   wp_enqueue_script('jquery');
}</code></pre><p><small>Vía: <a
href="http://www.wprecipes.com/how-to-use-jquery-1-4-by-default-on-your-wordpress-blog">WPRecipes</a></small></p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=9CJyH00oRmo:N-VhX2B06Og:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=9CJyH00oRmo:N-VhX2B06Og:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=9CJyH00oRmo:N-VhX2B06Og:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=9CJyH00oRmo:N-VhX2B06Og:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=9CJyH00oRmo:N-VhX2B06Og:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=9CJyH00oRmo:N-VhX2B06Og:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=9CJyH00oRmo:N-VhX2B06Og:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/9CJyH00oRmo" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/wordpress/10-codigos-utiles-wordpress-ii/feed/</wfw:commentRss> <slash:comments>14</slash:comments> <feedburner:origLink>http://blogandweb.com/wordpress/10-codigos-utiles-wordpress-ii/</feedburner:origLink></item> <item><title>El diseño web inicia en el papel</title><link>http://feedproxy.google.com/~r/blogandweb/~3/g0KobfB2vhw/</link> <comments>http://blogandweb.com/diseno/el-diseo-web-inicia-en-el-papel/#comments</comments> <pubDate>Tue, 26 Jan 2010 09:28:17 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Diseño]]></category> <category><![CDATA[Bosquejos]]></category> <category><![CDATA[Frameworks]]></category> <category><![CDATA[Freebies]]></category> <category><![CDATA[PDF]]></category> <category><![CDATA[Plantillas]]></category><guid isPermaLink="false">http://blogandweb.com/diseno/el-diseo-web-inicia-en-el-papel/</guid> <description><![CDATA[Para muchas personas no hay duda, el papel es el mejor lugar para bosquejar ideas, para probar, borrar, rayar y romper. Y las mismas ventajas tiene en el diseño web convirtiéndose en uno de los mejores para iniciar un diseño.
Y para tener una base al iniciar un diseño se han hecho un buena cantidad de [...]]]></description> <content:encoded><![CDATA[<p>Para muchas personas no hay duda, <strong>el papel</strong> es el mejor lugar para bosquejar ideas, para probar, borrar, rayar y romper. Y las mismas ventajas tiene en el diseño web convirtiéndose en uno de los mejores para <strong>iniciar un <a
href="http://blogandweb.com/diseno">diseño</a></strong>.</p><p>Y para tener una base al iniciar un diseño se han hecho un <a
href="http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/">buena cantidad de plantillas imprimibles</a>:</p><h4>960 Grid</h4><p>Del famoso <a
href="http://www.960.gs/">framework</a> del mismo nombre, que uso –a medias- en el maquetado de este sitio. Hay plantillas para uno o varios bosquejos en la misma página y siempre con espacio para notas.</p><p><a
href="http://github.com/nathansmith/960-Grid-System/raw/master/sketch_sheets/960_sketch.pdf">↓ Descargar plantilla.</a></p><p>&#160;<img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="plantillas-diseno-960" border="0" alt="plantillas-diseno-960" src="http://blogandweb.com/wp-content/uploads/2010/01/plantillasdiseno960.jpg" width="600" height="456" /></p><p> <span
id="more-2442"></span><br
/><h4>Paper browser</h4><p>Plantillas de un navegador web escalado a 1024px de ancho y con una cuadricula que te permitirá llevar los valores directamente a Photoshop. Diseñado por <a
href="http://www.behance.net/Gallery/Paper-Browser/328381">Behance</a>.</p><p><a
href="http://www.raincreativelab.com/dl/paperbrowser/Paper%20Browser.8.5x11.Vertical.pdf">↓ Descargar plantilla vertical.</a> <br
/><a
href="http://www.raincreativelab.com/dl/paperbrowser/Paper%20Browser.8.5x11.Horizontal.pdf">↓ Descargar plantilla horizontal.</a></p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="plantilla-diseno-navegador" border="0" alt="plantilla-diseno-navegador" src="http://blogandweb.com/wp-content/uploads/2010/01/plantilladisenonavegador.jpg" width="600" height="467" /></p><h4>6 A la vez</h4><p>Una plantilla ideal para hacer el bosquejo de hasta distintas 6 esquemas de contenido pero sin entrar mucho en detalle. Diseñado por <a
href="http://www.flickr.com/photos/88005207@N00/">nunile</a>.</p><p><a
href="http://nunile.110mb.com/sketching.pdf">↓ Descargar plantilla PDF.</a></p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="plantilla-diseno-6-paginas" border="0" alt="plantilla-diseno-6-paginas" src="http://blogandweb.com/wp-content/uploads/2010/01/plantilladiseno6paginas.jpg" width="600" height="450" /></p><h4>Wireframe template</h4><p>Sencilla pero elegante plantilla para presentar bosquejos. Creada por <a
href="http://www.flickr.com/photos/alfonsobozzelli/3949828341/">Alfonso Bozzelli</a>.</p><p><a
href="http://www.alfonsobozzelli.com/data/WireframeTemplate.zip">↓ Descargar plantilla PDF.</a></p><p><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="plantilla-diseno-wireframe" border="0" alt="plantilla-diseno-wireframe" src="http://blogandweb.com/wp-content/uploads/2010/01/plantilladisenowireframe.png" width="600" height="404" /></p></p><h4>iPhone App Wireframe Template</h4><p>Excelente plantilla para bosquejar versiones móviles de un sitio web o aplicaciones directamente diseñadas para el iPhone. Diseñada por <a
href="http://fullofdesign.com/posts/iphone-app-wireframe-template/">full of design</a>.</p><p><a
href="http://fullofdesign.com/uploads/iphone_notepad_horizontal.pdf">↓ Descargar plantilla horizontal.</a> <br
/><a
href="http://fullofdesign.com/uploads/iphone_notepad_vertical.pdf">↓ Descargar plantilla vertical.</a></p><p><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="plantillas-diseno-iphone" border="0" alt="plantillas-diseno-iphone" src="http://blogandweb.com/wp-content/uploads/2010/01/plantillasdisenoiphone.jpg" width="600" height="400" /></p><h4>iPhone Wireframe Templates for Sketching</h4><p>Si crees que la plantilla anterior es más de lo que necesitas, esta versión de <a
href="http://interactivelogic.net/wp/2009/09/iphone-wireframe-templates/">Evan K.</a> Stone te vendrá mejor en tu incursión con el diseño en celulares.</p><p><a
href="http://www.interactivelogic.net/downloads/iphone-design-templates.zip">↓ Descargar plantilla horizontal.</a></p><p><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="plantillas-diseno-iphone2" border="0" alt="plantillas-diseno-iphone2" src="http://blogandweb.com/wp-content/uploads/2010/01/plantillasdisenoiphone2.jpg" width="600" height="456" /></p><h4>Conclusión</h4><p>Sea que uses <a
href="http://blogandweb.com/templates-blogger/">plantillas</a> o no al iniciar tus diseños, siempre es buena idea iniciar en papel, es una de los primeros medios con que aprendimos a comunicarnos y la naturalidad de su uso hace que te enfoques solo en lo que quieres hacer. Además, ¿no se antoja siempre rayar una hoja en blanco?</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=g0KobfB2vhw:sUW8xQ0hPQA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=g0KobfB2vhw:sUW8xQ0hPQA:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=g0KobfB2vhw:sUW8xQ0hPQA:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=g0KobfB2vhw:sUW8xQ0hPQA:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=g0KobfB2vhw:sUW8xQ0hPQA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=g0KobfB2vhw:sUW8xQ0hPQA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=g0KobfB2vhw:sUW8xQ0hPQA:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/g0KobfB2vhw" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/diseno/el-diseo-web-inicia-en-el-papel/feed/</wfw:commentRss> <slash:comments>6</slash:comments> <feedburner:origLink>http://blogandweb.com/diseno/el-diseo-web-inicia-en-el-papel/</feedburner:origLink></item> <item><title>31 Días para aprender a tomar mejores fotos</title><link>http://feedproxy.google.com/~r/blogandweb/~3/VZnUmbplQqA/</link> <comments>http://blogandweb.com/geek/31-das-para-aprender-a-tomar-mejores-fotos/#comments</comments> <pubDate>Fri, 22 Jan 2010 23:58:46 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Geek]]></category> <category><![CDATA[Fotografía]]></category> <category><![CDATA[Tips]]></category> <category><![CDATA[Tutoriales]]></category><guid isPermaLink="false">http://blogandweb.com/geek/31-das-para-aprender-a-tomar-mejores-fotos/</guid> <description><![CDATA[
&#34;Aprende a hacer mejores fotos en 31 días&#34; es el nombre de la serie de 31 artículos creado por dZoom para ayudarte con las bases de la fotografía. Teoría, consejos y tutoriales muy bien explicados, si eres aficionado a la fotografía seguro te dará un panorama más claro.La Luz: Redescubriendo la Piedra Angular de [...]]]></description> <content:encoded><![CDATA[<p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="ebook-fotografia-AHMF31" border="0" alt="ebook-fotografia-AHMF31" src="http://blogandweb.com/wp-content/uploads/2010/01/ebookfotografiaAHMF31.png" width="250" height="251" /></p><p>&quot;<strong>Aprende a hacer mejores fotos en 31 días</strong>&quot; es el nombre de la serie de 31 artículos creado por <em>dZoom</em> para ayudarte con las bases de la <strong>fotografía</strong>. Teoría, consejos y tutoriales muy bien explicados, si eres aficionado a la fotografía seguro te dará un panorama más claro.</p><ul><li><a
href="http://www.dzoom.org.es/noticia-4175.html">La Luz: Redescubriendo la Piedra Angular de la Fotografía [AHMF31 día1]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4221.html">“Destripando” Tu Cámara [AHMF31 día2]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4326.html">Megapixels Por Aquí. Megapixels Por Allá [AHMF31 día3]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4304.html">El “Milagro” de la Fotografía (Digital) [AHMF31 día4]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4397.html">“Arrojando Luz” Sobre el Objetivo [AHMF31 día5]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4442.html">Objetivos. Ponles “Nombre y Apellidos” [AHMF31 día6]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4500.html">La Exposición. La Primera Clave de una Buena Fotografía [AHMF31 día7]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4535.html">La Profundidad de Campo “en Profundidad” [AHMF31 día8]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4564.html">Tiempos de Exposición. “Congela” y “Descongela” Tus Fotos [AHMF31 día9]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4607.html">Sensibilidad ISO. La Pieza Que Completa El Puzle de la Exposición [AHMF31 día10]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4641.html">El Histograma. El “Chivato” De La Exposición [AHMF31 día11]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4680.html">El Rango Dinámico. ¿Por Qué Nuestra Cámara No Capta Lo Que Ven Nuestros Ojos? [AHMF31 día12]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4716.html">Datos EXIF: El “DNI” de la Foto [AHMF31 día13]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4753.html">Compactas, Bridge, Réflex. ¿Dónde Está la Diferencia? [AHMF31 día14]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4788.html">¿Qué Cámara Necesito? [AHMF31 día15]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4822.html">¡Conoce y Domina Los Modos de Disparo, Vaquero! [AHMF31 día16]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4852.html">El Enfoque: Decide Sobre Qué Llamar La Atención En Tu Foto [AHMF31 día 17]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4883.html">El “Metering”. Aprende A Medir Correctamente La Luz En Tus Fotos [AHMF31 día18]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4911.html">El Trípode: El Mejor “Apoyo” Para Hacer Mejores Fotos [AHMF31 día19]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4944.html">Los Filtros: Otra Forma de Jugar con la Luz [AHMF31 día20]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4970.html">El Flash: Da Un Toque De Luz a Tus Fotos [AHMF31 día21]</a></li><li><a
href="http://www.dzoom.org.es/noticia-4996.html">La Bolsa: El Primer Accesorio Para Tu Cámara [AHMF31 día22]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5025.html">Consejos Para Mimar a Tu Cámara [AHMF31 día23]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5051.html">Composición (I): ¿Por Qué Unas Fotos Funcionan y Otras No? [AHMF31 día24]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5073.html">Composición (II): Las 5 Reglas Básicas Que Debes Conocer [AHMF31 día25]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5101.html">Composición (III): La Importancia de las Líneas [AHMF31 día26]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5150.html">Composición (IV): Consejos Que No Debes Olvidar [AHMF31 día27]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5181.html">Cómo Mejorar tus Fotos de Paisajes [AHMF31 día28]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5223.html">Cómo Mejorar tus Retratos [AHMF31 día29]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5253.html">Cómo Mejorar tus Fotos Nocturnas [AHMF31 día30]</a></li><li><a
href="http://www.dzoom.org.es/noticia-5283.html">Cómo Seguir A Partir de Ahora [AHMF31 día31]</a></li></ul><p>También hay versión de pago en versión PDF desde la <a
href="http://www.dzoom.org.es/modules.php?name=premium">zona premium de dZoom</a> en un formato de ebook.</p><p><small>vía: <a
href="http://unpocodemucho.com/aprende-a-hacer-mejores-fotos-en-31-dias">Un poco de mucho</a></small></p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=VZnUmbplQqA:fUh50K7IdZQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=VZnUmbplQqA:fUh50K7IdZQ:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=VZnUmbplQqA:fUh50K7IdZQ:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=VZnUmbplQqA:fUh50K7IdZQ:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=VZnUmbplQqA:fUh50K7IdZQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=VZnUmbplQqA:fUh50K7IdZQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=VZnUmbplQqA:fUh50K7IdZQ:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/VZnUmbplQqA" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/geek/31-das-para-aprender-a-tomar-mejores-fotos/feed/</wfw:commentRss> <slash:comments>4</slash:comments> <feedburner:origLink>http://blogandweb.com/geek/31-das-para-aprender-a-tomar-mejores-fotos/</feedburner:origLink></item> <item><title>Dominios .mx más baratos en Febrero</title><link>http://feedproxy.google.com/~r/blogandweb/~3/0xlkLS7tXPg/</link> <comments>http://blogandweb.com/dominios/dominios-mx-ms-baratos-en-febrero/#comments</comments> <pubDate>Fri, 22 Jan 2010 09:15:34 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Dominios]]></category> <category><![CDATA[México]]></category> <category><![CDATA[.com.mx]]></category> <category><![CDATA[.mx]]></category> <category><![CDATA[NIC México]]></category><guid isPermaLink="false">http://blogandweb.com/dominios/dominios-mx-ms-baratos-en-febrero/</guid> <description><![CDATA[ Los cctld&#8217;s latinoamericanos (.mx, .cl, .co, etc) no se caracterizan por ser baratos, todo lo contrario, los precios están muy por encima de los tld&#8217;s (.com, .net, etc). Aspecto que ha influido negativamente en el crecimiento y aceptación de los mismos.
Nic.mx da un pequeño paso adelante y anuncia una reducción de tarifas definitivo para [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignright" title="dominios-mx" border="0" alt="dominios-mx" align="left" src="http://blogandweb.com/wp-content/uploads/2010/01/dominiosmx.gif" width="165" height="115" /> Los <strong>cctld&#8217;s latinoamericanos</strong> (<em>.mx, .cl, .co,</em> etc) no se caracterizan por ser baratos, todo lo contrario, los precios están muy por encima de los <strong>tld&#8217;s</strong> (<em>.com, .net,</em> etc). Aspecto que ha influido negativamente en el crecimiento y aceptación de los mismos.</p><p><a
href="http://www.nic.mx/es/Noticias_2?NEWS=385">Nic.mx</a> da un pequeño paso adelante y anuncia una reducción de tarifas definitivo para Febrero siguiente. El esquema de precios directamente en <em>nic.mx</em> será:</p><table
border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td
valign="top"><strong>Clasificación</strong></td><td
valign="top"><strong>Registro</strong></td><td
valign="top"><strong>Renovación</strong></td></tr><tr><td
valign="top">.com.mx</td><td
valign="top">$11 USD</td><td
valign="top">$19 USD</td></tr><tr><td
valign="top">.mx</td><td
valign="top">$40 USD</td><td
valign="top">$40 USD</td></tr><tr><td
valign="top">.net.mx</td><td
valign="top">$11 USD</td><td
valign="top">$19 USD</td></tr><tr><td
valign="top">.org.mx</td><td
valign="top">$11 USD</td><td
valign="top">$19 USD</td></tr></tbody></table><p>Estos precios son de <strong>venta directa</strong> en nic.mx, sin embargo, los <strong>registradores autorizados</strong> suelen tener precios significativamente más accesibles tanto en registros como renovaciones. Algunos de estos registradores son: Neubox.net, Suempresa.com y Godaddy.com.</p><p>Con esta reducción, el registro de dominios bajo <em>.mx</em> es más competitivo. Y pese a que los <a
href="http://blogandweb.com/dominios/nuevamente-dominios-mx-de-segundo-nivel-para-mexico/">dominios .mx de segundo nivel</a> aun quedan a un precio elevado ($40 USD), la reducción sin duda es bienvenida.</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=0xlkLS7tXPg:7MV3AFkmkuo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=0xlkLS7tXPg:7MV3AFkmkuo:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=0xlkLS7tXPg:7MV3AFkmkuo:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=0xlkLS7tXPg:7MV3AFkmkuo:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=0xlkLS7tXPg:7MV3AFkmkuo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=0xlkLS7tXPg:7MV3AFkmkuo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=0xlkLS7tXPg:7MV3AFkmkuo:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/0xlkLS7tXPg" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/dominios/dominios-mx-ms-baratos-en-febrero/feed/</wfw:commentRss> <slash:comments>4</slash:comments> <feedburner:origLink>http://blogandweb.com/dominios/dominios-mx-ms-baratos-en-febrero/</feedburner:origLink></item> <item><title>Hacer páginas en Blogger</title><link>http://feedproxy.google.com/~r/blogandweb/~3/FYhM83jf8D4/</link> <comments>http://blogandweb.com/blogger/paginas-en-blogger/#comments</comments> <pubDate>Thu, 21 Jan 2010 08:02:40 +0000</pubDate> <dc:creator>Francisco</dc:creator> <category><![CDATA[Blogger]]></category> <category><![CDATA[Widgets para Blogger]]></category> <category><![CDATA[Aniversario Blogger]]></category> <category><![CDATA[Blogger in Draft]]></category> <category><![CDATA[Gadgets]]></category> <category><![CDATA[Páginas]]></category> <category><![CDATA[URLs]]></category><guid isPermaLink="false">http://blogandweb.com/blogger/hacer-pginas-en-blogger/</guid> <description><![CDATA[Hacer páginas en Blogger (Blogspot) ha sido una de las características más solicitadas en la plataforma de blogs de Google y por fin llega a manera de beta desde Blogger in Draft.
¿Qué son las páginas?
Si se ha probado WordPress se conoce los beneficios de las páginas y si no, conviene definirlas rápidamente. Una página es [...]]]></description> <content:encoded><![CDATA[<p><strong>Hacer páginas en </strong><a
title="Blogger" href="http://blogandweb.com/blogger"><strong>Blogger</strong></a><strong> (Blogspot)</strong> ha sido una de las características más solicitadas en la plataforma de blogs de Google y por fin llega a manera de <em>beta</em> desde <a
href="http://btemplates.com/tag/blogger-in-draft">Blogger in Draft</a>.</p><h4>¿Qué son las páginas?</h4><p>Si se ha probado <a
href="http://blogandweb.com/wordpress">WordPress</a> se conoce los <strong>beneficios de las páginas</strong> y si no, conviene definirlas rápidamente. Una página es un formato de publicación con información que necesita estar disponible desde cualquier parte de un blog.</p><p>Son útiles para contenidos estáticos como la página de información del creador del blog (el famoso &quot;<em>about</em>&quot;); el formulario de contacto; la lista términos de uso y política de privacidad; un archivo de artículos, entre <a
href="http://blogandweb.com/blogs/10-paginas-y-widgets-que-debe-tener-tu-blog/">muchos otros usos</a>.</p><h4>¿Cómo crear página en Blogger?</h4><p>Crear páginas ahora no es más complejo que crear un post, en este momento es de la siguiente forma:</p><p><em><a
href="http://draft.blogger.com/">Blogger in Draft</a> → Editar entradas → Editar páginas → Página nueva</em></p><p><strong>1. </strong>Entrar desde <a
href="http://draft.blogger.com/">Blogger in Draft</a>.</p><p><strong>2. </strong>Ir a &quot;Editar entradas&quot; y seleccionar la opción &quot;Editar páginas&quot;.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="paginas-blogger-editar" border="0" alt="paginas-blogger-editar" src="http://blogandweb.com/wp-content/uploads/2010/01/paginasbloggereditar.png" width="600" height="24" /></p><p><strong>3. </strong>Crear una &quot;Página nueva&quot; y comenzar a redactar.</p><p>Las opciones del editor de páginas son las mismas al editor de entradas, pero cabe advertir, por su naturaleza, es recomendable cerrar los comentarios en las páginas, de este modo cumplirán solo con su carácter informativo y serán un elemento menos a moderar.</p><p><strong>4. </strong>Seleccionar el modo en que se publicaran las páginas. Puede ser en la barra lateral, una pestaña del blog o sin gadget y enlazar manualmente.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="paginas-gadget-blogger" border="0" alt="paginas-gadget-blogger" src="http://blogandweb.com/wp-content/uploads/2010/01/paginasgadgetblogger.png" width="600" height="236" /></p><p>Por como son las plantillas ahora, yo recomendaría la tercer opción &quot;Sin gadget&quot;, para después copiar la URL de la página y <a
href="http://btemplates.com/faqs-es/#editarmenu">agregarlo manualmente</a> en el código de la plantilla.</p><p><em>Escritorio → Diseño → Edición de HTML</em></p><p>Seguramente en el futuro las plantillas usaran un <a
href="http://www.google.com/support/blogger/bin/answer.py?hl=en&amp;answer=165955#templates">widget de páginas</a> directamente como menú, pero ahora mismo, todas funcionan de forma manual.</p><h4>El gadget de páginas</h4><p>Sino estas familiarizado con el código y quieres usar la lista de páginas como gadget, basta escoger esta opción en el paso 4 y configurarlas desde:</p><p><em>Escritorio → Diseño → Elementos de página <em>→ Editar (en el gadget de página)</em></em></p><p>Donde se puede escoger el orden de la lista.</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="paginas-gadget" border="0" alt="paginas-gadget" src="http://blogandweb.com/wp-content/uploads/2010/01/paginasgadget.png" width="509" height="545" /></p><p>Como se ve, no son muchas las ventajas del gadget, por lo que incluir los links de las páginas directamente en el código me parece un opción más acertada.</p><h4>Anotaciones</h4><p>Otra ventaja secundaria de las páginas, es que tienen una URL más amigable, en Blogger son del tipo:</p><pre><code>http://blog.blogspot.com/p/nombre-pagina.html</code></pre><p>Una pequeña desventaja es que el número de páginas por blog esta limitado a 10, sin embargo, son más que suficiente para la mayoría de los casos.</p><h4>Conclusión</h4><p>Se habían tardado en llegar, pero <strong>las páginas están en Blogger</strong> y sin duda son una buena noticia pues ayudan mucho a tener mejor organizado y clasificado un sitio, tanto para el usuario como para el que administra el blog. Así que a sacarles provecho.</p> <div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blogandweb?a=FYhM83jf8D4:PyEM0dH3xY4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=FYhM83jf8D4:PyEM0dH3xY4:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=FYhM83jf8D4:PyEM0dH3xY4:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=FYhM83jf8D4:PyEM0dH3xY4:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=FYhM83jf8D4:PyEM0dH3xY4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/blogandweb?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blogandweb?a=FYhM83jf8D4:PyEM0dH3xY4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blogandweb?i=FYhM83jf8D4:PyEM0dH3xY4:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/blogandweb/~4/FYhM83jf8D4" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://blogandweb.com/blogger/paginas-en-blogger/feed/</wfw:commentRss> <slash:comments>19</slash:comments> <feedburner:origLink>http://blogandweb.com/blogger/paginas-en-blogger/</feedburner:origLink></item> </channel> </rss><!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk
Database Caching 9/15 queries in 0.026 seconds using disk

Served from: 72.52.163.48 @ 2010-02-09 07:43:49 -->
