Hace algún tiempo realicé un artículo donde ponía a disposición un SVG con las medidas estandar para realizar banners web. Aunque el artículo está bastante completo, con los años algunos se han agregado (no muchos, pero vale la pena hacer la acotación). Como sé que es un recurso que a varios les servirá, acá se los dejo nuevamente. Vale destacar que todas las medidas son en px. El archivo SVG lo pueden descargar en: dropbox.com/tatica/banners.svg     Medidas estandar para banners web horizontales Leaderboard long: 984 x 170 Leaderboard medium: 728 x 90 Banner completo: 468 x  60 Banner horizontal: 392 x 72 Medio banner horizontal: 234 x 60 Rectángulo horizontal: 300 x 250 Botón: 120 x 90 Medio botón: 120 x  [ Read More ]

Una de las cosas mas básicas que se hacen al crear un theme de WordPress es agregar áreas de Widgets personalizadas y muchas veces, terminamos construyendo un theme completo a punta de estos. El procedimiento para agregar un sidebar es el siguiente: Abrimos el archivo functions.php y ubicamos la siguiente línea: if (function_exists(‘register_sidebar’)) { Luego agregamos lo siguiente: register_sidebar(array( ‘name’=> ‘Nombre Del Widget’, ‘id’ => ‘codigo-del-widget’, ‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”>’, ‘after_widget’ => ‘</li>’, ‘before_title’ => ‘<h2>’, ‘after_title’ => ‘</h2>’, )); Donde “Nombre del Widget” será el nombre que se mostrará en el admin y “codigo-del-widget” será el que utilizaremos para incluir en el php del theme como tal. Ahora solo resta agregarlo dentro de nuestro theme, en mi  [ Read More ]

Diseñar un banner web es una de las principales tareas que un diseñador tiene cuando llega a una empresa, bien sea para publicar en webs amigas o para promocionar un producto en su propia página. Anteriormente hice un artículo donde coloqué las medidas estandar que se usan en la red para los banners (que ya están un poco desactualizadas), pero hoy es el día en el que les dejaré un sencillo tutorial paso a paso, para diseñar su propio banner utilizando Inkscape. Inkscape es una herramienta de diseño vectorial en la que cada forma o elemento que agregues se convierte en una capa, por lo que es muy fácil tener un diseño base y simplemente aregar/quitar cosas cuando amerite; lo  [ Read More ]

Recientemente, Richzendy y yo compramos un PS3 y para ser honesta, creo que ha sido la mejor consola que hemos comprado. La calidad de los juegos es genial y la velocidad, ni que decir. Somos un par de adictos a las Series y Películas y usualmente las vemos en nuestras Pc; sin embargo, curioseando y luego de revisar otros Media Servers, nos gustó bastante el PS3MediaServer. Lo bueno de este sobre los otros es que permite más tipos de archivos de reproducción (utiliza mplayer como base) y permite ver subtitulos. Es super fácil de instalar, acá, una guía lo más simple posible para que les funcione en menos de 5min :) Primero, descarguen la versión más nueva de PS3MediaServer desde  [ Read More ]

Recientemente tomé un ticket de diseño que solicitaba realizar un video descriptivo sobre como utilizar ask.fedoraproject.org. FranciscoD realizó un excelente screenvast y escribió una muy detallada lista de items a seguir, los cuales me ayudaron a editar y colocar audio (si, ya sé que aún no lo he hecho en español, pero por ahi vienen los subtitulos) que aunque con mi mal inglés, se entiende que es lo que hay que hacer. Ya que pienso que compartir es bueno, acá está una lista de las herramientas que utilicé para realizar el video.: recordmydesktop: usado para grabar el escritorio inkscape: utilizado para realizar la simagenes que sirvieron de introducción y cierre audacity: usado para grabar y editar el audio (el efecto  [ Read More ]