Gabriel Rodriguez Plancarte

Como poner imagenes en correos o paginas sin usar etiquetas de img o attachments

Gabriel — Mon, 29 Mar 2010 07:58:45 +0000

Habrá veces que queremos desplegar una imagen en un correo o en una página web sin utilizar una etiqueta (tag) de . O también que en una hoja de estilos (CSS) queramos especificar literalmente el contenido de la imagen en lugar de hacer referencia a ella en algún path.

Utilizando Data URI Schemes, podemos especificar el “string” de Base64 que equivale a una imagen gráfica. Es decir, estamos especificando “in-line” la imagen, en formato de datos, en lugar de utilizar una etiqueta img que implica la localización de la imagen como un recurso externo.

Es decir..es lo mismo poner esto:

que esto:

Ahora, cómo saber el Base64 string de una imagen? Podemos utilizar la herramienta online llamada “Image to Base64 converter“, hecha por Mads Kristensen, un excelente desarrollador de .NET. Mads trabaja en ZYB.

Chris Coyier, de CSS Tricks, también escribió recientemente sobre Data URIs y los comentarios en su blog post son interesantes. Chris también hace referencia a otra herramienta, similar a la de Mads, llamada Image to Data URI convertor.

Esto es sólamente una técnica, una manera más de lograr las cosas, que podría ser la más correcta o no, dependiendo de los escenarios. Los Data URIs también tienen algunas limitantes:

En Internet Explorer, solo funcionan en la version 8 en adelante.
En IE8, los Data URIs estan limitados a 32k, por lo que solo podrían servir para imagenes meramente decorativas, no fotos de alta resolución, etc.
Las imágenes no son cacheadas por separado, así que si el HTML o CSS se vuelve a descargar, las imágenes obviamente también.

Evalúen sus opciones, y espero les sirva.

MIX10 – excelentes conferencias y recursos de desarrollo

Gabriel — Sun, 21 Mar 2010 22:19:31 +0000

Del pasado 15 al 17 de Marzo se llevó a cabo la conferencia MIX10, que es una serie de conferencias de diseño y desarrollo web organizada por Microsoft, con platicas impartidas por la gente que está causando más impacto en la comunidad de desarrollo online (las sesiones son escogidas en base a votos, durante meses anteriores al evento).

Las platicas de este año se ve que estuvieron muy interesantes…así que aquí les dejo las ligas a los videos de las pláticas y también a una muy buena sección de recursos que armaron en el site de MIX10, con ligas a guías de desarrollo para Windows 7 Phone Series, Silverlight 4, WCF RIA y otros tantos temas que son lo relevante de hoy en día.

Algunas de las pláticas fueron:

Overview of the Windows Phone 7 Series Application Platform
10 Ways to Attack a Design Problem and Come Out Winning
Stepping Outside the Browser with Microsoft Silverlight 4
Total Experience Design
Understanding the Model-View-ViewModel Pattern
Beyond File | New Company: From Cheesy Sample to Social Platform
The Microsoft Silverlight Analytics Framework

Ligas:

MIX10 – The Next Web Now

MIX10 – Resources Page (Windows 7 Phone Series, Silverlight 4, etc)

Automapper y un buen articulo de diseño de software

Gabriel — Sat, 20 Mar 2010 06:36:38 +0000

La semana pasada descubrí AutoMapper, que es un proyecto de .NET gratis y open-source de Jimmy Bogard.

Un desarrollador de la oficina me preguntó si había una manera integrada en el framework de transformar las clases generadas por LINQ-To-SQL en clases sencillas (DTOs). No creí que lo hubiera…pero le comenté que seguramente lo podía hacer por Reflection. Yo ya habia hecho eso antes, pero supuse que debía haber alguna mejor manera. Después de buscar un poco en StackOverflow.com, alguna de las respuestas linkeaba a AutoMapper y descubrí que era exactamente lo que aquel desarrollador estaba buscando.

AutoMapper es descrito en su página principal de la siguiente manera:

AutoMapper uses a fluent configuration API to define an object-object mapping strategy. AutoMapper uses a convention-based matching algorithm to match up source to destination values. Currently, AutoMapper is geared towards model projection scenarios to flatten complex object models to DTOs and other simple objects, whose design is better suited for serialization, communication, messaging, or simply an anti-corruption layer between the domain and application layer.

