Se ve feito, ¿cierto?

Una buena solución es con tu editor de imágenes generar únicamente la imagen más grande y luego jugar con los fondos con css, lo que te permite inclusive obtener degradados para la imagen

Ahora Sí, ¿o no?

Para ello que debemos hacer es primero ajustar una imagen con fondo de color, pero contenido transparente, puedes ver una acá.

El segundo paso es generar un div con una clase base, en este caso “imagen”

 <div class="imagen"></div>

Esto se define en cada punto así

.imagen {
background-color: red; //un color de fondo, ojo debe ser distinto a un background "normal"
background-image: url("fondo.png"); //la imagen de fondo
display: block; //mostramos la imagen como un block o un inline-block para que realmente tome las dimensiones
height: 121px; //alto
width: 103px; //ancho
}
.imagen:hover { //evento con el mouse "sobre" el div
background-color: blue;
}

Para aplica gradientes en estas imagen hay que realizar un pequeño truco

#dos {
 display: block; //truco base, definir ancho y alto tal cual el ejemplo anterior
height: 121px;
width: 103px;
//bajo estas líneas definimos la gradiente background-image: linear-gradient(left top, #B8396E 36%, #184A59 68%, #2AA61F 84%);
background-image: -o-linear-gradient(left top, #B8396E 36%, #184A59 68%, #2AA61F 84%);
background-image: -moz-linear-gradient(left top, #B8396E 36%, #184A59 68%, #2AA61F 84%);
background-image: -webkit-linear-gradient(left top, #B8396E 36%, #184A59 68%, #2AA61F 84%);
background-image: -ms-linear-gradient(left top, #B8396E 36%, #184A59 68%, #2AA61F 84%);
background-image: -webkit-gradient(
linear,
left top,
right bottom,
color-stop(0.36, #B8396E),
color-stop(0.68, #184A59),
color-stop(0.84, #2AA61F)
);
}
// el truco acá viene tomar el div y anteponerle un div, por eso el selector ":after"
#dos:after {
background-image: url("fondo.png");
content: ''; // importante o NO verás el div
display: block;
width: 103px;
height: 121px;
}

puedes ver el demo final acá

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.

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

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

y lo cierto es que llegan con los 10mbps de bajada y 1mbps… es OSOM!

10mbps con claro... wow!

En el extranjero marca un poco menos…

oops en el extranjero

pero sé que es relativo… con Megaupload saco los 10mbps sin problemas

El problema no es de velocidad, sino que de estabilidad…. no me creen? desde ayer estoy “descargando” unos 100mb desde la App Store… y eso no es nada… ya que trabajo directo en los servidores utilizo el 90% del día netbeans conectado por FTP a los mismos, y este error es de todas las horas:

Un ping a un ISP en Chile:

Ping en Chile

y al Extranjero:

Ping al Extranjero

para que no digan que “es malo porque apunta a Bolivia”:

Otro ping al extranjero

Obviamente que he reclamado al soporte técnico acerca de esto. Supuestamente me han enviado técnico todos los días pero “misteriosamente” se pierden las órdenes de servicio. De hecho solamente esta semana tengo 9 llamadas por más de 42 minutos en total [sin contar las de la semana pasada que se borraron]… y una serie de mensajes con mucho cariño vía twitter:

Léase de abajo hacia arriba

A todo esto hay que sumarle que el Módem/Router que entregan viene BLOQUEADO, por lo que ni siquiera puedo cambiar ni dar de baja la red WiFi que levantan.

Lo mejor es su declaración de servicio en Facebook, con énfasis en el último párrafo:

Claro Chile es filial de América Móvil, el tercer operador de telecomunicaciones en el mundo y el más grande de Latinoamérica. Con más de 260 millones de clientes en 18 países, nos ha permitido generar importantes alianzas internacionales, entregándoles a nuestros clientes los mejores servicios y la tecnología más avanzada al precio más conveniente del mercado.
La integración de Telmex y Claro, es anticiparnos a una nueva y más exigente demanda de servicios de comunicaciones, donde el valor de la instantaneidad, la riqueza del contenido y la colaboración, se constituyen como los ejes claves para construir la sociedad del futuro.
En Claro queremos ser la principal empresa de telecomunicaciones del país, porque creemos que de esta manera contribuimos a su desarrollo y el de todos sus habitantes.
Nuestra aspiración es cumplir con los sueños de todos los chilenos, por lo que trabajamos día a día para ofrecerles un servicio de primera calidad, generando esfuerzos para conectar al país y haciendo posible las comunicaciones para la familia y la empresa.

En resumen [ya que este fin de semana es extra largo en Chile], el día miércoles renuncio a esta mierda de servicio. Lo que sí, ya tengo reclamo en SERNAC y SUBTEL… ahora a esperar nada más.

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á

18 de octubre, 19:00

Instituto Profesional Virginio Gómez

• Programa Académico de Microsoft
• Windows Phone 7

22 de octubre, 16:00

AIEP, Los Ángeles

• Windows Phone 7, a cargo de Cinthia Slimming Parra

26 de octubre, 10:30 [Tentativo]

DuocUC Concepción

• Robótica
• Windows Server 2008
• Windows Phone 7
• HTML5
• XNA [VideoJuegos]

Pronto actualizaré

Ene 10, 2002

Por favor diseñe y construya una casa para mí. No estoy totalmente seguro de lo que necesito así que deberá usar su intuición. Mi casa deberá tener entre dos y cuarenta y cinco habitaciones. Es muy importante que se asegure de que sea posible incluir o eliminar habitaciones con facilidad. Cuando me entregue los planos tomaré la decisión de lo que realmente quiero. Así mismo, necesitaré el costo de cada una de las configuraciones propuestas desglosado para poder tomar una decisión arbitraria.

Tengan en cuenta que la casa que elija deberá costar menos que mi casa actual. Asegúrese de corregir las deficiencias existentes (el piso de la cocina vibra cuando paso por ahí y las paredes no tienen el aislamiento suficiente, por ejemplo.)

Mientras diseñe, deberá tener en mente que deseo mantener los costos de mantenimiento anuales lo más bajo posibles. Esto significa la inclusión de detalles de costo extra como aluminio, vinyl, etc. (Si elige no incluir aluminio, prepare una explicación detallada.)

Es importante que las nuevas prácticas en diseño y los más nuevos materiales sean usados en la construcción de la casa, pues me gustaría usarla como ejemplo de las más recientes ideas y métodos de construcción. Aún así, la cocina deberá ser diseñada para poder acomodar, entre otras cosas, mi Refrigerador Gibson de 1952.

Para asegurarnos de que está construyendo la casa adecuada para nuestra familia es importante que se mantenga en contacto con cada uno de nuestros hijos así como con nuestra familia extendida. Mi suegra tendrá sus propias opiniones acerca de cómo la casa deberá ser diseñada, ya que nos visita, por lo menos, una vez al año.

Asegúrese de encontrar el balance perfecto entre todas las opciones recibidas para poder llegar a la decisión correcta. Sin embargo, me reservo el derecho de nulificar cualquier elección que usted haga.

Por favor, no es necesario que me moleste con pequeños detalles en este momento. Su trabajo es el de desarrollar los planes generales para la casa. Por ejemplo, ahora no es tan importante el color de la alfombra; sin embargo, tenga en mente que mi esposa prefiere el azúl.

Así mismo, no necesita preocuparse acerca de los recursos para construir la casa. La prioridad número uno es el desarrollo de los planes detallados y las especificaciones. Una vez que sean aprobados, esperaría que la casa estuviera terminada en 48 horas.

Mientras esté en la fase de diseño, contemple que eventualmente querré vender la casa a alguien más. Es por esto que el diseño deberá de ser lo suficientemente genérico como para gustarle a la mayoría de los futuros clientes potenciales.

Antes de finalizar con la fase de diseño, es importante que se asegure que le agrade a la gran mayoría de la población cercana a mi casa. Le aconsejo que vaya a ver la casa de mi vecino, la cual fue construída el año pasado. Nos gusta muchísimo. Esa casa tiene muchas opciones que nos gustaría ver en la nuestra, particularmente la alberca de 75 pies. Con un buen diseño e ingeniería, creo que es posible construir una alberca similar sin afectar el costo final.

Por favor prepare un set completo de planos. No es necesario hacer el diseño real en este momento ya que sólo serán usados para cotizaciones y ejemplos. Sin embargo, tenga en consideración que usted será responsable por los costos de construcción causados por cambios en el diseño.

Debe usted sentirse afortunado de trabajar en un proyecto tan interesante como este. Poder utilizar las más recientes técnicas y materiales y, al mismo tiempo, tener tanta libertad para diseñar, es algo que no pasa muy seguido.

Contácteme lo antes posible con todas sus ideas y planes.

PD: Mi esposa no está de acuerdo con muchas de las instrucciones que le he dado en esta carta. Como arquitecto, es su responsabilidad resolver estas diferencias. Yo lo he intentado antes y he fracasado. Si usted no es capáz de tener esta responsabilidad, me veré obligado a encontrar a otro arquitecto.

PD2: Quizás lo que necesito no sea una casa, sino una casa rodante. Por favor, dígame lo antes posible si esto es lo que necesito.

–

Traducido de If Architects Had to Work Like Web Designers

Obtenido desde http://www.paolavillarreal.name/2009/09/06/si-los-arquitectos-trabajaran-como-desarrolladores-de-software/

Error WordPress + Disqus

// <![CDATA[
var disqus_shortname = 'bredebs';
var disqus_domain = 'disqus.com';
(function () {
var nodes = document.getElementsByTagName('span');
for (var i = 0, url; i < nodes.length; i++) {
if (nodes[i].className.indexOf('dsq-postid') != -1) {
nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
url = nodes[i].parentNode.href.split('#', 1);
if (url.length == 1) { url = url[0]; }
else { url = url[1]; }
nodes[i].parentNode.href = url + '#disqus_thread';
}
}
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_domain + '/forums/' + disqus_shortname + '/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
//]]>

[/code]

Pueden solucionarlo de la siguiente manera:
En el archivo disqus.php [/{ruta a tu public_htm}/wp-content/plugins/disqus-comment-system/disqus.php]
línea 1063, agrega:
[sourcecode="php"]
if(get_bloginfo("home")."/"==curPageURL())
return ;

Además en el functions.php de tu theme disqus.php [/{ruta a tu public_html}/wp-content/themes/{nombre de tu theme}/functions.php]
agrega:

function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {
$pageURL .= "s";
}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
}
return $pageURL;
}

Lamentablemente esto debes realizarlo cada vez que actualices tu disqus [se "dispara" automáticamente en cada lectura del loop de WordPress]

Hay otra opción que en teoría debería funcionar, y es agregar en el mismo archivo disqus.php y en la misma línea:

if(is_home() || is_front_page())
return ;

Pero lamentablemente no funciona siempre

Error 2 SQL Server

Para solucionarlo debes ir a Administración de equipo:

click botón izquierdo sobre Mi PC > Administrar

Seleccionas el servicio SQL Server

Administración de Equipos

Click con el botón izquierdo > Propiedades

Click en Propiedades

Ir a la Pestaña Iniciar Sesión

Ingresas tu clave nueva [Creo que debe ser la misma del usuario actual para que tome la autenticación directa]

Pestaña Iniciar Sesión

Aplicas los cambios, cierras la ventana

Inicias el Servicio

Iniciar el Servicio

Iniciando el Servicio

y listo

Servicio Iniciado

=)