0

SHDHMC V1.0

Posted on October 27th, 2008 by Miguel Susano / Post your comment »

Ya tenemos lugar para el SHDMC v 1.0, y mucha más gente registrada.

En el wiki ya pueden encontrar información del evento, la dirección,la hora y estamos trabajando en un mapa lo suficientemente entendible para que todos puedan llegar sin problemas. Hay muchos usuario registrados que ya están comentando sobre sus proyectos desde ahorita, también tenemos las propuestas para el logo, entren y voten por el que más les guste.

Nos vemos el 1° de Noviembre.

shdhmc.pbwiki.com

0

SHDHMC v0.01

Posted on October 16th, 2008 by DFectuoso / Post your comment »

Les informo que el wiki oficial del Super Happy Dev House Mexico City esta en: http://shdhmc.pbwiki.com/

Mas adelante compraremos un dominio, mientras tanto podemos encontrarlo ahi.

Igualmente los invito a la siguiente reunion que sera el primero de noviembre, todavia no tenemos confirmado el lugar, pero si algunos asistentens asi que porfavor, si piensan ir! Confirmen en el wiki, o por correo, o aqui!

Los dejo con el resumen de la version pasada

Asistentes:

  • DFectuso (Santiago Zavala)
  • César Salazar
  • Gaux (Miguel Angel Susano)
  • Chubas (Ruben Medellín)
  • Boyzo
  • Manelik
  • Carlos Rodarte
  • Loki

Resumen

Por: DFectuoso

El día de ayer tuvimos el primer Super Happy Dev House de la Ciudad de México, aunque este no halla sido el Super Happy Dev House 1.0 Realmente fue algo así como el alpha, la versión 1. Quisimos comenzar con algo chico, contagiar a un par de personas, con la intensión de duplicarlo para la próxima. En esta ocasión fuimos 7 personas. Sin embargo se logro recrear perfectamente el ambiente que viví en la SHDH26 en california.

Desde el sentimiento de estar en un lugar donde no hay nada más que espacio para eso y sin embargo no sentirse en un lugar típico de eventos como seria una sala de juntas o un lugar publico. Estar descalzos, platicando de código, con botanas sabrosas y un poco de cafeína. No se hablo mucho de lo que cada uno de nosotros hace en la vida fuera del código.

Cada uno de los proyectos que se realizaron demostraron ser valiosos e interesantes.

Carlos desarrollo un plataforma en java, utilizando TDD, lógica del lado del servidor y jsp’s para realizar una aplicación que simplifica el trabajo en equipo, se complico un poco al desarrollar pruebas complicadas, pero al final logro sumar todo en un trabajo muy digno de un SHDH.

Chubas estuvo jugando con rails, desarrollando una aplicación de facebook, un juego de trivias muy divertido que logro beta testear con Boyzo y conmigo, la verdad es que no solo fue sorprendente ver como la desarrollo, si no que la usabilidad de la aplicación fue mucho mas de lo que esperaría de un “rato” de programación.

Cesar estuvo ocupado entendiendo como un flash puede graficar datos y hacer un poco de lógica con ellos, re-invento un par de formulas y después de las 12 horas logro tener lo que quería, leer JSON, graficarlo y hacer una regresión lineal para mostrar el patrón.

Miguel Angel desarrollo una aplicación que va sacando muestras de twitter a travez de varios métodos para que puedas decirle cual es tu twitter y te diga que tan grande es tu twitter comparado con el resto del mundo. Me declaro ganador como el twitter mas fuerte de los que estábamos presentes pero gente como David Weekly claramente nos ganan por mucho.

Manelik estuvo jugando con galerías de c para hacer música y se dio cuenta de las diferencias para hacer esto entre sistemas operativos.

Boyzo estuvo desarrollando la imagen, el CSS y el HTML para un proyecto llamado Crunch Cáncer, el cual fue mi idea y espero dentro de poco estar hablando mas al respecto.

Yo desarrollo distintos crawlers para poder leer la portada de Digg, Reddit(no tienen API malditos), Mixx y Delicious, con la intención de poder separar lo que es una noticia de una pagina que mucha gente usa, en pocas palabras saber si es algo como un articulo de Palin, o una pagina de tips como lifehacker. Demostró ser poca la relación en las pocas horas que estuvieron corriendo mis programas, pero días después puede observar que existen muchas cosas que hacer con esa información así que es posible que en el próximo Dev House este trabajando en como darle valor a esa información si se me ocurre algo interesante.

Loki cocino una cena deliciosa, todos cooperamos en cortar y preparar diferentes tipos de botanas saludables y los cafés helados nos dieron energía para bastante rato.

Me atrevo a decir que es oficial, nada más productivo que geekear en equipo y es por eso que ya tiene fecha… SHDH México v.1.0 el primero de noviembre. Todavía no sabemos donde, pero será ese día !!!

4

Simplicidad y CSS

Posted on October 1st, 2008 by César Salazar / 4 Comments »

Creo que todos valoramos mucho una respuesta simple y efectiva a nuestros problemas. Ojalá todas fueran así.

En el mundo del desarrollo de software no siempre se pueden encontrar respuestas sencillas a problemas sencillos (mucho menos a problemas complejos). Muchos profesionales y entusiastas llegan a atomar el enfoque equivocado cuando se trata de resolver un problema de código. La mayoría de estos, buscan soluciones complejas y “robustas” que no siempre son fáciles de implementar.

Un problema persistente para los que construímos interfaces graficas de usuario son los bordes redondeados. Por alguna extraña (y muy molesta razón), CSS (Cascading Style Sheets) no tiene una instrucción para redondear a placer los border de una caja o de un botón en todos los navegadores; siendo Internet Explorer el más desgastante en este sentido.

Existen decenas (o tal vez miles) de tutoriales en línea para realizar esto pero casi todos requieren mucho más reingeniería del HTML o del CSS de la necesaria. Sin embargo, me encontré con una excelente solución en el blog de Hedger Wang.

En esta entrada títulada “Simple Round CSS Links (Wii Buttons)” explica como mediante 2 tags de HTML, 1 imagen PNG y un archivo CSS, puede hacer que un simple link se vea como un elegante butón redondeado, similar a los de la interfaz de Nintendo Wii.

Lo mejor de su aportación es la simplicidad. Lo que yo hice fue:

1. Crear un nuevo archivo CSS llamado buttons.css y pegar el código provisto por Wang.
2. Bajar la imagen provista por Wang (border.png) a mi computadora y referenciarla adecuadamente en buttons.css
3. Agregar la clase “button” a mis links (anchors) y botones (input type:submit)
4. Aseurarme de que el texto dentro de los anchors estuviera delimitado por <span> y que los botones por su parte estuvieran delimitados por <span>
5. Disfrutar

El éxito viene de la simplicidad. Analizando el código, lo que hizo Wang fue superponer dos elementos (SPAN y ANCHOR o SPAN e INPUT) y darles a cada uno el mismo fondo (una imagen del botón redondeado sumamente alargada). A uno de los elementos lo inicio por la izquierda y al otro por la derecha, logrando completar el botón sin necesidad de generar más de una imagen.

Además, para lograr los efectos necesarios al momento de hacer deslizar el mouse sobre el botón, lo que hace es simplemente cambiar las coordenadas donde inica la imagen y mostrar otra parte donde el color del borde y del fondo cambian).

Al utilizar este enfoque, logra que su solución se fácil de implementar porque no requiere de poner varias cajas con varias imagenes, ni alguna otra suerte como las que abunban en Internet.