Chuleta de comandos para Git

por

Git es el popular sistema de control de versiones creado por Linus Torvalds, actualmente es utilizado por millones y millones de desarrolladores independientes, empresas y startups alrededor del mundo para tener un control más organizado sobre el código de sus respectivos software, aplicaciones o productos.

Ha sido tal el crecimiento de Git en la comunidad de desarrolladores en el mundo que existe Github, una red social de código basado en Git, la red social hace más fácil la colaboración entre los desarrolladores, la revisión del código y la discusión sobre el mismo.

La forma original de utilizar Git ha sido a través de la consola, pero actualmente ya hay disponibles varias aplicaciones gráficas para utilizar, aún así, si tienes mucha experiencia con la consola y prefieres un buen fondo negro con letras verdes te dejo está chuleta de comandos de Git, en ella están todos los comandos disponibles de Git y su significado, así no volverás a tener dudas cuando estés trabajando con Git en tu proyecto de desarrollo.


cheat-sheet-large01

Vía: Tower

Muestra memes en la consola de Chrome [Desarroladores]

por

6-30-2013 12-38-08 PM

Si eres un programador con un buen sentido del humor, y seguro lo eres, te encantará este pequeño script creado por Adrian Cooney.

Se trata de console.image, una sencillisima librería de JavaScript que permite mostrar memes en la consola de Google Chrome, extendiendo la utilidad console que trae por defecto Google Chrome y con la cual se puede hacer debugging de forma sencilla.

En este momento soporta más de 100 memes diferentes a los cuales se les puede especificar el texto superior y el texto inferior y hasta el tamaño de la imagen.

Su uso es muy sencillo, solo basta con importar el script a nuestro documento HTML y luego ejecutarlo: 

<script src="console.image.js" type="text/javascript"></script>
<script type="text/javascript">
console.image("http://i.imgur.com/oGiMR.gif");
</script>

Si, la librería no tiene una gran utilidad, pero sirve para jugar alguna broma o un juego de imágenes con tus compañeros programadores, tu imaginación y tu sentido del humor si la van a utilizar mucho.

console.image

Si los logos dijeran la verdad de sus productos y servicios

por

logos-dijeran-la-verdad

 

Si los logos de empresas y marcas famosas dijeran la verdad sobre sus productos o servicios será algo así (de izquierda a derecha):

  • Películas muy cursis.
  • Ningún niño quiere más nuestros teléfonos.
  • Televisión para tontos.
  • Nada para hacer.
  • Funcionará por momentos.
  • Formando cuerpos gordos.
  • Información nerd.
  • Ya no hay más lugar para nosotros.
  • Vomito absoluto.
  • Vídeos de gato.
  • Juguetes de adultos.
  • Combinaciones de bombas azucaradas.
  • McDiabetes
  • Procrastinación
  • Desperdicio de dinero.
  • La apariencia cuesta.

¿Creen que es la verdad o una mala idea?

InK: Completo set de elementos para crear interfaces web

por

6-29-2013 5-40-42 PM

Desarrollar una aplicación, plataforma o sitio web desde cero, o en inglés, desde scratch, es algo tremendamente complicado que requiere muchísimo esfuerzo, disciplina y conocimiento, y que necesita un gran equipo de trabajo que crean en lo que estén desarrollando, que tengan las ganas de hacerlo y la relación correcta con el resto del equipo para lograrlo.

Regresando al código, la creación de interfaces es un proceso que nunca termina, definir los colores, los tamaños, márgenes, dimensiones, fuente de texto y posición de todos los elementos es algo que no se hace de la noche a la mañana y mucho menos de una sola vez, es un proceso con múltiples iteraciones, con muchas pruebas, correcciones y versiones hasta quedar con un modelo que les gusta a todos.

Si todavía tu o tu equipo de trabajo  no puede enfrentarte a este proceso, no te preocupes, actualmente existen muchas herramientas que facilitan el trabajo, una de ellas es Ink, un completo conjunto de herramientas que permiten crear interfaces web rápidamente, sin mucho trabajo, tan solo requiere conocimientos básicos de HTML, CSS y JavaScript para empezar a utilizarlo y crear interfaces de usuario atractivas y fáciles de mantener en el futuro.

Ink tiene un sistema de grillas de hasta 960px de ancho, barras de navegación, menús verticales y horizontales, paginación, migas de pan, menús desplegables, así como definiciones de títulos, enlaces, listas, notas y colores útiles, todos estos elementos y muchos más se pueden utilizar para crear tu aplicación web rápidamente.

Si eres un poco más inquieto y quieres crear tu propio set de herramientas para crear interfaces, puedes ver como están construidos los actuales y empezar a desarrollar los tuyos.

