CSS3: Bordes Redondeados “inversos” [casi perfectos]

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.

 

Charlas Duoc Conce, 15 de Noviembre

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

Mis Primeras Aplicaciones con Windows Phone 7

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].

(más…)

Claro Chile… y su súper estabilidad

Vivo en un sector un tanto alejado del centro urbano de Concepción (Chile) por lo cual sé las “dificultades” [o flojera] técnica que implica tener buena conexión en esta zona. Este es uno de los grandes motivos del por qué cambio de ISP cada 7 u 8 meses ya que pago de más por un servicio que no es el óptimo. Y precisamente es el por qué decidí contratar Internet con Claro Chile, ya que me dijeron que tenían todas las capacidades técnicas para llegar con 10Mb acá [increíble, lo máximo que había logrado conseguir con otro ISP eran 4.8Mbps]

(más…)

Cargar Teclado Numérico Windows Phone 7

Para activar el teclado numérico en Windows Phone 7, debes realizar lo siguiente:

en tu archivo .xaml dentro del tag <Phone/> ingresa  Loaded=”PhoneApplicationPage_Loaded”

<phone:PhoneApplicationPage
x:Class="Utilidades.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True" Title="Utilidades" Loaded="PhoneApplicationPage_Loaded">

y en el archivo .cs agregar

private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)
{
var numericScope = new InputScope();
var numericScopeName = new InputScopeName();
numericScopeName.NameValue = InputScopeNameValue.Number;
numericScope.Names.Add(numericScopeName);
EntradaPaginaACelcius.InputScope = numericScope;
}

Además, puedes ver otros tipos de teclados cambiando en

numericScopeName.NameValue = InputScopeNameValue.{valor};

por ejemplo, para

Url

numericScopeName.NameValue = InputScopeNameValue.Url;

Correo

numericScopeName.NameValue = InputScopeNameValue.EmailSmtpAddress;

La Lista completa la puedes revisar directo en la documentación de MSDN por acá