Bitácora de Thomas » Diseño

TED en Español!!

thomas — Wed, 13 May 2009 14:56:34 +0000

“TED significa Tecnología, Entretenimiento, Diseño. Comenzó en 1984 como una conferencia que reúne a personas de esos tres mundos. Desde entonces, su ámbito de aplicación se ha vuelto cada vez más amplio.”

Es un sitio maravilloso que tiene conferencias maravillosas de estos tres maravillosos temas, tecnologías, entretenimiento y diseño. REalmente maravilloso. Hasta hace un par de meses estaba restringida a quienes podían escucharlo en su idioma original, el inglés. Salvo alguna que otra que podíamos encontrar subtitulada en youtube o en dotsub.

Ahora tenemos la dicha de poder disfrutarlas con subtítulos en español. Te aseguro que te quedarás pegado a cualquiera de las conferencias que veas.

A este momento ya hay 32 conferencias subtituladas en español, así que puede comenzar a disfrutarlas ahora.

Enlace: TED en Español

Web20Generator: XHTML CSS Design Generator

thomas — Fri, 13 Feb 2009 16:09:15 +0000

Algunas veces necesitamos hacer un sitio web rapidísimo y tener una plantilla plantilla para las páginas al instante. en este caso podemos recurrir Web20Generator quenos proporciona una plantilla con todas las exigencias actuales como las validaciones XHTML, CSS y todo en regla. Sólo elegimos tres colores y ya.

20 editores gráficos online

thomas — Sat, 31 Jan 2009 11:08:33 +0000

La tendencia de estos tiempos es que nada esté en nuestros discos duros, que todo esté online, en algun sitio y a la vez en ninguno. Ya los programas de ofimática tienen herramientas online a cual mejor, y los programas de tratamiento de imágenes no se quedan atrás, en Mashable encontré esta lista de los 20 más utilizados.

Dales una mirada y elige el que más se acomode a tus necesidades.

Toooodos los Métodos de Visualización

thomas — Thu, 06 Mar 2008 03:07:25 +0000

Vía ECuaderno llegué es esta fabulosa “tabla periódica” de los métodos de visualización. Si, métodos de visualización son esas construcciónes de textos, imágenes, cajas, líneas, colores que muetran datos, procesos, estructuras, conceptos, metáforas, etc, en forma visual.

Los pocos que conocía son:

De visualización de datos: Tablas, tortas,barras ,histogramas.
De visualización de información: mapas, líneas de tiempo, diagramas de flujo, redes semánticas, diagramas de Venn/Euler
De visualización de conceptos: mapas mentales, círculos concéntricos, cadenas de causa-efecto, árboles de descición.
De visualización de metáforas: ninguno.
De visualización de estrategias: Ciclos de vida, solamente.

No los conté en total, pero si son como los elementos de una tabla periódica de elementos químicos, deben haber alrededor de 110.
Tabla periódica de métodos de visualización » eCuaderno
Visual-literacy.org

Entrándole a CSS

thomas — Fri, 29 Feb 2008 12:22:18 +0000

Hacer frente a cada nueva tecnología que se va a masificando siempre produce diferentes grados de resistencia, la razón suele ser el desconocimiento de cuán compleja puede ser eso nuevo que se enfrenta.

En el caso de CSS todo parece tan complicado que puede hacernos postergar indefinidamente el momento de iniciar su aprendizaje. Pero, si contamos con herramientas que están siempre al alcance de un clic y que son tan simples que ya no tenemos justificación para comenzar ahora!!.

CSS Type Set es un sitio que en forma 100% intuitiva nos genera el código CSS que se requiere para lograr un formato de texto. Revisando la fuente de estos ejemplos verás cómo ese simple pedazo de código controla la forma en que se presenta el texto (sólo hablemos del texto ahora): Ejemplo1, ejemplo2, ejemplo3.

Otra herramienta un poco menos intuitiva pero muchísimo más completa es CSS Builder.

Si no comienzas ahora es simplemente porque no quieres.

PD: .. y les dejo mi lista de sitios interesantes de css que voy marcando cuando creo que me serán útiles en algún momento.

Miles de Fonts (Tipos de letras)

thomas — Tue, 11 Dec 2007 01:48:50 +0000

Seguramente cuando alguna vez buscaste tipos de letras (fonts) en Google, encontraste miles de sitios que dicen free o gratis y que al entrar tuviste gran decepción porque sólo unas cuantas eran libres y el resto necesitaba pago. También es posible que haya algun sitio con todas las fuentes libres, pero seguramente no será tan grande la colección como lo es en Fawnt, creo que es el sitio más grande de fuentes libres.