Ink

Comparativa entre Windows Phone 8 y iOS 7

por

En el anterior vídeo pueden apreciar una comparación entre los sistemas operativos móviles Windows Phone 8 de Microsoft y la nueva versión de iOS, la número 7 por parte de Apple.

A través de varias capturas de pantalla se puede ver las increíbles similitudes entre los dos sistemas móviles, como la aplicación para intercambiar entre las aplicaciones abiertas, la pantalla de bloqueo, entre otras.

¿Creen que Apple se inspiro mucho en WindowsPhone para la nueva versión de iOS o solo son coincidencias?

Animaciones CSS3 bellas y fáciles de implementar con magic animations

por

6-29-2013 3-02-16 PM

Hace algunos años si queríamos animar algo en nuestro sitios web teníamos que recurrir principalmente a imágenes gif, de esta forma se hacía el sitio web más vistoso, pero para otras personas era una total molestia ver tantas cosas moviéndose sin sicronización.

Ahora todo es diferente, aunque todavía las imágenes gif son muy utilizadas ya no se habla de animaciones de los elementos, si no de transiciones entre ellos, es decir, si haces scroll en la página, algún elemento se mueve para ajustarse a este movimiento, como la barra de navegación que se puede ampliar y establecer al principio de la página para que siempre esté disponible.

Crear estas animaciones con solo CSS3 no es tarea sencilla, es un tema avanzado y realmente no hay muchísima información para implementarlas de forma directa y rápida en tu sitio web, pero alguien ya se dio cuenta de esto y creo Magic CSS3 Animations, un archivo CSS que contiene 55 animaciones y transiciones diferentes para incluirlos en tu proyecto web fácilmente.

Lo primero que debes hacer es descargarlo de su repositorio en Github, luego incluir el archivo CSS en tu documento HTML

<link rel="stylesheet" href="yourpath/magic.css">

Ya con esto se puede combinar fácilmente con JavaScript o jQuery para crear la animación cuando se pase el mouse por encima de un elemento, por ejemplo:

$('.yourdiv').hover(function () {
  $(this).addClass('magictime puffIn');
});

Magic CSS3 Animations

Los smartphones con mayor duración de batería

por
battery-icon

Uno de los grandes problemas de los teléfonos es la duración de la batería, esto es desde que han sido lanzados hasta los actuales smartphones que tienen miles de funciones. Pero dentro de las opciones actuales hay equipos que son mejores que otros en cuanto a la duración de la batería.

En RedmondPie nos dejan una genial infografía donde podemos ver qué teléfonos tienen mejor batería, los equipos conparados son: Samsung GALAXY S4, Sony Xperia Z, Google Nexus 4, HTC One, BlackBerry Z10, iPhone 5 y Nokia Lumia 920.

Los teléfonos son comparados en diferentes usos como las llamadas, el uso de internet y el tiempo de carga.

Which-phone-has-the-best-battery-life

Inky, un cliente de mail multicuenta con un diseño muy atractivo

por

Inky es un cliente de mail muy atractivo que no he visto que la gente lo haya recomendado mucho, lo tengo en pendientes desde hace mucho tiempo pero no hacía tiempo a publicarlo, y hoy me llegó un mail con la noticia de que lanzaron una nueva versión y me digné a hacer un post sobre esta genial aplicación.

Como pueden ver en la imagen de abajo, el diseño de la interfaz de Inky es muy agradable y usa el estilo actual que están empezando a adoptar muchos clientes de mail. A la izquierda tenemos el menú que nos permite cambiar de casillas de mail, redactar nuevos correos, acceder a la lista de contactos, etc.

Inky

Lo bueno es que Inky tiene varios modos de visualización para que elijamos cuál se adapta a nuestras necesidades. Tenemos una vista que muestra la lista de mails a la izquierda y el mail desplegado a la derecha como se ve en la imagen de arriba, otro modo de vista es con la lista de mails arriba y el mail desplegado debajo, y la tercera es solo la lista de mails en toda la interfaz.

Pero solo les hablé de la parte visual, lo más interesante son sus funcionalidades, entre las cuales les puedo comentar las siguientes:

  • Ordenar por relevancia: Nos permite ordenar los mails dependiendo de la relevancia que le asignemos a cada uno. Podemos asignarles relevancia a cada mail pinchando en la gota de color azul que tienen.
  • Vistas inteligentes: Organiza nuestros mails de forma inteligente, dividiendo entre cosas personales, suscripciones, ofertas, y muchas cosas más.
  • Es multicuenta: Podemos agregar cualquier servicio que soporte POP o IMAP.

Inky se puede descargar gratis desde su sitio web oficial y tiene versiones para Windows y Mac.