Category Archives: Programación
Crea diseños en bootstrap de manera visual y sencilla con 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
Enlace: layoutIt!
Aprende HTML, CSS y Javascript con 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
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
Enlace: Slide To Unlock
Descarga: Slide To Unlock (Zip)
Conviértete en un experto Hacker en sólo 1 minuto
Normalmente posteo tutoriales o cursos para aprender a programar, esta vez voy a compartir una página llamada HackerTyper para los más flojitos que ni si quiera se asoman a revisar un curso, pero que de la noche a la mañana quisieran ser expertos programadores como un Hacker, y con la codificación al estilo Matrix.
Se trata de un editor de código de programación donde uno puede presionar cualquier tecla y automáticamente aparece en la pantalla códigos bien elaborados y a una velocidad como un súper Hacker experto lo hiciera. Al entrar a la página presionar el botón “Hack” para empezar.
Así los flojitos podrán impresionar a sus amigos.
Enlace: HackerTyper
Vía: lockergnome.com
Aprendiendo a programar totalmente gratis
Para los que recién entran al mundo de la programación y no quieren gastar dinero en ir a un lugar para aprender a programar. Aquí les dejo una página donde encontraran 12 tipos de lenguajes de programación en video (en español) y muy fácil de aprender.
Aquí la lista de lenguajes:
Páginas web en HTML5.
JavaScript y jQuery.
CSS3.
Phyton.
PHP.
Java.
Ruby.
Ruby on Rails.
C++.
Git y Github.
Node.js.
Djando.
Anlace programando.la
Bootstrap versión 3 (rc1) disponible
Si estas programando en Twitter Bootstrap, entonces ya puedes actualizar tu versión a la 3 (RC1), esta versión viene con algunos cambios y nuevas características, más información en The v3 pull request donde está la lista completa de cambios y algunos consejos útiles de migración.
Enlace: Bootstrap 3
Vía: speckyboy
Los emoticonos más usados en Twitter, actualizados en tiempo real
Si tienes la curiosidad de cuantas veces se está utilizando un emoticono en Twitter, entonces entra a emojitracker.com donde aparecerá una grilla con los emoticonos mostrando el número en orden de mayor a menor uso. Si le das clic en cualquier celda veras los tweets más recientes con el emoticono elegido y en tiempo real. Cada vez que se incrementa el número de cada celda se pinta de color verde para dar vida a la grilla.
Los creadores de esta página están dejando las fuentes en github.
Enlce: emojitracker.com
Vía : Gizmodo
Facebook, tecnología y almacenamiento
fuente de la imagen: https://www.facebook.com/note.php?note_id=469716398919
Una de las cosas que me llamo la atención es la capacidad de almacenamiento de Facebook, imagínense 1000 millones de usuarios interactuando a la vez, generando una cantidad de información enorme cada segundo. Algunos investigadores estiman que Facebook tiene cerca de 180 mil servidores (hasta Agosto del 2012) y que cada millón de usuarios es administrado por un ingeniero, eso quiere decir que Facebook tendría sólo para administrar la data aproximadamente 1000 ingenieros.
fuente de la imagen: http://www.theredmenmovie.com/2011/10/facebook-data-centre.html
¿Cómo hace Facebook para notificar, almacenar y responder cada evento que genera un usuario?, bueno la respuesta no es tan sencilla, pero lo que se sabe es que Facebook ha migrado su forma de almacenar información a una base de datos no relacional, llamado NoSQL (“Not only SQL”) y que trabaja por intermedio de Cassandra, una base de datos de código abierto creado por el propio Facebook.
Este entorno de trabajo tiene dos características importantes, Dynamo (creado por Amazon) y BigTable (creado por Google), pudiendo acelerar la respuesta de consulta sobre un volumen enorme de información.
Gracias a esta tecnología de almacenamiento Facebook puede ser altamente escalable de manera horizontal, es por eso que puede implementar servidores para su almacenamiento de data sin perder la velocidad de respuesta.
Facebook ya cuenta con un centro de datos propio en Prineville Oregon, también alquila instalaciones de data center al norte de Virginia y en Silicon Valley.
La necesidad de guardar 350 millones de fotografías por día, y la optimización de gastos de energía ha llevado a Facebook descentralizar su almacenamiento, es por eso que hace poco acaban de abrir un centro de datos en Lulea Suecia (30000 metros cuadrados), el primero fuera de Estados Unidos, este lugar fue elegido por su clima frio y que casi nunca se corta el servicio eléctrico, según las estadísticas desde hace 30 años que no tienen ningún tipo de corte en Lulea. (fuente BBC Mundo).
Si Cassandra y Tornado son las herramientas que Facebook agradece por tenerlos en sus sistemas, aun no puede desligarse del todo con MySQL ya que gran parte de la integración aun depende de esta base de datos relacional.
Aquí les dejo una lista de tecnologías de software que utiliza Facebook (fuente alt1040.)
1. Linux
Aquí sería más preciso decir que se trata del ecosistema Linux, en particular de LAMP:Linux, el sistema operativo que administrar los recursos de cada servidor en Facebook,
Apache, el servidor de páginas web,
MySQL, el manejador de bases de datos, el que almacena de forma estructurada los datos de los usuarios,
Y PHP, el lenguaje de programación que automatiza la creación de páginas web.Facebook no sería posible sin Linux.
2. Cassandra
Y, ¿qué es lo que hace? Además de Facebook, sitios como Reddit y Twitter también usan Cassandra para almacenar los datos de los usuarios de forma estructurada y distribuida. Se dice que Cassandra pertenece a una segunda generación de bases de datos, a un paradigma llamado NoSQL. Facebook hizo público el código de Cassandra al tiempo que lo entregó a la comunidad Apache en el 2008.Facebook no podría escalar sin Cassandra.
3. Hive
Este es un proyecto auspiciado por la Fundación Apache. Entre sus varias funcionalidades destaca una fundamental para Facebook: el análisis de grandes conjuntos de datos sobre los cuales es posible inquirir, buscar información en ellos.Facebook no podría ofrecer su servicio de búsqueda sin Hive.
4. Thrift
Podría decirse que Thrift es un kit de herramientas, uno especializado en la interoperabilidad de lenguajes de programación. A través de Thrift Facebook ha combinado el uso de lenguajes tan distintos entre sí como C++, Java, Python, PHP, Ruby, Haskell, y más, a lo largo de todos sus equipos de desarrollo.Facebook no podría crear servicios de software a la velocidad que requiere sin la ayuda de Thrift.
5. Scribe
Lo que hace Scribe es muy sencillo: es un sistema de distribución y registro de mensajes en los servidores, tolerante a fallas y capaz de funcionar sobre una gran cantidad de equipos.Facebook gestiona con mayor facilidad sus miles de servidores gracias a Scribe.
6. HipHop for PHP
Este es uno de mis favoritos. La parte visible de Facebook está escrita en su mayoría con lenguaje PHP, por lo que su desempeño es crítico para todo el sistema. Siendo un lenguaje interpretado tiene limitaciones de desempeño que los lenguajes compilados no tienen. HipHop for PHP es un transformador de código PHP en código C++, por lo que el resultado es un software de igual funcionalidad, pero optimizado para un alto desempeño. De hecho, Facebook afirma que gracias a HipHop for PHP usa hasta 50% menos CPU que antes.Facebook sería más lento sin la ayuda de HipHop para PHP.
7. Tornado
Este es otro kit de herramientas de software, en este caso especializado en los servicios web escalables –es decir, los que crecen sin afectar el desempeño o las funciones del sistema–. En particular, es capaz de gestionar miles de conexiones web de forma simultánea y veloz. Está escrito en el lenguaje Python y su diseño está basado en el que tiene FriendFeed.Facebook no podría “sentirse” en tiempo real sin Tornado.
Esta información fue recopilada de varias fuentes que están enlazados dentro del post.
50 Plugins para Bootstrap
Si ya estas creando páginas en Bootstrap y necesitas integrar más funcionalidad a tu proyecto, entonces te dejo una lista de Plugins para Twitter Bootstrap que ha sido seleccionados por tutorialzine.com.
Datagrid, galerías, lightbox, diálogos, notificaciones, formularios, Switch, Markdown, Maxlength, Selectores, editor de texto, Wizard, validaciones, Upload file, autocompletar, selectores de fecha, hora y colores, tablas, paginación, preview, tab drop, etc.
Enlace: tutorialzine.com