Blog

HTTP2, que cambios se vienen en la web?

Y finalizo el trabajo de la version 2 del protocolo HTTP. Ahora este nuevo estandar entra en revision y luego directamente a nuestros navegadores. Pero que novedades nos trae el sucesor del protocolo SPDY de Google. Es un protocolo Binario A diferencia de HTTP/1.x que realizaba las peticiones en texto plano ( podias realizar una conexion con un servidor web desde un cliente telnet ), ahora las peticiones se trabajaran en binario. Esto principalmente que es mucho mas simple realizar una implementacion en binario ( desde el punto de vista de programacion ) que en modo texto.  ...

CSS Transform y Vertical Align

  Las propiedades transform del CSS3 nos permiten establecer animaciones sobre los elementos HTML. Estas transformaciones aparecieron por primera vez en el 2007 como parte del proyecto Webkit y posteriormente se incluyeron en el estandar CSS3.  Con ellas podemos hacer diferentes cosas sobre los objetos como rotarlos, desplazarlos, escalarlos, etc. En esta ocasion mostraremos el uso transform-translate para poder centrar verticalmente un objeto. Digamos que tenemos un contenedor .container y dentro del cual hay una imagen que queremos centrar <div class="...

CSS3 Transiciones

El slider de Bootstrap aunque funcional es bastante simple en la mayoria de los casos ( casi todos ). Usualmente trabajar con algun efecto de transicion requiere utilizar alguna otra libreria de slider, lo que implica aumentar mas el tamaño de nuestro website. Sin embargo, tambien podemos crear efectos de transicion usando solamente CSS. Primero creamos la estructura HTML de nuestro carousel <div id="carousel-banner" class="carousel carousel-fade" data-ride="carousel">   <div class="carousel-inner">     <div class="item active"><img style="...

Keep out Google Analytics

Todo empresa necesita mantener una presencia en internet para interactuar con sus usuarios, recoger sus impresiones o simplemente entender que buscan de ellos. Para esto y muchos otras cosas se utiliza Google Analytics. A traves de esta herramienta podemos entender que tipo de usuario son nuestros visitantes, que tipo de usuarios son nuestros clientes, en que red social se encuentra la mayor parte de nuestros clientes, incluso que necesidad estamos satisfanciendo a nuestros clientes ( mas alla de la que nosotros mismos pensamos ). Sin embargo, para poder entender...

Como subir una imagen y obtener un preview

Cuando desarrollamos interfaces web para carga de imagenes suele ser conveniente mostrarle una previsualizacion de las mismas de tal forma que el usuario pueda validar si es realmente la imagen que desea. Esto suele hacer de dos formas: Mostrando el nombre del archivo seleccionado.  Subiendo el archivo por ajax directamente al servidor y mostrando su previsualizacion. La primera opcion, es la que viene por defecto en los navegadores. Usas un <input type="file" > y el sistema de forma automatica te muestra el nombre del archivo seleccionado. La segunda opcion...