Excelente…no solo utiliza interfaces fluidas, sino que también se basa en Convention Over Configuration. Es decir…solo tenemos que (y podemos!) configurar las situaciones excepcionales. Las ventajas que le veo a utilizar AutoMapper (a pesar de estar incorporando una referencia más a nuestros proyectos) es que es un proyecto público (de open source) y que además tiene a un muy buen desarrollador respaldándolo, que por ser su proyecto, se enfoca en mejorarlo y perfeccionarlo con nuevas funcionalidades, haciéndolo más eficiente, etc. Además, debido a que ya tiene una considerable base de usuarios (3,702 downloads), la mayoría de los bugs que pudiéramos toparnos, ya han sido resueltos.

Un ejemplo exagerádamente básico del uso de AutoMapper:


public class Class1
 {
   public string FullName { get; set; }
   public int Age { get; set; }
   public char Gender { get; set; }
   public void DoIt()
   {
     Console.WriteLine("Test");
   }

   public List Addresses { get; set; }

   public Class1()
   {
     Addresses = new List();
   }
 }

 public class Class2
 {
   public string FullName { get; set; }
   public int Age { get; set; }
   public char Gender { get; set; }
 }

private void Form1_Load(object sender, EventArgs e)
{
   Mapper.CreateMap();

   var c2 = Mapper.Map(c1);
   MessageBox.Show(c2.FullName);
}

Ok, de este ejemplo podemos ver:

Class1 es poco más compleja que Class2, ya que tiene una List y un método definido (DoIt())
Class2 es una versión simple de Class1, con el objetivo de funcionar como un Data Transfer Object.

Como pueden ver, con la instrucción:

Mapper.CreateMap();

estamos indicándole a AutoMapper que la Class1 y Class2 están relacionadas (mappeadas). Y la siguiente línea de código:

var c2 = Mapper.Map(c1);

está creando una instancia de tipo Class2, basada en la instancia de c1 que ya teníamos, inicializada y asignando dinámicamente los valores de dicha instancia (c1) a la nueva instancia c2.

Class1, en este caso, sería un ejemplo de una clase de LINQ-To-SQL, mientras que Class2 sería la clase que queremos usar como DTO.

Esta funcionalidad es sólamente la más básica de AutoMapper (flattening). También soporta proyecciones (utilizar ciertas propiedades o sub-sets de un valor para mapear a otra propiedad), Listas y Arrays, etc. Para más información, visisten la documentación de AutoMapper.

Y sobre el buen artículo de diseño…para mi sorpresa lo encontré 2 dias después de haber descubierto AutoMapper, y el artículo lo escribió Jimmy Bogard.

El artículo se llama originalmente “Strengthening your domain: Encapsulated collections“. Jimmy habla de como debemos de diseñar nuestras clases para no exponer inadvertidamente funcionalidad de más (extra, innecesaria) que podría permitir operaciones no lógicas sobre nuestras entidades, y enfocarnos en soportar exclusiva y claramente sólo las operaciones que el dominio de negocio debe permitir sobre las entidades de nuestro proyecto. El artículo también me hizo pensar que los accesors son algo que mucha gente no considera a la hora de exponer sus propiedades. Léanlo y si gustan dejar sus comentarios…adelante.

No entran o salen llamadas de tu iPhone? Desactiva el 3G y dejalo en EDGE

Gabriel — Sun, 28 Feb 2010 16:29:17 +0000

iPhone Telcel

Hace unos dos o tres días empecé a tener problemas al querer hacer llamadas con mi iPhone 3G S.

Apenas y seleccionaba un contacto que llamar, pasaba un segundo (ni siquiera daba línea el teléfono) y la llamada terminaba sola. “Call back failed”. Un día después, un amigo me avisó que mi celular lo estaba mandando directo a buzón al intentar llamarme. Las llamadas si podían salir, después de intentarle 3 o 4 veces. Y a veces recibía llamadas, no se realmente cuantas llamadas perdí.

Para poder hacer y recibir llamadas cuando tengan este problema, simplemente deshabiliten el 3G de su telefono, para dejarlo en EDGE, y problema arreglado (a medias).

