Crea diseños en bootstrap de manera visual y sencilla con LayoutIt!

layoutit

La programación en Bootstrap nos ayuda acelerar los tiempos en diseño para cualquier proyecto siempre y cuando conozcamos las clases correctas para cada elemento. Aun así dependemos de un editor de programación. Pero se imaginan armar páginas web tan sólo arrastrando los elementos hacia una plantilla web y tener una vista real del diseño. Bueno esto es posible con layoutit.com, que nos da un servicio de edición visual y generar el código HTML, CSS y javascript automáticamente listo para bajarlo en un zipeado. Para empezar a utilizar este servicio sólo tienes que registrarte con un correo electrónico y password o con alguna cuenta de red social.


video
Crea diseños en bootstrap de manera visual y sencilla con LayoutIt!

Enlace: layoutIt!

Aprende HTML, CSS y Javascript con Dash

dash

Si quieres aprender a programar en HTML, CSS y Javascript totalmente gratis y sin instalar entornos de programación en tu PC, entonces entra a dash.generalassemb sólo con tu cuenta de Twitter, donde encontraras proyectos para desarrollar como “vamos a crear nuestro primero sitio web”, “vamos a diseñar un tema de un blog que se adapte a dispositivos móviles”, “creemos una web para un pequeño negocio” o “construyamos un robot con css”. Por ahora está enfocado más por el lado del cliente, esperemos que pronto incorporen lenguajes del lado del servidor.


video
Introducing General Assembly Dash

Enlace: Dash
Vía: wwwhatsnew

El “Slide To Unlock” para Web con Javescript

El deslizador de desbloqueo del iPhone ahora desarrollado en Javascript y listo para usarlo en cualquier sitio Web.

clic en la imagen para ver el demo
slidetounlock

Enlace: Slide To Unlock
Descarga: Slide To Unlock (Zip)

Crear gráficos con HTML5 y JavaScript

Los gráficos estadísticos en la web son cada vez más atractivos, menos pesados para el cliente y están preparados para los nuevos navegadores. Hay dos servicios interesantes sobre este tema que veremos.

grafico0

La primera es Highcharts, una librería de gráficos escrito en HTML5 y Javascripst Puro, ofreciendo gráficos interactivos listos para usarlos en nuestros proyectos web. Se podrá interactuar con gráficos tipo lineal, áreas, columnas, barras, pie, patrones angulares, rangos, burbujas, diagrama de cajas, embudo, polares, etc. Cuenta con documentación y ejemplos.

grafico1

La segunda es Chart.js al igual que la anterior su presentación es animada y tiene 6 tipos de gráficos, línea, barra, radar, pie, polar y rosquilla.

grafico2

Esta librería aprovecha el novedoso componente canvas de HTML5, lo cual garantiza un pintado dinámico en la web. También cuenta con documentación y ejemplos para cada tipo de gráfico.

grafico3

Enlaces: Highcharts Chart.js