CSS3 Diseño Multi column

Empece a estudiar CSS3, asi que voy a ir escribiendo un poco del tema.

El selector para poder hacer multi-columnas es uno de los que mas me llamó la atención, mas que nada porque hace un par de días estaba precisando hacer exactamente esto, si hubiera sabido de esto, la solución hubiera sido mucho mas sencilla.

Ej. el texto a continuación esta todo dentro de un solo div que usa el siguiente codigo css:

div.columnas {
-moz-column-count: 3;
-moz-column-gap: 50px;
-moz-column-width: 150px;
-moz-column-rule: 1px solid #00000;
-webkit-column-count: 3;
-webkit-column-gap: 50px;
-webkit-column-width: 150px;
-webkit-column-rule: 1px solid #00000;
}

Definimos lo siguiente:

  • column-count: la cantidad de columnas
  • column-gap: la distancia entre columnas
  • column-width: el ancho de la columna
  • column-rule: linea de division entre columnas
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut dui felis. Quisque ornare tellus et tortor pellentesque vulputate. Ut mollis accumsan neque, quis vestibulum erat varius at. Aliquam cursus consectetur viverra. Pellentesque dolor augue, pulvinar sit amet molestie non, egestas mollis risus. Aenean eu nisi odio, eget accumsan libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut dui felis. Quisque ornare tellus et tortor pellentesque vulputate. Ut mollis accumsan neque, quis vestibulum erat varius at. Aliquam cursus consectetur viverra. Pellentesque dolor augue, pulvinar sit amet molestie non, egestas mollis risus. Aenean eu nisi odio, eget accumsan libero.

TEDx Montevideo

El evento TEDxMontevideo es gratuito con registro previo. Las inscripciones a TEDxMontevideo se habilitarán el 14 de abril de 2010 a las 21 hs a través de la web oficial del evento. La inscripción será por orden de registro hasta agotar el cupo disponible. Quienes queden inscriptos recibirán su confirmación por mail al día siguiente. A su vez se reservarán 20 lugares que serán sorteados entre todas aquellas personas que se inscribieron el 14 de abril y no consiguieron lugar. El sorteo se realizará el 21 de abril de 2010, publicándose los nombres de los ganadores en la web oficial de TEDxMontevideo. Quienes no obtengan su lugar, podrán seguir el evento a través del streaming en vivo que realizarán Montevideo Comm y El País Digital.

Gracias, El equipo de TEDxMontevideo.

Aquel que comete errores

«No es el crítico quien cuenta, ni tampoco aquel que señala cómo tropezó el hombre fuerte, ni cuando el ejecutor de hazañas pudo haberlo hecho mejor. El crédito pertenece al hombre que realmente está en la palestra, aquel cuyo rostro está estropeado por el polvo, el sudor y la sangre; aquel que se esfuerza valientemente; aquel que comete errores y se queda corto una y otra vez; aquel que conoce los grandes entusiasmos, las grandes devociones e invierte mucho de sí mismo en causas que valen la pena; aquel que en el mejor de los casos, conoce al final el triunfo de un gran logro; y quien en el peor de los casos, si fracasa, fracasa mientras se esfuerza extraordinariamente, y de esta manera su lugar nunca será con aquellas almas tímidas y frías que no conocen ni la victoria ni el fracaso».

Cacoo herramienta para diagramas

Cacoo.com Diagramas
Diagramas con Cacoo.com

Necesitaba poner en claro el funcionamiento de una nueva aplicación en la que estoy trabajando y me puse a buscar una herramienta para poder hacer un diagrama. Encontré varias, de las cuales me llamaron la atención dos una es Cacoo, la otra es Pencil un addon para Mozilla Firefox del cual pienso hablar mañana.

Cacoo es una herramienta online de uso gratuito, esta hecho en flash y es muy sencillo e intuitivo de usar, les dejo una imagen para que vean lo que hice en unos pocos minutos.

Tuve dos problemas, uno es que en varias ocaciones toda la aplicación se puso muy lenta, no podía darle el tamaño correcto a los elementos ya que el mouse se movia en la pantalla mucho mas lento de como yo lo movia realmente.

Lo otro que me paso fue que en varias ocasiones daba un error al querer guardar el trabajo, aunque finalmente si pude guardarlo ya había empezado a preocuparme esta situación.

Editar archivo hosts en Linux Mint y Ubuntu

Cuando trabajamos en un sitio web que esta alojado en un servidor diferente a donde estan apuntando sus DNS es muy util poder editar el archivo hosts para que al entrar al sitio web nuestro navegador nos muestre lo que estamos trabajando en el nuevo servidor.

Editamos el archivo hosts:

sudo nano /etc/hosts

agregamos una linea con la IP del nuevo servidor y el dominio que queremos ver, por ejemplo:

174.132.252.178 bethesda.edu.uy

Guardamos el archivo y vemos en nuestro navegador que ya nos va a mostrar el sitio en el nuevo servidor.

Un detalle a tener en cuenta es que no he puesto www delante del dominio, asi que si en el navegador ingreso www.bethesda.edu.uy ahi me va a mostrar el servidor a donde estan apuntando los DNS y no el que estoy especificando en el archivo hosts. Si quisiera tambien poder ver el sitio nuevo usando www delante del dominio tengo que agregar otra linea al archivo hosts:

174.132.252.178 www.bethesda.edu.uy

Ahora sí, si usamos www.bethesa.edu.uy o bethesda.edu.uy  vamos a entrar al nuevo diseño.