Con tu correo mensualmente tendrás los últimos temas gratis

* indicates required
Close

subscribe to the RSS Feed

Codigo de Colores

Escrito por Dattahome el octubre 16, 2008

votar

Mas del tema, colores para el uso en programación y diseño.

Muchas veces estamos en plena programación y nos hemos olvidado de algún cogido de color que necesitamos usar, en esta tabla están la mayoría de ellos esperamos sean de utilidad.

 

EEEEEE DDDDDD CCCCCC BBBBBB AAAAAA 999999
888888 777777 666666 555555 444444 333333
222222 111111 000000 FF0000 EE0000 DD0000
CC0000 BB0000 AA0000 990000 880000 770000
660000 550000 440000 330000 220000 110000
FFFFFF FFFFCC FFFF99 FFFF66 FFFF33 FFFF00
CCFFFF CCFFCC CCFF99 CCFF66 CCFF33 CCFF00
99FFFF 99FFCC 99FF99 99FF66 99FF33 99FF00
66FFFF 66FFCC 66FF99 66FF66 66FF33 66FF00
33FFFF 33FFCC 33FF99 33FF66 33FF33 33FF00
00FFFF 00FFCC 00FF99 00FF66 00FF33 00FF00
FFCCFF FFCCCC FFCC99 FFCC66 FFCC33 FFCC00
CCCCFF CCCCCC CCCC99 CCCC66 CCCC33 CCCC00
99CCFF 99CCCC 99CC99 99CC66 99CC33 99CC00
66CCFF 66CCCC 66CC99 66CC66 66CC33 66CC00
33CCFF 33CCCC 33CC99 33CC66 33CC33 33CC00
00CCFF 00CCCC 33CC66 33CC33 00CC99 00CC66
00CC33 00CC00 FF99FF FF99CC FF9999 FF9966
FF9933 FF9900 CC99FF CC99CC CC9999 CC9966
CC9933 CC9900 9999FF 9999CC 999999 999966
999933 999900 6699FF 6699CC 669999 669966
669933 669900 3399FF 3399CC 339999 339966
339933 339900 0099FF 0099CC 009999 009966
009933 009900 FF66FF FF66CC FF6699 FF6666
FF6633 FF6600 CC66FF CC66CC CC6699 CC6666
CC6633 CC6600 9966FF 9966CC 996699 996666
996633 996600 6666FF 6666CC 666699 666666
666633 666600 3366FF 3366CC 336699 336666
336633 336600 0066FF 0066CC 006699 006666
006633 006600 FF33FF FF33CC FF3399 FF3366
FF3333 FF3300 CC33FF CC33CC CC3399 CC3366
CC3333 CC3300 9933FF 9933CC 993399 993366
993333 993300 6633FF 6633CC 663399 663366
663333 663300 3333FF 3333CC 333399 333366
333333 333300 0033FF FF3333 0033CC 003399
003366 003333 003300 FF00FF FF00CC FF0099
FF0066 FF0033 FF0000 CC00FF CC00CC CC0099
CC0066 CC0033 CC0000 9900FF 9900CC 990099
990066 990033 990000 6600FF 6600CC 660099
660066 660033 660000 3300FF 3300CC 330099
330066 330033 330000 0000FF 0000CC 000099
000066 000033 00FF00 00EE00 00DD00 00CC00
00BB00 00AA00 009900 008800 007700 006600
005500 004400 003300 002200 001100 0000FF
0000EE 0000DD 0000CC 0000BB 0000AA 000099
000088 000077 000055 000044 000022 000011

Varita mágica de Photoshop

Escrito por Dattahome el

votar

En este artículo básico de manejo de Photoshop vamos a tratar la herramienta varita mágica, que sirve para hacer selecciones de una manera sencilla y rápida. Quizás este artículo no represente mucha dificultad, pero pensamos que será útil para nuestros lectores más inexpertos y para ir completando nuestra gama de tutoriales sobre las herramientas de Photoshop. Por ahora, todos los artículos sobre el programa los estamos publicando en el manual Taller de Photoshop.

Recuerdo las palabras de un amigo, colaborador y ex-compañero de trabajo, Angel Deblás, -un fiera del diseño gráfico- cuando comentaba hace bastante tiempo algo como esto: “Por facilidad, vamos a utilizar la varita mágica para hacer esta selección, aunque no debería utilizarla.” Su comentario me sorprendió y aun lo recuerdo hoy. Por supuesto, le pregunté qué quería decir con que no debería utilizar la varita mágica, ya que yo la encontraba tan útil. Angel me comentó que siempre hay en Photoshop alguna manera de hacer una selección y que quede mejor que utilizando la varita mágica.