Estoy leyendo en foros de Estados Unidos que alguna gente que ha tenido este problema lo arregla cambiando su chip SIM…tal vez luego intente eso.

Como formatear una cantidad a currency en .NET controlando el numero de decimales

Gabriel — Sun, 14 Feb 2010 19:08:44 +0000

.NET

Tantas opciones que hay para formatear strings en.NET, que es difícil memorizar todas.

Hoy tuve que formatear una cifra numérica que en la base de datos está como decimal, pero en el UI no quería desplegar ninguno de los decimales. Casi todo el mundo ha utilizado el string.Format(“{0:C”), el cual formatearía como si la cantidad fuera una cifra monetaria, pero eso implica tener decimales.

Algua persona podría pensar en realizar esto desde el stored procedure o el query que trae la información, pero personalmente creo que eso es un error, ya que los datos deben estar siempre intactos y lo unico que debemos modificar es el formato en el que los queremos desplegar. Además, eso implicaría tener que estar controlando también el formato del símbolo separador de miles. Esto es algo que simplemente no se debe hacer en base de datos.

Googleando, encontré en los forums de ASP.NET la siguiente manera de hacerlo, pero tampoco es la más correcta:


System.Globalization.NumberFormatInfo nfi = new System.Globalization.NumberFormatInfo();
nfi.CurrencyDecimalDigits = 0;
nfi.CurrencySymbol ="$";
myLabel.Text =string.Format(nfi,"{0:C}", ad.Price);

Ya que estoy utilizando esto en un control Repeater, tendría que crear un método con las primeras 3 líneas de texto anteriores, y eso implicaría estar generando varias instancias de NumberFormatInfo.

Para ya no hacer más largo este post, les dejo la solución correcta.


string.Format("0:C0", ad.Price);

Así de sencillo…y no lo especifican en ningun lugar de MSDN…lo vine a encontrar aqui: .NET Format String 101. Obvio decirlo, basta cambiar el C0 por C1, C2, C3 o Cx para determinar el número de decimales que queremos desplegar. Esto también hace mucho más facil poner ese format string en el archivo de configuración y poder reutilizarlo en varias pantallas sin tener que estar cambiando código.

Les dejo también otra buena referencia de string.Format: String Formatting in C#

Aplicar formatos condicionales a numeros con string.Format

Gabriel — Fri, 15 Jan 2010 06:13:10 +0000

.NET

Esto es algo que descubrí hoy referente a formateo de números en .NET y que por más simple que parezca, tiene mucha utilidad, ya que puede reducir un bloque de 3 o 6 líneas de código, a una sola línea.

En lugar de necesitar varios if’s para evaluar el valor del número que vamos a formatear y poder determinar el formato que se va a aplicar (desplegar el número entre paréntesis si es negativo, desplegar la palabra Cero si el número es 0, etc), se puede hacer todo el una sola línea, ya que el metodo ToString() permite formatos condicionales de 2 o 3 condiciones…es decir, podemos hacer esto:


const string formato = "000;(##);Cero";

 Console.WriteLine(7.ToString(formato)); // va a desplegar "007"
 Console.WriteLine((-5).ToString(formato)); // va a desplegar "(5)"
 Console.WriteLine(0.ToString(formato)); // va a desplegar "Cero"

Formatos condicionales en .NET usando ToString()

El formato entonces es: “positivo;negativo;cero”.

También es posible especificar solo el formato positivo y negativo.

Espero les sirva.

Usar el operator ternario de C# con nullables

Gabriel — Wed, 06 Jan 2010 07:39:15 +0000

.NET

Todos los días se aprende algo…

Desde hace mucho tenemos disponible el operador ternario (o condicional) en C#, también conocido como el operador “?“.

El operador ternario sirve para regresar/usar uno de dos posibles valores, dependiendo de una condición boleana.

La estructura es:

condicion-boleana ? valor-si-se-cumple : valor-si-no-se-cumple

Es decir, permite reducir de esto:


int? myVar; //variable int nullable

if(string.IsNullOrEmpty(textbox1.Text))

{ myVar = null; }

else

{ myVar = Convert.ToInt32(textbox1.Text); }

a esto:


myVar =string.IsNullOrEmpty(textbox1.Text) ? null : Convert.ToInt32(textbox1.Text);

Y uno esperaría que el código del segundo bloque compile, pero no es así. En lugar de que funcione, el compilador nos marca el siguiente error:

Type of conditional expression cannot be determined because there is no implicit conversion between ‘’ and ‘int’

Yo llevaba años usando el operador ternario y siempre me pareció ilógico que no se permitiera esto. Y probablemente fue más ilógico el hecho de nunca haber googleado como solucionar esto..ya que la solución es simple.


myVar =string.IsNullOrEmpty(textbox1.Text) ? (int?)null : Convert.ToInt32(textbox1.Text);


myVar =string.IsNullOrEmpty(textbox1.Text) ? null : (int?)Convert.ToInt32(textbox1.Text);

Simple…el compilador tenía razon. No hay una conversión implícita entre null e int, pero sí entre null y Nullable (a.k.a. int?). Casteando cualquiera de los lados de la expresión, va a compilar sin problemas.

Espero les sirva.

God Mode (O Modo Dios) en Windows 7, Vista y Server 2008

Gabriel — Tue, 05 Jan 2010 08:16:38 +0000

El God Mode (o Modo Dios) en Windows 7, se logra simplemente agregando un nuevo folder en el Desktop y poniendole como nombre:

GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}

