VideoTutorial sobre Zen Coding: La manera mas veloz de escribir código HTML

Zen Coding es un plugin que esta disponible para muchos entornos y IDEs de desarrollos. Como Notepad++, NetBeans, Eclipse, TextMate, Aptana, Zend Studio, Dreamweaver, Sublime Text 2, UltraEdit, etc..

El cual con solo escribir esto:
div#page>div.logo+ul#navigation>li*5>a


Optenes un código como este:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>


Para en este vídeo tutorial hay mas detalles y otras combinaciones


Sitio Oficial de Zed Coding

SimpleLess es un estupenda aplicación para compilar archivos LESS a formato CSS

SimpleLess es una estupenda aplicación para Windows, Linux y Mac la que nos permite por medio de Arrastrar y Solta o por medio de un directorio que contenga archivos *.less compilarlo en el mismo directorio cada ver que detecta que se guarda los cambios sobre el archivo *.less y lo compila en *.css bien optimizado. Y todo de manera gratuita ;)


Resulta de un archivo *.less a *.css

Link al sitio Oficial SimpleLEES

Mejorar el aspecto del reproducto de Youtube para insertar video en nuestros sitios webs

Una forma mas elegante de insertar videos de youtube, sin que muestre los controladores ni el icono de play, solo muertes un logito de youtube 3 segundos y se oculta.


Lo importante del código es estos parámetros 


"version=3&feature=player_detailpage&showinfo=0&rel=0&controls=0&theme=light"

Hurl.it para consumir a modo tenting WebServer, REST, etc..

Hurl.it, es un recurso online para poder testiar, o jugar con WebServer, REST, etc.. de manera simple y rapida y es total mente gratis.

Masonry Plugin Jquery - Te permite tener el mismo efecto de google plus en la galeria de fotos

Con Masonry podes tener el mismo efecto de google plus en la galeria de fotos, donde las fotos se redimencionan para no dejar espacios en blanco como se muestra en la imagen de arriba.


Link: masonry.desandro.com
Demo: Demo Imagenes