La razón por la que me he parado a escribir este comentario en este artículo publicado en desarrollo web .com, es que me parece ideal como introducción y para transmitir los conocimientos de un profesional del diseño que una vez pude absorber. Así que, aunque la varita mágica nos parezca útil, sin lugar a dudas, tenemos que administrar su uso y no pasarnos de cómodos. A veces convendrá utilizar la selección poligonal o la herramienta de pluma.

La herramienta varita mágica de Photoshop sirve, como decía, para hacer selecciones. Las selecciones que se pueden hacer con la varita son de cualquier tipo, cuadradas, redondas, poligonales o de formas irregulares, así que es bastante versátil. El uso es el siguiente:

Seleccionamos la herramienta varita mágica, que tiene esta forma:

Espera! Queda mas para leer…no te vayas… »

Mapas de Google y Fotos de Panoramio

Escrito por Dattahome el

votar

Como debemos saber, Panoramio es un servicio de Google donde los usuarios pueden enviar fotos de cualquier parte del mundo. A través del API de Google Maps podemos, de una manera muy rápida, sobreponer una capa con las fotos de la base de datos de Panoramio. En este artículo veremos cómo incluir dichas fotos para enriquecer nuestros mapas con contenido actualizado y de utilidad.

Este artículo es muy sencillo, al menos así les parecerá a todos los que hayan seguido el Manual de programación del API de los Mapas de Google que venimos publicando en DesarrolloWeb.com. Sólo vamos a utilizar una nueva clase que no habíamos visto hasta ahora que es la clase Glayer.

Esta clase GLayer sirve para superponer capas con información geográfica de otros sitios web. En este caso utilizaremos el sitio web de Panoramio para incluir las fotos dadas de alta, pero también se puede utilizar GLayer para incluir información de la Wikipedia, por ejemplo.

En el documento http://spreadsheets.google.com/pub?key=p9pdwsai2hDN-cAocTLhnag podemos encontrar una lista de las posibles capas que por ahora soporta el API de Google Maps.

Para crear una capa con GLayer hacemos lo siguiente: Espera! Queda mas para leer…no te vayas… »

Infinity WordPress Theme

Escrito por Dattahome el octubre 12, 2008

votar

Bueno, creo firmemente que este es unos de los temas para WordPress más bonitos.

Lo dejamos para que disfruten de el.

Si alguien lo descarga y lo instala por favor nos dejan el link en un comentario para ver como queda.

Descargar Infinity-theme para WordPress

Efectos de transición entre paginas con Etiquetas Meta

Escrito por Dattahome el octubre 3, 2008

votar

Otra de las utilidades de las etiquetas META de HTML es la realización de transiciones entre páginas. Estas transiciones permiten que, al pasar de una página a otra, se cambie de documento creando un sencillo efecto de gradiente, cortinilla, etc. como los que hemos podido ver principalmente en edición de vídeo. Estas transiciones tienen un único objetivo que es mejorar la estética de la página y no afectan para nada al funcionamiento de la misma.

Transiciones sólo son compatibles con Explorer

Las etiquetas META de transiciones sólo son compatibles con Internet Explorer, por lo que otros navegadores no las tendrán en cuenta para nada. Es decir, simplemente las ignorarán.

Nos podremos preguntar entonces: ¿Hasta que punto se hace interesante el uso de las transiciones con etiquetas META? Pues esa respuesta depende de cada desarrollador y de sus criterios personales. Unos directamente las descartarán por no servir para mucho y por no estar presentes en la mayoría de navegadores. Otros podrán decidir utilizarlas, puesto que no afectan para nada a los programas que no las interpretan y por ofrecer algo adicional en Internet Explorer.

En mi modesta opinión, las transiciones entre páginas no son necesarias para nada y algunas son un poco feas, por lo que no acostumbro a usarlas. No obstante, las estoy explicando en este artículo de DesarrolloWeb.com para el que le apetezca utilizarlas y dar un poco de dinamismo en su página, para los usuarios de Internet Explorer. Sobretodo, tener en cuenta que transiciones muy largas pueden ser molestas más que vistosas.

Uso de las META Transition

Las etiquetas META Transition, o META de transición, se definen con la etiqueta META, a la que se le indican dos atributos.

Atributo http-equiv:
Para indicar si la transición es para cuando se entra en la página o cuando se sale de ella.

Atributo content:

Para indicar el tipo de transición y la duración.

Un par de ejemplos de etiquetas meta de transición serían:

<meta http-equiv=”Page-Enter” content=”blendTrans(duration=1)”>
<meta http-equiv=”Page-Exit” content=”revealTrans(duration=0.5, transition=5)”>
Espera! Queda mas para leer…no te vayas… »


Get Widget