<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>dzign.us</title>
<link href="http://www.dzign.us"></link>
<id>urn:uuid:d7679278-6ce3-f4b2-4517-0c9ba0e70686</id>
<updated>2012-05-18T11:05:54-03:00</updated>
<author><name>Leandro D&#039;Onofrio</name>
</author>
<entry>
<title>iPhone / iPad: Aviso para añadir una página al homescreen</title>
<updated>2012-05-08T12:49:38-03:00</updated>
<link href="http://cubiq.org/add-to-home-screen"></link>
<id>urn:uuid:6b572f4f-cacb-cdc3-f65a-c142dd67f7a8</id>
<summary type="html"><![CDATA[
<p><a href='http://cubiq.org/add-to-home-screen'><img src='http://www.dzign.us/images/m/add-to-homescreen-screen.png' title='iPhone / iPad: Aviso para añadir una página al homescreen' alt'iPhone / iPad: Aviso para añadir una página al homescreen' width='500' /></a></p><p>Para iPhone/iPad, un script que <strong>permite agregar un aviso para añadir una web/app a la pantalla de inicio</strong> del usuario.</p>]]></summary>
</entry>
<entry>
<title>Twitter Bootstrap para Compass</title>
<updated>2012-05-07T20:24:58-03:00</updated>
<link href="https://github.com/vwall/compass-twitter-bootstrap"></link>
<id>urn:uuid:2ba9a14a-d5b5-736d-8a94-7fbd06fc89df</id>
<summary type="html"><![CDATA[
<p><a href='https://github.com/vwall/compass-twitter-bootstrap'><img src='http://www.dzign.us/images/m/compass-twitter-bootstrap.gif' title='Twitter Bootstrap para Compass' alt'Twitter Bootstrap para Compass' width='500' /></a></p><p>Vieron que <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> esta basado en <a href="http://lesscss.org/">Less</a>. Bueno, si quieren utilizarlo con Sass/Compass, <a href="https://github.com/vwall/compass-twitter-bootstrap">existe un plugin</a> que permite hacerlo de forma sencilla, de forma tal que, una vez instalada la gema podemos utilizar el framework completo:</p>

<pre>
@import &quot;compass_twitter_bootstrap&quot;;
</pre>

<p>o sólo algunas características:</p>

<pre>
@import &quot;compass_twitter_bootstrap/variables&quot;;
@import &quot;compass_twitter_bootstrap/mixins&quot;;
@import &quot;compass_twitter_bootstrap/buttons&quot;;
</pre>
]]></summary>
</entry>
<entry>
<title>Efecto de dobles de hojas de papel con CSS3</title>
<updated>2012-05-06T20:36:04-03:00</updated>
<link href="http://developer.mozilla.org/en-US/demos/detail/paperfold-css"></link>
<id>urn:uuid:59526318-33de-37a3-0b36-04d77c320d61</id>
<summary type="html"><![CDATA[
<p><a href='http://developer.mozilla.org/en-US/demos/detail/paperfold-css'><img src='http://www.dzign.us/images/m/dobles-papel-css3.gif' title='Efecto de dobles de hojas de papel con CSS3' alt'Efecto de dobles de hojas de papel con CSS3' width='500' /></a></p><p>Muy buena demostración para crear un <a href="http://developer.mozilla.org/en-US/demos/detail/paperfold-css">efecto de dobles de papel con CSS3</a>, pero sobre todo, excelente el contexto en donde esta implementado.</p>]]></summary>
</entry>
<entry>
<title>Fab Ciraolo</title>
<updated>2012-05-06T20:32:54-03:00</updated>
<link href="http://fabianciraolo.blogspot.com"></link>
<id>urn:uuid:7ed107b2-3921-f15a-b26e-94676ac3506f</id>
<summary type="html"><![CDATA[
<p><a href='http://fabianciraolo.blogspot.com'><img src='http://www.dzign.us/images/m/fab-ciraolo.jpg' title='Fab Ciraolo' alt'Fab Ciraolo' width='500' /></a></p>]]></summary>
</entry>
<entry>
<title>Diseño web sensible: Patrones de navegación</title>
<updated>2012-05-06T19:42:56-03:00</updated>
<link href="http://bradfrostweb.com/blog/web/responsive-nav-patterns/"></link>
<id>urn:uuid:7cdcd405-d2c0-1b41-830a-86985187622e</id>
<summary type="html"><![CDATA[
<p><a href='http://bradfrostweb.com/blog/web/responsive-nav-patterns/'><img src='http://www.dzign.us/images/m/patrones-navegacion-sensible.jpg' title='Diseño web sensible: Patrones de navegación' alt'Diseño web sensible: Patrones de navegación' width='500' /></a></p><p>Por si estamos arrancando un diseño sensible y necesitamos algunas ideas, <a href="http://bradfrostweb.com/blog/web/responsive-nav-patterns/">aquí una buena lista</a> de patrones de navegación, con sus pros y contras.</p>]]></summary>
</entry>
<entry>
<title>DocHub: Documentación para desarrolladores web en un mismo lugar</title>
<updated>2012-05-06T12:24:22-03:00</updated>
<link href="http://dochub.io/"></link>
<id>urn:uuid:1c618ec0-d999-18a7-bf4d-74a476f384d7</id>
<summary type="html"><![CDATA[
<p><a href='http://dochub.io/'><img src='http://www.dzign.us/images/m/dochub.gif' title='DocHub: Documentación para desarrolladores web en un mismo lugar' alt'DocHub: Documentación para desarrolladores web en un mismo lugar' width='500' /></a></p><p>Me gustó mucho <a href="http://dochub.io/">DocHub</a>, ya que <strong>permite buscar de forma sencilla y clara</strong> en la documentación de las especificaciones de CSS, HTML, JavaScript, DOM, sumando también las de jQuery, PHP y Python. Toda la información es sacada de los sitios oficiales o confiables.</p>

<p>Muy recomendado para tener guardado entre los marcadores.</p>]]></summary>
</entry>
<entry>
<title>Aprender CoffeeScript desde cero con Smooth CoffeeScript</title>
<updated>2012-05-06T10:10:28-03:00</updated>
<link href="http://autotelicum.github.com/Smooth-CoffeeScript/"></link>
<id>urn:uuid:722c4d86-e975-a6d7-b32b-f70587015efe</id>
<summary type="html"><![CDATA[
<p><a href='http://autotelicum.github.com/Smooth-CoffeeScript/'><img src='http://www.dzign.us/images/m/smooth-coffeescript.jpg' title='Aprender CoffeeScript desde cero con Smooth CoffeeScript' alt'Aprender CoffeeScript desde cero con Smooth CoffeeScript' width='500' /></a></p><p>Si tienes ganas de comenzar con CoffeeScript, te recomiendo <a href="http://autotelicum.github.com/Smooth-CoffeeScript/">Smooth CoffeeScript</a>, un e-book gratuito, bajo licencia Creative Commons, disponible también en <a href="http://autotelicum.github.com/Smooth-CoffeeScript/Smooth%20CoffeeScript%20Web%20Optimized.pdf">PDF</a>.</p>]]></summary>
</entry>
<entry>
<title>Workshop de Sass y Compass</title>
<updated>2012-05-05T22:24:46-03:00</updated>
<link href="http://dzignus.github.com/workshop-sass-compass/"></link>
<id>urn:uuid:850760bc-3701-1717-2208-c3bf5b63c105</id>
<summary type="html"><![CDATA[
<p><a href='http://dzignus.github.com/workshop-sass-compass/'><img src='http://www.dzign.us/images/m/sass-compass.gif' title='Workshop de Sass y Compass' alt'Workshop de Sass y Compass' width='500' /></a></p><p>Les comparto un <a href="http://dzignus.github.com/workshop-sass-compass/">Workshop sobre Sass y Compass</a> que estuve dando en Enero pasado.</p> 

<p>En más de 50 diapositivas explico cómo y porqué utilizar estas herramientas, instalación, requerimientos, conceptos básicos hasta temas más avanzados.</p>]]></summary>
</entry>
<entry>
<title>Patrones de diseño en JavaScript</title>
<updated>2012-05-05T18:50:16-03:00</updated>
<link href="http://www.dzign.us/c/patrones-js"></link>
<id>urn:uuid:60724c8b-ff1a-5a35-7fb9-2306a4232d99</id>
<summary type="html"><![CDATA[
<p><img src="http://www.dzign.us/images/o/patrones-js.jpg" alt="Patrones JavaScript" /></p>

<p><em>Module Revealed</em>, <em>Observer</em>, <em>Decorator</em>, <em>MVC</em>, <em>Singleton</em>... si no te suena ninguno de estos términos, te recomiendo una mirada a tres lugares muy interesantes para conocer o aprender nuevos patrones de diseño en JavaScript:</p>

<ul>
<li><a href="http://addyosmani.com/resources/essentialjsdesignpatterns/book/">Essential JavaScript & jQuery Design Patterns</a>: Un libro online muy recomendado para saber de que trata el asunto de los patrones, explicándolos de forma detallada, tanto en nivel código como en situaciones de uso.</li>
<li><a href="https://github.com/tcorral/Design-Patterns-in-Javascript">Design Patterns in Javascript</a>: Repositorio en GitHub con ejemplos finales de un gran número de patrones.</li>
<li><a href="https://github.com/shichuan/javascript-patterns">JavaScript Patterns</a>: Otro repositorio, más extenso que el anterior, ya que también incluye otro tipo de patrones para problemas varios.</li>
</ul>]]></summary>
</entry>
<entry>
<title>Animate.css, colección de animaciones CSS3</title>
<updated>2012-05-05T16:35:49-03:00</updated>
<link href="http://daneden.me/animate/"></link>
<id>urn:uuid:e9dcbfb5-516c-452d-6380-0364b0726194</id>
<summary type="html"><![CDATA[
<p><a href='http://daneden.me/animate/'><img src='http://www.dzign.us/images/m/animate.css.gif' title='Animate.css, colección de animaciones CSS3' alt'Animate.css, colección de animaciones CSS3' width='500' /></a></p><a href="http://daneden.me/animate/">Animate.css</a> es una colección de más de <strong>50 animaciones en CSS3</strong> listas para utilizar. Y si usan <strong>Compass</strong>, <a href="https://github.com/ericam/compass-animation">existe un plugin</a> para poder incorporar los efectos en cualquier proyecto.]]></summary>
</entry>
</feed>