Muy fácil de navegar, con sus secciones de Browse (Hojear) por la letra inicial del nombre de la fuente, Categories que contempla:

cool
dingbats
distorted
futuristic
graffiti
handwriting
italic
old english
outline
pixel
script
square
stencil
typewriter

También tiene, obviamente su sección Buscar (Search) y se puede votar por alguna fuente

Creando una Plantilla Web 2.0 en Photoshop

thomas — Wed, 10 Oct 2007 11:07:36 +0000

Abrir un nuevo lienzo en blanco de 800 x 900 pixeles
Crear una nueva capa y darle a la parte superior un degradado horizontal de color #4dbce9 a transparente y que quede de la forma siguiente
Crear otra nueva capa y hacer una seleccion con la herramiente selección rectangular de tamaño fijo en 750 x 30 pixeles en el centro de la parte superior
y luego rellenarla de color negro de forma que quede así
Crear una nueva capa, seleccionar un área con la herramienta seleccionar rectángulo de tamaño fijo de 750 x 5 pixeles y ubicarla exactamente debajo del rectángulo negro anterior y rellenarla con el color #444444 para que quede así
Crear una nueva capa y seleccionar un área rectangular de tamaño fijo de 750 x 100 pixeles, ubicarla exactamente debajo de los ractángulos anteriores y rellenarla con el color #26ade4
A esta última capa aplicar el estilo superposición de degradado

con una gradiente de #26ade4 a #40c1f6
Poner con la herramienta de texto el nombre del sitio, esto con color blanco y el tipo de letra adecuados, luego ponerlo como indica la figura siguiente
Crear una nueva capa y ubicarla debajo de la capa de texto anterior

con la herramienta seleccionar elipse hacer una selección así
Hacer una gradiente de blanco a transparente de abajo hacia arriba como indica la figura
Duplicar esta capa y voltearla verticalemnte con: Ediciaón – Transformar – Voltear Horizontal.
Cambiar estas dos últimas capas al modo superponer y luego cambiar su opacidad entre 40 a 60%
Crear una nueva y seleccionar un área rectangular fija de 750 x 3 pixeles, colocarlo exactamente debajo del rectángulo azul
Crear una nueva capa, seleccionar una sola fila de pixeles con la herramienta seleccionar y la ubicaremos debajo del borde superior del útlimo rectángulo negro
Ahora haremos el menu de pestañas y para organizarnos más crearemos una carpeta para estas capas.
Crear una nueva capa, seleccionar un rectángulo fijo de 60 x 25 pixeles y ubicarlo como indica la figura

luego vamos a menú Selección – Modificar – Redondear y usamos 3 pixeles de radio con lo que obtendremos un rectángulo de 4 esquinas redondeadeas,

pero necesitamos que solo las dos de abajo estén redondeadas, entonces haremos una selección rectangular fija de 60 x 12 pixeles y la ubicaremos como indica la figura pero manteniendo presionada la tecla Shift.
Rellena la selección con una gradiente de #202020 a #444444
Duplica y reubica esta capa tantas veces como sea necesario
Ahora agregamos texto blanco a cada una de las pestañas que hemos creado. Debemos usar una fuente segura para la web (Arial, Tahoma, Verdana, …)
Ahora continuamos con la parte principal, donde irá el contenido. Crearemos una nueva carpeta de capas donde irán las nuevas capas. Creamos una nueva capa en la que seleccionaremos un rectángulo de 750 x 700 pixeles ubicandola debajo exactamente de la cabecera y la rellenaremos con el color #f4f4f4
Crear una nueva capa y seleccionar un rectángulo fijo de 530 x 650 pixeles, ubicarlo como en la figura

y redondear lasesquinas con Selección – Modificar – Redondear con un radio de 5 pixeles. Rellenarlo con blanco.
Aplicar el estilo Resplandor Interior

y luego el estilo trazo

Continuar en http://www.avivadirectory.com

Logos – logos – logos

thomas — Sun, 29 Jul 2007 22:14:11 +0000

Una imagen conteniendo cientos de logos de la Internet de hoy.

Presentaciones de PowerPoint: diez cosas que debe y no debe hacer

thomas — Wed, 06 Jun 2007 11:12:10 +0000

Presentaciones de PowerPoint: diez cosas que debe y no debe hacer

Por única vez: Fondos de Escritorio

thomas — Mon, 23 Apr 2007 01:51:11 +0000

Normalmente mi escritorio está sin ninguna imagen, o con alguna imagen que alguien (no yo) puso. Hago una excepción al hablar de este sitio de fondos de escritorio porque este sitio es realmente diferente, digo mejor que los demás:

Socksoff