urn:uuid:c6cbca8e-1adc-9e37-a6f9-2b1f962474d9 2012-05-28T10:35:21-03:00 Leandro D'Onofrio Colección de artículos, recursos, enlaces y cosas interesantes sobre HTML, CSS, JS, PHP y Diseño Gráfico.leandonohttp://feedburner.google.com 2012-05-25T15:42:37-03:00 urn:uuid:5ad2077b-a632-2bc2-8069-9f54d28fc860 <p><a href='https://developer.mozilla.org/es/demos/detail/3d-flip-list-menu/launch'><img src='http://dzign.us/images/m/menu-3d-css3.gif' title='Efecto 3D en menú desplegable con CSS3' alt'Efecto 3D en menú desplegable con CSS3' width='500' /></a></p><p><a href="https://developer.mozilla.org/es/demos/detail/3d-flip-list-menu/launch">Muy buena implementación</a> de la propiedad CSS3 <a href="https://developer.mozilla.org/en/CSS/transform">transform</a> para crear un <strong>efecto 3D en un menú desplegable</strong>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=4NCoYS04iXo:0J0OzLL5Yz8:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/4NCoYS04iXo" height="1" width="1"/>https://developer.mozilla.org/es/demos/detail/3d-flip-list-menu/launch 2012-05-24T19:34:01-03:00 urn:uuid:aa2aa741-cc7a-df6a-1201-60cdf0061f61 <p><a href='http://beautifuldocs.com/'><img src='http://dzign.us/images/m/beautiful-docs.gif' title='Beautiful docs' alt'Beautiful docs' width='500' /></a></p><p>Si utilizas <a href="http://daringfireball.net/projects/markdown/">markdown</a> para mantener la documentación de tu proyecto, <a href="http://beautifuldocs.com/">Beautiful docs</a> te va a interesar, ya que <strong>permite generar un mini sitio para visualizar la documentación</strong> de manera más cómoda.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=bMMh1YynWUE:-om-KExj17k:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/bMMh1YynWUE" height="1" width="1"/>http://beautifuldocs.com/ 2012-05-24T17:10:56-03:00 urn:uuid:ce1188ca-caa3-f1e5-caa1-f8ac827168b4 <p><a href='https://github.com/samcollins/css-social-buttons/'><img src='http://dzign.us/images/m/zocial-css3.jpg' title='Zocial: Botones CSS3 de las principales redes sociales' alt'Zocial: Botones CSS3 de las principales redes sociales' width='500' /></a></p><p><a href="http://zocial.smcllns.com/">Agradable set de botones CSS3</a> sobre las principales redes sociales.</p> <p><strong>¿Lo mejor?</strong> Para mostrar los logos de cada sitio <strong>no se utiliza ninguna imagen</strong>: todas se encuentran contenidas en una fuente tipográfica, permitiendo también que los botones sean 100% escalables, sin perder calidad.</p> <p>Y por si fuera poco, también estan <a href="https://github.com/adamstac/zocial">disponibles como extensión para Compass</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=mL_Ecfx1ffA:o6X6jlRIyRM:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/mL_Ecfx1ffA" height="1" width="1"/>https://github.com/samcollins/css-social-buttons/ 2012-05-24T08:53:54-03:00 urn:uuid:781e98c2-d033-66be-289a-4f9ab77e43f4 <p><a href='http://tommoor.github.com/tinycon/'><img src='http://dzign.us/images/m/tinycon.png' title='Tinycon: Mensajes de alerta en el favicon' alt'Tinycon: Mensajes de alerta en el favicon' width='500' /></a></p><p><a href="http://tommoor.github.com/tinycon/">Un pequeño script</a> que permite añadir mensajes en el favicon, ideal para aplicaciones que trabajan en segundo plano.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=IKuYybS17_Y:-a-czMYmWEU:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/IKuYybS17_Y" height="1" width="1"/>http://tommoor.github.com/tinycon/ 2012-05-23T17:41:08-03:00 urn:uuid:130c7200-3524-ea2a-4b30-693124969e56 <p><a href='http://www.browsersupport.net/'><img src='http://dzign.us/images/m/browser-support.gif' title='Browser Support: Buscador de compatilidad CSS entre navegadores' alt'Browser Support: Buscador de compatilidad CSS entre navegadores' width='500' /></a></p><p>Para cuando no estamos seguros si utilizar algún estilo CSS: <a href="http://www.browsersupport.net/">Browser Support</a> es un sitio que permite <strong>buscar e indagar el soporte de propiedades CSS entre diferentes navegadores web</strong>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=lNfVboSHSiA:CSii7t5HnfA:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/lNfVboSHSiA" height="1" width="1"/>http://www.browsersupport.net/ 2012-05-23T13:51:25-03:00 urn:uuid:1fb8a4c7-5dd8-f92d-28ae-7b55bee87b17 <p><a href='http://www.emailology.org/'><img src='http://dzign.us/images/m/emailology.jpg' title='Emailology: Tips y trucos para crear diseños para emails' alt'Emailology: Tips y trucos para crear diseños para emails' width='500' /></a></p><p>Quien haya realizado un <strong>diseño para emails</strong>, sabrá que es un mundo aparte, ya que cada cliente de correo/webmail tiene sus peculiaridades. <a href="http://www.emailology.org/">Emailology</a> es un sitio que recopila varios recursos para la creación de este tipo de diseños.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=ENOSn7I3DVw:RhEDDoS9rjE:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/ENOSn7I3DVw" height="1" width="1"/>http://www.emailology.org/ 2012-05-23T11:56:34-03:00 urn:uuid:35eb6b68-a872-79ac-df2a-ba572e5119b1 <p><a href='http://cykod.github.com/CoderDeck/'><img src='http://dzign.us/images/m/coderdeck.gif' title='CoderDeck: Para crear presentaciones con código interactivo' alt'CoderDeck: Para crear presentaciones con código interactivo' width='500' /></a></p><p>Si estas creando una workshop y necesitas mostrar ejemplos de código en vivo, <a href="http://cykod.github.com/CoderDeck/">CoderDeck puede servirte</a>, ya que <strong>permite crear presentaciones y ejecutar trozos de código en el instante</strong>. Incluso tiene soporte para <a href="https://gist.github.com/">Gists</a>. </p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=u7U9JWTEDqk:qKwxxttNL7c:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/u7U9JWTEDqk" height="1" width="1"/>http://cykod.github.com/CoderDeck/ 2012-05-22T19:40:48-03:00 urn:uuid:8be795c6-eb84-8ff6-6334-395c46c4e49c <p><a href='https://github.com/kicksend/mailcheck'><img src='http://dzign.us/images/m/mailcheck.png' title='Mailcheck: sugerencias para corregir direcciones de correo mal escritas' alt'Mailcheck: sugerencias para corregir direcciones de correo mal escritas' width='500' /></a></p><p>Me gustó mucho la idea de <a href="https://github.com/kicksend/mailcheck">Mailcheck</a>, un plugin para jQuery que permite <strong>sugerir correcciones cuando detecta que el usuario escribió mal su dirección de correo electrónico</strong>, ideal para formularios de registración.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=mvb9Xi1d-BI:rokaXPjz1wY:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/mvb9Xi1d-BI" height="1" width="1"/>https://github.com/kicksend/mailcheck 2012-05-22T15:10:44-03:00 urn:uuid:13bc0acf-ec82-060a-fc5d-a1aa2f9440c6 <p><a href='http://stitchcss.com/'><img src='http://dzign.us/images/m/stitch-compass.gif' title='Stitch: Patrones CSS para extender a Compass' alt'Stitch: Patrones CSS para extender a Compass' width='500' /></a></p><p><a href="http://stitchcss.com/">Stitch</a> es una extensión para Compass que otorga la posibilidad de utilizar <strong>un gran número de patrones y utilidades CSS</strong> para diferentes situaciones.</p> <p>Algunos ejemplos:</p> <pre> @import 'stitch/patterns' // Habilitar la aceleración por hardware para las animaciones @include enable-hardware-acceleration // Utilización del guión ortográfico: https://developer.mozilla.org/en/CSS/hyphens @include hyphen(none); // Crear columnas: https://developer.mozilla.org/en/CSS/columns @include text-columns(2,20px); </pre> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=AHqxQmQeDk8:-7GNPl-HC5I:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/AHqxQmQeDk8" height="1" width="1"/>http://stitchcss.com/ 2012-05-22T09:37:52-03:00 urn:uuid:f5ef87cc-3790-3d44-834c-56fe6507ed53 <p><a href='http://realistcomics.blogspot.com.ar/2012/05/why-i-quit.html'><img src='http://dzign.us/images/m/likecoholico.jpg' title='Likecoholic' alt'Likecoholic' width='500' /></a></p><p>Por <a href="http://realistcomics.blogspot.com">Asaf Hanuka</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/leandono?a=sAwezVLQ-hA:4qicr8Zku24:fVoMNS6UJ5A"><img src="http://feeds.feedburner.com/~ff/leandono?d=fVoMNS6UJ5A" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/leandono/~4/sAwezVLQ-hA" height="1" width="1"/>http://realistcomics.blogspot.com.ar/2012/05/why-i-quit.html