<?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:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Mirecla Design | Diseño Web</title><link>http://www.miracledesign.com.ar</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Miracle_Design" /><description>Miracle Design especialistas en desarrollo y diseño web. Desarrollo de aplicaciones web, Seguridad informatica en Argentina.</description><language>en</language><lastBuildDate>Mon, 27 Feb 2012 09:01:36 PST</lastBuildDate><generator>http://wordpress.org/?v=3.2.1</generator><sy:updatePeriod xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">hourly</sy:updatePeriod><sy:updateFrequency xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">1</sy:updateFrequency><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Miracle_Design" /><feedburner:info uri="miracle_design" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><media:copyright>Miracle Design especialistas en desarrollo y diseño web. Desarrollo de aplicaciones web, Seguridad informatica en Argentina.</media:copyright><media:thumbnail url="http://www.miracledesign.com.ar/TW_MiracleDesign.png" /><media:keywords>diseño,web,argentina,blog,de,diseño,web,código,fuente,jquery,en,argentina,wordpress,en,argentina,diseño,web,argentina,diseño,web,en,córdoba,hosting,en,argentina,posicionamiento,posicionamiento,en,buscadores,diseño,gráfico,argentina,posicionamiento</media:keywords><media:category scheme="http://www.itunes.com/dtds/podcast-1.0.dtd">Technology/Podcasting</media:category><itunes:owner><itunes:email>info@miracledesign.com</itunes:email></itunes:owner><itunes:explicit>no</itunes:explicit><itunes:image href="http://www.miracledesign.com.ar/TW_MiracleDesign.png" /><itunes:keywords>diseño,web,argentina,blog,de,diseño,web,código,fuente,jquery,en,argentina,wordpress,en,argentina,diseño,web,argentina,diseño,web,en,córdoba,hosting,en,argentina,posicionamiento,posicionamiento,en,buscadores,diseño,gráfico,argentina,posicionamiento</itunes:keywords><itunes:subtitle>Miracle Design</itunes:subtitle><itunes:summary>Miracle Design especialistas en desarrollo y diseño web. Desarrollo de aplicaciones web, Seguridad informatica en Argentina, Realizamos servicios de diseño web Cordoba y posicionamiento web cordoba</itunes:summary><itunes:category text="Technology"><itunes:category text="Podcasting" /></itunes:category><feedburner:emailServiceId>Miracle_Design</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FMiracle_Design" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2FMiracle_Design" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><item><title>Photogé: plantilla para web de fotografía en PSD</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/8S4grncrROU/</link><category>Blog</category><category>Javascript</category><category>Jquery</category><category>Photoshop</category><category>Plantilla</category><category>Template</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Mon, 27 Feb 2012 09:01:36 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1384</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Si se encuentran buscando opciones para desplegar su portfolio de fotógrafo, esta plantilla gratuita ofrecida por <a title="PSDStyle" href="http://psdstyle.net/" target="_blank">PSDStyle</a> puede brindarles herramientas para lograr un resultado profesional y que destaque su trabajo de la mejor manera.</p>
<p><a title="Photogé" href="http://psdstyle.net/2012/01/27/photoge-free-photography-website-psd/" target="_blank">Photogé</a> contiene un header extendido para poder colocar un slider con diferentes muestras o estilos fotográficos, se trata de una plantilla a pantalla completa, no requiere barra de desplazamiento vertical por lo que quien la visita queda directamente observando lo importante, que en el caso de un fotógrafo son las imágenes.</p>
<p><img title="Photogé: plantilla para web de fotografía en PSD" src="http://www.kabytes.com/wp-content/uploads/2012/01/Photog%C3%A9-plantilla-para-web-de-fotograf%C3%ADa-en-PSD.jpg" alt="Vista previa de plantilla para portfolio de fotógrafo" width="570" height="370" /></p>
<p>Descargar <a title="Photogé" href="http://psdstyle.net/2012/01/27/photoge-free-photography-website-psd/" target="_blank">Photogé</a> | <strong>PSDStyle</strong></p>
<p>Al mismo tiempo, hay algunas herramientas para dividir secciones, aunque se puede utilizar el slider como muestrario de galería, en lo personal agregaría un espacio para contener diapositivas pequeñas y permitir al usuario del sitio navegar entre las diferentes fotografías.</p>
<p>Posee espacios destacados para los trabajos más nuevos, menú y últimas noticias. Obviamente el resultado final dependerá de lo bien que se lleven con la maquetación, pero sin dudas es una excelente opción para conseguir algo original. El archivo de diseño está incluído en formato .psd, deberán conseguir algunas fuentes para que todo quede en su lugar, aunque si lo prefieren, pueden jugar con fuentes tipográficas y colores sin problemas.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=8S4grncrROU:De12Uj1sJ-U:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=8S4grncrROU:De12Uj1sJ-U:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=8S4grncrROU:De12Uj1sJ-U:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=8S4grncrROU:De12Uj1sJ-U:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/8S4grncrROU" height="1" width="1"/>]]></content:encoded><description>Si se encuentran buscando opciones para desplegar su portfolio de fotógrafo, esta plantilla gratuita ofrecida por &lt;a title="PSDStyle" href="http://psdstyle.net/" target="_blank"&gt;PSDStyle&lt;/a&gt; puede brindarles herramientas para lograr un resultado ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/photoge-plantilla-para-web-de-fotografia-en-psd/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/photoge-plantilla-para-web-de-fotografia-en-psd/</feedburner:origLink></item><item><title>Compartir archivos gratuitamente con Minus</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/SYiDGtV7xuo/</link><category>Blog</category><category>Utilidades</category><category>Megaupload</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Sat, 25 Feb 2012 08:57:34 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1382</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>El nombre del sitio nace de la idea de sus creadores de mantener la herramienta lo mas simple posible, haciendo que cualquiera pueda utilizarla sin problemas y no nos veamos frenados por una cantidad de opciones innecesaria. En Minus, la idea es compartir auqello que deseemos en minutos y sin complicaciones.</p>
<p>Su uso es completamente gratuito. Los elementos que subamos, a diferencia de otros sitios similares, no serán eliminados salvo que lo hagamos nosotros mismos o quiebren alguna de las reglas.</p>
<p>En Minus podemos no solo compartir imágenes, videos y archivos sino seguir a nuestros contactos y poder acceder a lo que ellos estén compartiendo. Cuenta con un panel de organización en el cual facilita que podamos ordenar nuestro contenido a gusto y explorarlo en búsqueda de algo que ya tengamos cargado. Las características principales de espacio son de 10 GB libres y subidas individuales de hasta 2G, con descargas y transferencias ilimitadas.</p>
<p><img title="Compartir archivos gratis" src="http://www.kabytes.com/wp-content/uploads/2012/01/minus.jpg" alt="Compartir archivos gratis" width="570" height="376" /><br />
Por supuesto contamos con la opción de que nuestros elementos sean privados o públicos, al igual que carpetas completas que configuraremos sin problemas desde el panel del cual les hablaba.</p>
<p>Para finalizar y punto importante hoy en día, Minus cuenta con aplicaciones de escritorio para Windows, OS y Ubuntu, agregados para los navegadores Chrome y Firefox, así como versiones para las plataformas móviles mas utilizadas: Android y iPhone.</p>
<p>Si bien lo ideal para acceder a todas sus funciones es registrarnos, el mismo se realiza en cuestión de segundos y brinda la opción de hacerlo directamente mediante nuestro usuario de Facebook o Twitter.</p>
<p>No solo se convirtió en una de las mejores opciones actualmente para<strong> compartir archivos online gratis</strong>, sino en una herramienta poderosa, cómoda, funcional y a la cual podemos acceder desde cualquier lado a nuestra información sin problemas.</p>
<p>Web: <a title="Minus" href="http://minus.com/" target="_blank">Minus</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=SYiDGtV7xuo:U8EkbrSCrtU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=SYiDGtV7xuo:U8EkbrSCrtU:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=SYiDGtV7xuo:U8EkbrSCrtU:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=SYiDGtV7xuo:U8EkbrSCrtU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/SYiDGtV7xuo" height="1" width="1"/>]]></content:encoded><description>El nombre del sitio nace de la idea de sus creadores de mantener la herramienta lo mas simple posible, haciendo que cualquiera pueda utilizarla sin ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/compartir-archivos-gratuitamente-con-minus/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/compartir-archivos-gratuitamente-con-minus/</feedburner:origLink></item><item><title>SpeakPipe: deja que tus visitantes dejen un mensaje de voz en tu web</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/9HvYJ0PCrTw/</link><category>Blog</category><category>Blogger</category><category>Desarrollo Web</category><category>Joomla</category><category>Jquery</category><category>Widget</category><category>Wordpress</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Thu, 23 Feb 2012 08:53:19 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1378</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Creo que muchos, en algún momento, quisieron dejar un mensaje de voz al editor de un blog o un sitio web. La verdad es que no se me había ocurrido buscar una herramienta así, pero luego de ver que<a href="http://thenextweb.com/apps/2012/01/30/receive-voice-messages-on-your-site-with-this-easy-to-use-tool/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+TheNextWeb+%28The+Next+Web+All+Stories%29" target="_blank"> alguien ya la creó </a>y puso a disposición una gran variedad de opciones para integrarla en sitios web, vale la pena compartirla.</p>
<p>Se trata de <strong>SpeakPipe</strong>, un <em>Widget</em> que podemos incrustar en nuestro sitio web y permitir que nuestros visitantes dejen mensajes de voz. Es sencillo de utilizar y no requiere conocimientos profundos de programación. Es compatible con las principales plataformas de publicaciones como Joomla, Tumblr, WordPress, Blogger y más. Mediante un código HTML que se ofrece luego de suscribirnos, vamos poder incrustar como un widget el botón para que se pueda permitir el envío de mensajes de voz.</p>
<p>Podemos personalizar el color del botón o incluso el texto que se mostrará y la posición. Cuando alguna persona decida dejar un mensaje de voz, el administrador recibe una notificación mediante correo electrónico.</p>
<p><img title="Speakpipe-Inbox" src="http://techtastico.com/files/2012/01/Speakpipe-Inbox.jpg" alt="" width="520" height="162" /></p>
<p>Enlace: <a href="https://www.speakpipe.com/" target="_blank">SpeakPipe</a> | <a href="http://thenextweb.com/apps/2012/01/30/receive-voice-messages-on-your-site-with-this-easy-to-use-tool/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+TheNextWeb+%28The+Next+Web+All+Stories%29" target="_blank">Vía</a></p>
<p>&nbsp;</p>
<p>fuente: http://techtastico.com/post/speakpipe-deja-que-tus-visitantes-dejen-un-mensaje-de-voz-en-tu-web/</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=9HvYJ0PCrTw:LJDKj6XMazQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=9HvYJ0PCrTw:LJDKj6XMazQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=9HvYJ0PCrTw:LJDKj6XMazQ:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=9HvYJ0PCrTw:LJDKj6XMazQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/9HvYJ0PCrTw" height="1" width="1"/>]]></content:encoded><description>Creo que muchos, en algún momento, quisieron dejar un mensaje de voz al editor de un blog o un sitio web. La verdad es que ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/speakpipe-deja-que-tus-visitantes-dejen-un-mensaje-de-voz-en-tu-web/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/speakpipe-deja-que-tus-visitantes-dejen-un-mensaje-de-voz-en-tu-web/</feedburner:origLink></item><item><title>Acciones animadas sobre botones con CSS3</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/0uaFlGm57W0/</link><category>CSS</category><category>CSS3</category><category>Desarrollo Web</category><category>Javascript</category><category>Jquery</category><category>Programación</category><category>Diseño Web</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Tue, 21 Feb 2012 08:09:54 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1376</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>He compartido ya algunos tutoriales para agregar animaciones en diferentes elementos de un diseño web, y les he explicado lo que sucede con la implementación de CSS3 y la compatibilidad con diferentes exploradores.</p>
<p>Tengan en cuenta siempre, antes de aplicar estas herramientas en los diseños, que probablemente pierdan efectos cuando se trasladen a exploradores antiguos. La idea detrás de estos efectos es ofrecer información sobre los botones, sin importar cuáles sean. En la demo verán que se utilizan iconos sociales, pero la realidad es que pueden ser reemplazados por otras opciones sin problemas.</p>
<p><img title="Acciones animadas sobre botones con CSS3" src="http://www.kabytes.com/wp-content/uploads/2012/02/Acciones-animadas-sobre-botones-con-CSS3.jpg" alt="Vista previa de animaciones sobre botones con CSS3" width="570" height="259" /></p>
<p>Descargar <a title="Código de acciones animadas sobre botones con CSS3" href="http://tympanus.net/codrops/2012/02/01/how-to-create-animated-tooltips-with-css3/" target="_blank">Animated Tooltips With CSS3</a> | Ver <a title="Demo de CSS3 Tooltips" href="http://tympanus.net/TipsTricks/CSS3Tooltips/" target="_blank">Demo</a> | <strong>Tympanus</strong></p>
<p>Verán todos los códigos competentes en el sitio, y pueden descargar el código para analizar y utilizar sin problemas. Pueden cambiar las imágenes y los textos que aparecen y elegir la forma en la que lo hacen, hay 4 opciones planteadas, pero si se animan pueden generar muchas más y quizás encontrar algunas más adecuadas a lo que están necesitando.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=0uaFlGm57W0:cfZTYfyJspo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=0uaFlGm57W0:cfZTYfyJspo:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=0uaFlGm57W0:cfZTYfyJspo:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=0uaFlGm57W0:cfZTYfyJspo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/0uaFlGm57W0" height="1" width="1"/>]]></content:encoded><description>He compartido ya algunos tutoriales para agregar animaciones en diferentes elementos de un diseño web, y les he explicado lo que sucede con la implementación ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/acciones-animadas-sobre-botones-con-css3/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/acciones-animadas-sobre-botones-con-css3/</feedburner:origLink></item><item><title>Elementos vectorizados para logos</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/kzl_AFrqRIk/</link><category>Diseño</category><category>Diseño Web</category><category>Photoshop</category><category>Logo</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Sun, 19 Feb 2012 08:00:10 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1374</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Teniendo en cuenta que un logo es la representación de una marca, debemos poner especial empeño en lograr nuestros propias creaciones en el momento que se nos contrata para realizar esta tarea. Obviamente se pueden buscar inspiraciones y en algunos casos, muy pocos hablando desde la experiencia, encontrarán que hay algún formato prediseñado que pueda representar una marca de forma ideal.</p>
<p>Lo que considero importante es siempre contar con opciones, aunque no es recomendable, quizás quieran armar un logo rápido y es allí cuando estos recursos entran en juego. Los comparto no solo porque creo que abarcan varias temáticas en un solo lugar sino porque creo que resultarían muy atractivos por su calidad.</p>
<p><img title="Elementos vectorizados para logos" src="http://www.kabytes.com/wp-content/uploads/2012/02/Elementos-vectorizados-para-logos.jpg" alt="Vista previa de logos vectorizados" width="570" height="260" /></p>
<p>Descargar <a title="Decoration Logo Templates" href="http://www.snap2objects.com/2012/02/02/free-decoration-logo-vector-template-elements/" target="_blank">Decoration Logo Templates</a> | <strong>Snap2Objects</strong></p>
<p>Obviamente, pueden modificarlos para que el resultado se adecue a lo que desean lograr, pero los invito a observarlos, descargarlos y analizarlos en profundidad ya que poseen formas muy ricas y bien logradas. Mi recomendación es que los usen como inspiración, pero si sienten y su ojo los ayuda a tomar la decisión de utilizarlos completamente, no creo que se equivoquen.</p>
<p>&nbsp;</p>
<p>Fuente: http://www.kabytes.com/diseno/elementos-vectorizados-para-logos</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=kzl_AFrqRIk:Hon54OPsG2U:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=kzl_AFrqRIk:Hon54OPsG2U:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=kzl_AFrqRIk:Hon54OPsG2U:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=kzl_AFrqRIk:Hon54OPsG2U:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/kzl_AFrqRIk" height="1" width="1"/>]]></content:encoded><description>Teniendo en cuenta que un logo es la representación de una marca, debemos poner especial empeño en lograr nuestros propias creaciones en el momento que ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/elementos-vectorizados-para-logos/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/elementos-vectorizados-para-logos/</feedburner:origLink></item><item><title>Fork: Gestor de contenidos gratuito, alternativa a WordPress</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/4XjsRPOEqTg/</link><category>Blog</category><category>CMS</category><category>Wordpress</category><category>Fork</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Fri, 17 Feb 2012 11:06:50 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1371</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><a title="Fork" href="http://www.fork-cms.com/" target="_blank">Fork</a> es un gestor de contenidos (CMS) de código abierto, muy sencillo y de fácil instalación. Desarrollado íntegramente utilizando PHP y MySQL, al igual que WordPress.</p>
<p>Fork cuenta con una comunidad pequeña que se encuentra continuamente trabajando en mejoras. Este CMS cuenta con una interface muy amigable, algo a destacar, y que puede ser diferenciador con respecto a WordPress, es que tiene un modulo integrado de marketing, en donde podemos visualizar la analítica vinculada al sitio, de forma muy simple y sin tener la necesidad de salir del tablero.</p>
<p>Este nuevo CMS tiene puntos muy similares a WordPress, por ejemplo podemos utilizar themes para cambiar fácilmente la apariencia de nuestro sitio, también cuenta con plugins para agregar funcionalidades al gestor. Factores interesantes y necesarios en cualquier sistema de gestión de contenidos de la actualidad.</p>
<p><img title="Gestor de contenidos gratuito alternativa a WordPress" src="http://www.kabytes.com/wp-content/uploads/2012/01/Gestor-de-contenidos-gratuito-alternativa-a-WordPress.jpg" alt="Gestor de contenidos gratuito alternativa a WordPress" width="570" height="425" /></p>
<p>Fork plantea un interesante desafío al intentar ser una alternativa al famoso WordPress. Honestamente creo que WordPress es superior, principalmente marca una clara diferencia cuando lo analizamos desde el punto de vista de la comunidad, WP hace años que existe y supo cosechar una gran audiencia, no obstante nunca vienen mal las alternativas.</p>
<p>Fork probablemente pueda encontrar un mercado interesante dentro de los CMS livianos para los usuarios que no necesitan tantas caracteristicas como las que brinda WordPress.</p>
<p>Web: <a title="Fork" href="http://www.fork-cms.com/" target="_blank">Fork</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=4XjsRPOEqTg:d4wk7zfT13Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=4XjsRPOEqTg:d4wk7zfT13Q:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=4XjsRPOEqTg:d4wk7zfT13Q:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=4XjsRPOEqTg:d4wk7zfT13Q:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/4XjsRPOEqTg" height="1" width="1"/>]]></content:encoded><description>&lt;a title="Fork" href="http://www.fork-cms.com/" target="_blank"&gt;Fork&lt;/a&gt; es un gestor de contenidos (CMS) de código abierto, muy sencillo y de fácil instalación. Desarrollado íntegramente utilizando PHP y MySQL, al ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/fork-gestor-de-contenidos-gratuito-alternativa-a-wordpress/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/fork-gestor-de-contenidos-gratuito-alternativa-a-wordpress/</feedburner:origLink></item><item><title>Tiny Scrollbar: la alternativa a jScrollPane para jQuery</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/QaONk_BGcEI/</link><category>Blog</category><category>Desarrollo Web</category><category>HTML</category><category>Jquery</category><category>alternativa</category><category>jScrollPane</category><category>Scrollbar</category><category>Tiny</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Thu, 16 Feb 2012 12:18:41 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1445</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><img class="alignnone" src="http://www.martiniglesias.eu/archivos/tiny-scrollbar-la-alternativa-a-jscrollpane-para-jquery.jpg" alt="" width="620" height="245" /><br />
Si lo que quieres es personalizar las barras de scroll de tu navegador o usar capas o elementos con scrollbars y que no sean las simples barras que incluyen los navegadores, Tiny Scrollbar es tu opción. Permite personalizar las barras de desplazamiento de los elementos de tu web con un script de tan solo 2.29 kb.</p>
<p>Tiny Scrollbar puede utilizarse para aplicar barras de desplazamiento a tu contenido. Fue construido usando la biblioteca jQuery. Es una herramienta dinámica, ligera que da a los diseñadores web una forma eficaz de mejorar una interfaz de usuario web.</p>
<p><strong>Características:</strong></p>
<blockquote>
<ul>
<li>Puede aplicarse un scroll vertical u horizontal<br />
Soporta el desplazamiento de la rueda del ratón, el pulgar, etc&#8230;<br />
Tiene una función de actualización por lo que pueden manejar los cambios de contenido (entiéndase cargar contenido mediante AJAX)<br />
Tamaño de la barra de desplazamiento y el pulgar se puede ajustar en auto o un número fijo<br />
Fácil de personalizar<br />
Ligero su sólo 100 líneas de código. mimified el tamaño es 2,29 KB</li>
</ul>
</blockquote>
<p>Para <a title="Tiny Scrollbar la alternativa a jScrollPane" href="http://baijs.nl/tinyscrollbar/" rel="nofollow" target="_blank">ver una demo, mejor la web del autor,</a> ya que están completas.</p>
<p><strong>Implementación</strong>:<br />
Es muy fácil, con 3 bloques de código, como los que aparecen a continuación, está todo resuelto.</p>
<h3>Código XHTML</h3>
<p><code><br />
< div id="scrollbar1"><br />
< div class="viewport"><br />
< div class="overview"><br />
< h3 >Magnis dis parturient montes< / h3><br />
< p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a ullamcorper massa bibendum at. Suspendisse potenti. In vestibulum enim orci, nec consequat turpis. Suspendisse sit amet tellus a quam volutpat porta. Mauris ornare augue ut diam tincidunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.< / p ></p>
<p>< p >Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque eget mauris libero. Nulla sit amet felis in sem posuere laoreet ut quis elit. Aenean mauris massa, pretium non bibendum eget, elementum sed nibh. Nulla ac felis et purus adipiscing rutrum. Pellentesque a bibendum sapien. Vivamus erat quam, gravida sed ultricies ac, scelerisque sed velit. Integer mollis urna sit amet ligula aliquam ac sodales arcu euismod. Fusce fermentum augue in nulla cursus non fermentum lorem semper. Quisque eu auctor lacus. Donec justo justo, mollis vel tempor vitae, consequat eget velit.< / p ></p>
<p>< p >Vivamus sed tellus quis orci dignissim scelerisque nec vitae est. Duis et elit ipsum. Aliquam pharetra auctor felis tempus tempor. Vivamus turpis dui, sollicitudin eget rhoncus in, luctus vel felis. Curabitur ultricies dictum justo at luctus. Nullam et quam et massa eleifend sollicitudin. Nulla mauris purus, sagittis id egestas eu, pellentesque et mi. Donec bibendum cursus nisi eget consequat. Nunc sit amet commodo metus. Integer consectetur lacus ac libero adipiscing ut tristique est viverra. Maecenas quam nibh, molestie nec pretium interdum, porta vitae magna. Maecenas at ligula eget neque imperdiet faucibus malesuada sed ipsum. Nulla auctor ligula sed nisl adipiscing vulputate. Curabitur ut ligula sed velit pharetra fringilla. Cras eu luctus est. Aliquam ac urna dui, eu rhoncus nibh. Nam id leo nisi, vel viverra nunc. Duis egestas pellentesque lectus, a placerat dolor egestas in. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vitae ipsum non est iaculis suscipit.< / p ></p>
<p>< h3 >Adipiscing risus< / h3 ><br />
< p >Quisque vel felis ligula. Cras viverra sapien auctor ante porta a tincidunt quam pulvinar. Nunc facilisis, enim id volutpat sodales, leo ipsum accumsan diam, eu adipiscing risus nisi eu quam. Ut in tortor vitae elit condimentum posuere vel et erat. Duis at fringilla dolor. Vivamus sem tellus, porttitor non imperdiet et, rutrum id nisl. Nunc semper facilisis porta. Curabitur ornare metus nec sapien molestie in mattis lorem ullamcorper. Ut congue, purus ac suscipit suscipit, magna diam sodales metus, tincidunt imperdiet diam odio non diam. Ut mollis lobortis vulputate. Nam tortor tortor, dictum sit amet porttitor sit amet, faucibus eu sem. Curabitur aliquam nisl sed est semper a fringilla velit porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum in sapien id nulla volutpat sodales ac bibendum magna. Cras sollicitudin, massa at sodales sodales, lacus tortor vestibulum massa, eu consequat dui nulla et ipsum.< / p ></p>
<p>< p >Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. Aliquam convallis, nunc non laoreet mollis, neque est mattis nisl, nec accumsan velit nunc ut arcu. Donec quis est mauris, eu auctor nulla. Fusce leo diam, tempus a varius sit amet, auctor ac metus. Nam turpis nulla, fermentum in rhoncus et, auctor id sem. Aliquam id libero eu neque elementum lobortis nec et odio.< / p ></p>
<p>< / div ><br />
< / div ><br />
< / div ></code></p>
<h3>Código CSS</h3>
<p><code>#scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }<br />
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }<br />
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }<br />
#scrollbar1 .thumb .end,<br />
#scrollbar1 .thumb { background-color: #003D5D; }<br />
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }<br />
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }<br />
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }<br />
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }<br />
#scrollbar1 .disable{ display: none; }</code></p>
<h3>Código JAVASCRIPT</h3>
<p><code>< script type = " text/javascript "><br />
        $(document).ready(function(){</p>
<p>                $('#scrollbar1').tinyscrollbar();</p>
<p>        });</p>
<p>/* PARA CARCAR CONTENIDO DINAMICO */<br />
var oScrollbar5 = $('#scrollbar5');<br />
oScrollbar5.tinyscrollbar();<br />
//some operation that changes content...<br />
oScrollbar5.update();</p>
<p>< / script ></code></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=QaONk_BGcEI:rE7ENYKb0cY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=QaONk_BGcEI:rE7ENYKb0cY:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=QaONk_BGcEI:rE7ENYKb0cY:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=QaONk_BGcEI:rE7ENYKb0cY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/QaONk_BGcEI" height="1" width="1"/>]]></content:encoded><description>Si lo que quieres es personalizar las barras de scroll de tu navegador o usar capas o elementos con scrollbars y que no sean las ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/tiny-scrollbar-la-alternativa-a-jscrollpane-para-jquery/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/tiny-scrollbar-la-alternativa-a-jscrollpane-para-jquery/</feedburner:origLink></item><item><title>Iconos sociales sobre madera</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/eHU0zCT3ICw/</link><category>Diseño Web</category><category>Iconos</category><category>Photoshop</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Wed, 15 Feb 2012 11:05:28 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1369</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Si creían que tenían todas las opciones de íconos sociales disponibles, pues estoy segura que estos no los han visto aún, y es porque hay quienes se dedican a generar nuevos paquetes sumamente creativos, originales y sobre todo, atractivos.</p>
<p>La forma que poseen estos íconos me remite al uso de herramientas oriental, la madera redondeada y su color, combinada con elementos tan modernos como pueden resultar los íconos de redes sociales y sus llamativos colores, creo que forman una pareja perfecta.</p>
<p><img title="Iconos sociales sobre madera" src="http://www.kabytes.com/wp-content/uploads/2012/01/Iconos-sociales-sobre-madera.jpg" alt="Vista previa de íconos sociales ubicados sobre maderas" width="570" height="671" /></p>
<p>Descargar <a title="PixEden" href="http://www.pixeden.com/social-icons/wood-social-icons-set-vol-1" target="_blank">Wood Social Icons</a> | <strong>PixEden</strong></p>
<p>Esteticamente se destacan por si mismos y se puede observar a simple vista que su calidad es impecable. Su uso, como en casi todos los casos, es una buena forma de atraer la vista hacia aquellos perfiles que deseamos promocionar.</p>
<p>Este paquete contiene 14 íconos en formato .png de 64x64px y promete una segunda versión con más opciones.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=eHU0zCT3ICw:xo4NPGG5Yx8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=eHU0zCT3ICw:xo4NPGG5Yx8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=eHU0zCT3ICw:xo4NPGG5Yx8:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=eHU0zCT3ICw:xo4NPGG5Yx8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/eHU0zCT3ICw" height="1" width="1"/>]]></content:encoded><description>Si creían que tenían todas las opciones de íconos sociales disponibles, pues estoy segura que estos no los han visto aún, y es porque hay ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/iconos-sociales-sobre-madera/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/iconos-sociales-sobre-madera/</feedburner:origLink></item><item><title>Dead Stocker: plantilla para sitio de indumentaria en PSD</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/CDplTRwAVrk/</link><category>Blog</category><category>Diseño Web</category><category>Photoshop</category><category>Diseño</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Mon, 13 Feb 2012 11:03:35 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1367</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Hace algún tiempo les comentaba sobre E-Style, una plantilla para blog de modas en PSD que si bien cubría las necesidades básicas de forma satisfactoria, no poseía un gran diseño en general o por lo menos nada demasiado destacable. Hoy me encontré con otra opción con elementos un más modernos y originales.</p>
<p>Verán que el diseño completo si bien es armónico, está elaborado para contener una gran cantidad de información, destacando fotografías y títulos principales la combinación de colores hace que quizás el header se despegue del contenido, pero al estar elaborada en Photoshop, cualquier paleta que tengan en mente puede ser aplicada sobre el template.</p>
<p><img title="Dead Stocker: plantilla para sitio de indumentaria en PSD" src="http://www.kabytes.com/wp-content/uploads/2012/01/Dead-Stocker-plantilla-para-sitio-de-indumentaria-en-PSD.jpg" alt="Vista previa de plantilla para modas Dead Stocker" width="570" height="655" /></p>
<p>Descargar <a title="Dead Stocker" href="http://designmodo.com/dead-stocker/" target="_blank">Dead Stocker</a> | <strong>DesignModo</strong></p>
<p>La plantilla se encuentra diseñada en formato .psd para Photoshop en capas divididas y puede editarse completamente para incluir las opciones deseadas en los menúes y textos. Un excelente diseño con menúes varios y sobre todo gran destaque de fotografías que a fin de cuentas es lo importante en un sitio de modas.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=CDplTRwAVrk:uHNMqAfzyrA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=CDplTRwAVrk:uHNMqAfzyrA:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=CDplTRwAVrk:uHNMqAfzyrA:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=CDplTRwAVrk:uHNMqAfzyrA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/CDplTRwAVrk" height="1" width="1"/>]]></content:encoded><description>Hace algún tiempo les comentaba sobre E-Style, una plantilla para blog de modas en PSD que si bien cubría las necesidades básicas de forma satisfactoria, no poseía ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/dead-stocker-plantilla-para-sitio-de-indumentaria-en-psd/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/dead-stocker-plantilla-para-sitio-de-indumentaria-en-psd/</feedburner:origLink></item><item><title>Slider de imágenes con etiquetas estilo acordeón con jQuery</title><link>http://feedproxy.google.com/~r/Miracle_Design/~3/uijTVATyydQ/</link><category>Desarrollo Web</category><category>Javascript</category><category>Jquery</category><category>acordeón</category><category>estilo</category><category>etiquetas</category><category>imágenes</category><category>Slider</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">info@miracledesign.com</dc:creator><pubDate>Sat, 11 Feb 2012 10:59:54 PST</pubDate><guid isPermaLink="false">http://www.miracledesign.com.ar/?p=1363</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><a title="liteAccordion" href="http://nicolahibbert.com/demo/liteAccordion/" target="_blank">LiteAccordion</a> es un pequeño y atractivo plugin para jQuery para la creación de sliders animados. Combina la disposición estilo acordeón, utilizando para ello unas hermosas etiquetas marcando la transición entre las distintas dispositivas. A su vez utiliza el clásico esquema HTML basado en listas anidadas para la estructura básica del visor.</p>
<p>LittleAcordeon hace perfecto honor a su nombre, siendo un slider que pesa apenas 4 KB en su versión normal, y sorprende con el peso de su versión simplificada que tiene un tamaño inferior a los 1.6 KB, increíble.</p>
<p>Si bien la idea inicial del creador era utilizar este slider solo para imágenes, es importante aclarar que puede ser utilizado con otros archivos, por ejemplo textos, vídeos, o bien cualquier elemento que coloquemos dentro de las divs utilizadas en su estructura esqueleto.</p>
<p><img title="slider estilo acorderon con etiquetas jQuery" src="http://www.kabytes.com/wp-content/uploads/2012/01/slider-estilo-acorderon-con-etiquetas-jQuery.jpg" alt="slider estilo acorderon con etiquetas jQuery" width="570" height="219" /></p>
<p>Inicialmente el plugin muestra un slider de 960px de ancho, esto puede ser fácilmente modificado mediante parámetros de configuración a la hora de inicializar el plugin, ademas de obviamente unas pocas lineas en las hojas de estilo.</p>
<h2>Ejemplo de uso:</h2>
<blockquote>
<pre>$('#slider').liteAccordion({
        onTriggerSlide : function() {
            this.find('figcaption').<wbr>fadeOut(); }, onSlideAnimComplete : function() { this.find('figcaption').<wbr>fadeIn(); }, autoPlay : true, pauseOnHover : true, theme : 'stitch', rounded : true, enumerateSlides : true }).find('figcaption:first').<wbr>show();</wbr></wbr></wbr></pre>