Una vez que hagamos eso, inmediatamente aparecera en el desktop un shortcut que se verá asi:

God Mode en Windows 7

Al dar doble click sobre el ícono, abrirá una pantalla que nos da acceso a 278 configuraciones específicas de Windows 7, divididas en 46 categorías. El siguiente es solo un screenshot de algunas de las categorías y los settings que podemos alterar, desde un solo lugar:

Algunas configuraciones disponibles en el God Mode en Windows 7

Funciona en Windows 7, Windows Vista y Windows Server 2008, PERO, al parecer las ediciones de 64 bits de Vista y 2008 Server presentan problemas a la hora de agregar el shortcut, así que no es recomendable probarlos. El God Mode funciona bien en 32 bits para los 3 sistemas operativos y Windows 7 64 bits.

Definitivamente a mi me servirá la próxima vez que esté intentando ayudar a alguien a reconfigurar algo de su máquina, especialmente por telefono…..tener todos los settings en el mismo lugar evita el típico: “Entra a esta categoría, dime si ves este icono, etc..”.

Espero les sirva.

Los DNS de Google dan problemas al jugar en Xbox Live

Gabriel — Sat, 02 Jan 2010 03:23:34 +0000

Google

Primer post del 2010.

Hace poco, Google hizo publico un servicio de DNS gratuito. Los DNS son los servidores que resuelven/transforman los nombres de dominio de internet como www.google.com, a una dirección IP (en formato 127.0.0.1, por ejemplo).

La mayoria de la gente no se preocupa por cuál DNS está usando, porque generalmente el proveedor de servicios de Internet determina unos servidores por default. Sin embargo, cada quién puede cambiarlos en la interfase de administración de su modem.

Con este servicio, Google tiene como objetivo ayudar a la gente a que su navegación por internet sea más rápida, asumiendo que sus servidores de DNS pueden realizar las resoluciones de nombre de dominio más rapido que la mayoría de los servidores DNS que existen.

Si quieren comprobarlo, existe una herramienta llamada namebench, que ayuda a determinar cuales servidores DNS son los más óptimos para nuestro uso.

Y después de todo este rollo, la razón por la que escribo esto es porque hace unas horas, modifiqué mi configuración para utilizar los servidores DNS de Google y empecé a tener problemas al estar jugando en Xbox Live.

Jugué unos 5 o 6 juegos de Halo 3 en Live, y durante cada juego perdí la conexión por unos 30 segundos, unas 2 o 3 veces. El juego se reestablece, pero con obvia desventaja. Incluso al final de un juego, la pantalla se quedó trabada con el clásico mensaje de “Connecting to new host..” como por 3 minutos y tuve que apagar el Xbox.

Seguiré haciendo experimentos y actualizaré este post, pero quería publicar esta información por si alguien más está teniendo problemas.

Software indispensable para una computadora nueva

