Uno de los temas complejos que habían al momento de desarrollar un sitio web era trabajar con varias imágenes que contenían las mismas formas pero distintos colores… por lo general la forma rápida de hacerlo era tomar una imagen y repetirla, cambiándole el color, lo que resultaba en una imagen un tanto pesada y fea como esta:
Para un proyecto que estoy trabajando con los buenos amigos de Nuz Estudio me tocó trabajar con bordes redondeados inversos… algo así
lo típico es realizarlo con imágenes y ajustarlo con position absolute con 2 divs y macramé extras, pero en css es algo un poquito más complejo [y también un poquitito más entretenido de armar]
La técnica si es que le podemos llamar así consiste en definir un div y sobre él aplicar otro con bordes redondeados, y además un box-shadow con el atributo inset para que sea “hacia dentro”, finalmente rotamos el div base para que la sombra quede arriba y dé la sensación que la curva continúa. Ojo, no es un ejemplo perfecto, y por el momento funciona sólo en Firefox [hay que aplicar las reglas CSS3 para los otros navegadores]
Puedes ver el ejemplo final acá.
[Probablemente tengas que modificarlo un poquito cuando lo apliques en tu sitio, pero al menos ya tienes la lógica de cómo aplicarlo.
Se viene unas charlas el próximo martes en DuocUc Concepción, con entrada gratuita.
Programa aproximado, por confirmar:
10:45 Bienvenida
Palabras del Director de Carrera
11:00 Server 2008
Max Marin
11:50 Windows Phone 7
Brede Basualdo
12:45 Break
13:00 Robótica
RoboDU, grupo de desarrollo Duoc
13:45 Por informar
Gonzalo Perez
14:30 Desarrollo de Video Juegos
Elvis Brevis
15:15 Sorteo
Hace un par de semanas asistí a una introducción al desarrollo para Windows Phone 7 y dijeron algo que me marcó: “Toma mucho menos tiempo desarrollar una aplicación para WP7 que para Android o iPhone”… como ya había tenido algunos intentos con iOS los que no llegaron a buen puerto decidí probar WP7.
La primera aplicación que desarrolle se llama Conversor… me tomó aproximadamente 6 horas desarrollarla [más que nada por soltar los dedos].
[si pinchas el ícono te envía al market]
Conversor
Su utilidad es resencilla… convertir entre diversas unidades de medida:
Muestra del Conversor
La segunda aplicación que desarrolle, debía ser con algo más de código así que decidí crear algo que consumiera una API, en este caso consumiendo la de conversión monetaria de Google.
A esta la llamé Moneda [aplausos para el Productor creativo de nombres, no?]
Moneda
Muestra de Moneda
Finalmente desarrolle “Información Económica Chile”, la cuál muestra la info económica del día: [esta tomó como 20 minutos desarrollarla...en realidad me demoré más en la gráfica 
]
Info Económica Chile
Muestra Info Económica Chile
Todas las aplicaciones están gratuitas en el Market.
Espero que les sirvan, y en el próximo post se viene un tutorial de cómo desarrollar apps para Windows Phone 7 