Diseño Web

7 tips para usar Photoshop (para programadores)

Si eres un programador empedernido que no necesita nada más que un buen café y tu editor de texto favorito, tal vez el diseño web no sea para ti. Es bastante polifacético. Aunque es cierto que se necesita de habilidades de programación, también es imprescindible conocer el manejo de ficheros multimedia y gráficos. Si, los gráficos, probablemente manejados con Photoshop.

Si es la primera vez que lo utilizas, la interfaz de Photoshop puede parecer un poco rara. Es algo distinta de las interfaces de usuario de los demás programas del sistema operativo y algunas de sus características nos podrá confundir. La mejor solución a este problema, es probar y probar, luego, nunca querrás alejarte de este software cuando tengas que manipular imágenes. Afortunadamente, hay algunos tips que puedes seguir para hacer tu trabajo con Photoshop más fácil...

jQuery Mobile lanzado, con Theme Roller

Después de 15 arduos meses de trabajo, desde aquél anuncio que hizo John Rsig sobre la creación de un framework para el desarrollo rápido de aplicación móviles, jQuery Mobile ha sido anunciado oficialmente...

JS Bin, para editar, probar y depurar JavaScript Online

Si bien existen varias aplicaciones que nos permite escribir código JavaScript online, JSBin es la más prolija de las que he probado hasta ahora. JS Bin nos permite crear nuestro código CSS, HTML y, por supuesto, JavaScript.

Cómo proteger imágenes HTML

Si deseas proteger las imágenes de tu blog o sitio web, lo mejor sería que no las publiques; ya que es casi imposible evitar que terceros copien o guarden las imágenes en sus equipos. Sin embargo, ahora vamos a mencionar un pequeño truco que podría desalentar a la gente no ducha en "el arte del copy y paste" de imágenes.

Para que aprecies un ejemplo, trata de guardar la siguiente imagen con un tradicional "Guardar como".

La opción "Guardar imagen" que encontramos luego de darle clic derecho esta disponible, pero en lugar de descargar la fotografía real, lo que se va a almacenar es una imagen en blanco. Asimismo, la URL de la imagen (si vemos las Propiedades de la imagen) muestra unos caracteres raros (esto se llama una URI de datos) y por tanto, los no técnicos, no podrán hacer hotlinking directamente a la imagen.

Esta es la manera de implementarlo con nuestra propias imágenes...

Adobe Edge, para realizar animaciones con HTML5

Mucho se habla de que HTML5 será el futuro de la web; pero, en la actualidad, mientras que los desarrolladores de HTML5 siguen trabajando directamente con JavaScript, SVG, CSS y otras tecnologías, los diseñadores Flash disfrutan de un ambiente mucho más rico, con herramientas de dibujo, de manejo de efectos, de animaciones y muchas más. Este es precisamente el hueco que ha encontrado Adobe y que ha cubierto con Edge: Volver fácil el desarrollo con HTML5.

Edge es un programa que Adobe ha lanzado hoy, y que nos permite realizar animaciones con HTML5 de una manera muy sencilla. El programa aún se encuentra en beta y si lo descargamos e instalamos, podremos usarlo en fase de prueba por 152 días...