Gabriel — Mon, 28 Dec 2009 02:48:10 +0000

Software

La siguiente es una lista de todos los programas que le instalo a una computadora nueva, recién formateada, etc. Son los programas que yo creo que complementan perfectamente la funcionalidad que Windows no trae por default. La mayoría de estas aplicaciones son gratis.

Media

µTorrent – el mejor y más ligero programa para bajar torrents.
Windows Live Messenger – el unico cliente de IM que uso. Estoy pensando en empezar a probar las alternativas más conocidas, como Pidgin o Trillian, porque Windows Live Messenger ya está demasiado pesado y cargado de features que la mayoría de la gente no utiliza.
Messenger Plus! – Este es una de las razones por las que sigo utilizando el Live Messenger. Provee encriptación de historial de conversaciones, todas las conversaciones en una sola ventana, Contactos en el desktop, etc.
ImgBurn – Software para quemar CD/DVD/ISO/Blu-ray y también para crear imágenes ISO de CDs o DVDs que tengas.
DVD Flick – Creación de DVDs. Te permite tomar varios videos y quemarlos en formato DVD, agregarles subtitulos, menú al DVD, etc.
DVD Shrink – Permite respaldar CD/DVDs a disco duro. El download directo no está en su pagina oficial, pero lo pueden encontrar en esta liga.
PDF X-Change Viewer – Permite visualizar PDFs. Uso este porque el Adobe Reader, aunque gratis, es exageradamente pesado y lento para algo tan sencillo como ver PDFs.
iPhone 3GS Video Converter – Transforma varios formatos de video a formato del iPhone. Gratis, muy bueno, hecho por Videora. También tienen convertidores para el iPod y otros.
VLC – Excelente programa para visualizar archivos de video. Muy ligero, permite ver subtítulos, y puede decodificar la mayoría de los formatos de video sin necesidad de instalar los codecs.

Gráficos

Paint.NET – Un mini-photoshop hecho en .NET. Muchas features, y muy ligero.

Utilerías

Everything – Te permite encontrar rápidamente cualquier archivo que estés buscando en tu computadora. Ya hablé de el en este post.
Launchy – Lanzador de aplicaciones rápido y ligero. Intenté quedarme solamente con el “Search Programs and Files” de Windows 7, pero la verdad no es tan rápido como Launchy.
Fences – Permite organizar los iconos del desktop en sectores, no alenta la computadora.
Gizmo Central – Para montar imágenes ISO a un drive de CD virtual, y poder instalarlas (suponiendo que fueran programas) desde ahí.
Notepad++ – Sustituto de Notepad. Permite MDI (multiples documentos en una sola ventana), tiene code coloring para cuando se está desarrollando en HTML y algunos otros lenguajes. También es muy util a la hora de usar el View Source sobre alguna página.
WinRAR – Sustituto de Winzip. Permite crear archivos ZIP y RAR, buena interfase, casi no usa RAM. Su página de downloads está algo confusa, solo busquen el que diga WinRAR x86 o x64 según sea su sistema operativo.
SyncBack SE – Excelente programa para respaldar archivos. Tiene varias opciones, filtros, excepciones y hasta permite calendarizar los respaldos. Permite backups incrementales o totales. No he utilizado el nuevo programa de Backup de Windows 7, pero definitivamente SyncBack SE es una muy buena alternative.

Internet

Firefox – browser favorito. Permite instalar extensiones útiles (por ejemplo, para analizar páginas web), themes, etc. Lo unico que no me gusta es que después de una sesion larga, utiliza demasiado RAM y hay que reiniciarlo.

Seguridad

AVG – Antivirus gratuito. Muy bueno, no alenta la computadora, bueno para detecciones.
Truecrypt – Permite crear discos duros virtuales encriptados adentro de un archivo, para luego montarlo como un disco duro temporal. También permite encriptar particiones completas para mayor seguridad. Está demasiado sencillo de usar, pero si tienen problemas o no saben donde empezar, pueden ver esta guía de como usar Truecrypt.

Creo que son todos. Estaré actualizando esta lista. Si tienen alguna recomendación que crean deba estar incluida aquí, favor de dejar un comment.

Última actualizacion: Diciembre 27, 2009