</blockquote>
<p>Actualmente el slider esta probado en las ultimas versiones de los navegadores más populares, eso incluye Firefox, Chrome, Safari y Opera, tanto en Windows 7 y OSX. El navegador que no es soportado, y como muchos están sospechando, es el Internet Explorer 6.</p>
<p>Utilizar este plugin es gratuito tanto en sitios personales, como comerciales, el autor aclara que no desea, ni tiene planeado, vender este plugin, aunque no desprecia ningún tipo de donaciones o contribuciones con el proyecto <img src="http://www.kabytes.com/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" /></p>
<p>No olviden visitar la <a title="Demo" href="http://nicolahibbert.com/demo/liteAccordion/" target="_blank">demostración online</a>, de paso pueden leer un poco más acerca de las opciones disponibles a la hora de configurar este fantástico plugin.</p>
<p>Web: <a title="liteAccordion" href="http://nicolahibbert.com/demo/liteAccordion/" target="_blank">liteAccordion</a></p>
<p><img src="http://feeds.feedburner.com/~r/kabytes/~4/gG3ayOjpj08?utm_source=feedburner&amp;utm_medium=email" alt="" width="1" height="1" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=uijTVATyydQ:uWR0p6bzGJQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=uijTVATyydQ:uWR0p6bzGJQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?i=uijTVATyydQ:uWR0p6bzGJQ:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Miracle_Design?a=uijTVATyydQ:uWR0p6bzGJQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Miracle_Design?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Miracle_Design/~4/uijTVATyydQ" height="1" width="1"/>]]></content:encoded><description>&lt;a title="liteAccordion" href="http://nicolahibbert.com/demo/liteAccordion/" target="_blank"&gt;LiteAccordion&lt;/a&gt; es un pequeño y atractivo plugin para jQuery para la creación de sliders animados. Combina la disposición estilo acordeón, utilizando para ello ...</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.miracledesign.com.ar/slider-de-imagenes-con-etiquetas-estilo-acordeon-con-jquery/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.miracledesign.com.ar/slider-de-imagenes-con-etiquetas-estilo-acordeon-con-jquery/</feedburner:origLink></item><copyright>Miracle Design especialistas en desarrollo y diseño web. Desarrollo de aplicaciones web, Seguridad informatica en Argentina.</copyright><media:rating>nonadult</media:rating><media:description type="plain">Miracle Design</media:description></channel></rss>

