Ya se ha abierto la inscripción de SubFlash 2010, que se ha convertido en un clásico, como el Ramón de Carranza en la pretemporada, la ensalada de pasta en verano, que bello es vivir en navidades y los granos en primavera.

Como cada Agosto, tenemos a Marcos preparándolo todo a pesar de que lleve 3 años diciéndole que le voy a echar una mano para poder montarlo en Galicia (y suerte que no me haga caso).

Este año es en Bilbao,  y en un simpático post del blog de SubFlash, nos comenta de que van a hablar y de como puedes inscribirte.

Para ello nos da 9 razones de peso:

1. La gente guay.
2. Sé el buen amigo de tu bolsillo.
3. Igual hasta los 90 euros te los regalamos.
4. Los tacaños también tienen sitio.
5. Aprender.
6. Una experiencia.
7. El lugar.
8. Tú.
9. La experiencia.

Al igual que en los años anteriores, Marcos, te auguro nuevamente un gran éxito. Mucha suerte !

Subflash, 2005, 2006, 2007, 2008, 2009… y ahora te toca a ti en el 2010!

Tags: subflash, 2010

Dreamweaver CS4 viene con soporte de serie para Subversion, y reconozco que no consigo configurarlo como Dios manda para que funcione. El caso es que hay otra alternativa – creo que más sencilla – que además de afectar al DWCS4, nos permite disfrutar de Subversion en versiones anteriores (probado al menos hasta la versión 8 )

Cuales son los requisitos necesarios ?

Tener instalado un repositorio de Subversion en el servidor y un servidor Linux.

Y que Software necesitamos?

• Dreamweaver versiones 8 a CS4
• WinSCP
• SVN4Dw (Extensión para dreamweaver)
• TortoriseSVN
• Putty

Instalamos todo el software ya mencionado y extraemos el contenido de “putty.zip” en una carpeta (archivos de programa/putty)

Ejecutamos “putty“. Introducimos el host o la IP del servidor y un nombre para poder guardar la sesión, tratando de que sea distinto del host (p.ej SVN_Session). Guardamos la sesión y la volvemos a abrir.

Mediante la línea de comandos, nos logueamos en nuestra cuenta del servidor con el nombre y usuario (en caso de no disponer de una cuenta, habría que ponerse en contacto con el administrador de sistemas) y escribimos los siguientes comandos.

[~]$ ssh-keygen -t rsa

– Presionamos la tecla enter en cada prompt –

[~]$ chmod 700 .ssh
[~]$ cd .ssh
[~]$ cp id_rsa.pub authorized_keys
[~]$ chmod 600 authorized_keys
[~]$ chmod 711 ~
[~]$ exit

Abrimos ahora el WinSCP y añadimos el host o IP del servidor, nombre de usuario, contraseña y seleccionamos “SCP” como protocolo. Hacemos click en Login.
Ahora, en la carpeta “.ssh“, hay un archivo llamado “id_rsa“. Descarga este archivo a la carpeta “keys” de la carpeta en la que hayas descomprimido el “putty“. En caso de no existir esta carpeta, la creamos.

Dentro de la carpeta de Putty, ejecutamos “puttygen.exe“, y en el menú “conversions“, hacemos click en “import key“. Seleccionamos entonces la clave “id_rsa” que anteriormente descargamos con el WinSCP. Hacemos click en “open” y nos aseguramos de que “SSH-2 RSA” está seleccionado. Hacemos click en “Save private key”, y nuevamente hacemos click en “Yes” cuando nos pregunte si deseamos guardar sin contraseña. Guardamos el archivo con el mismo nombre de la sesión (SVN_Session)

Ejecutamos nuevamente putty.exe, seleccionamos la sesión guardada y hacemos click en “load > Connection > SSH > Auth“, clickamos en “Browse/Examinar” y seleccionado el archivo .ppk creado anteriormente. Hacemos scroll hacia arriba y seleccionamos la sesión. La guardamos y la abrimos. Escribimos el nombre de usuario cuando se nos solicite y debería aparecer un mensaje de la forma “Authenticating with public key…”. Si hay algún mensaje de error, comprueba que has seguido los pasos correctamente.

Estamos llegando al final. Nos vamos ahora a “Mi PC” y nos ubicamos en una unidad de disco (por ejemplo C:\). Hacemos click con el botón derecho del ratón y seleccionamos “SVN Checkout“. La Url del repositorio debería ser similar a “svn+ssh://nombredeusuario+SVN_Session/home/ruta al repositorio de tu servidor“.

Seleccionamos ahora un directorio donde ubicar el “Site” en Dreamweaver, hacemos click en “OK” y esperamos a que todos los archivos sean descargados.

Ahora abrimos Dreamweaver y creamos un nuevo Sitio web. Para la ruta local, seleccionamos el directorio que hemos seleccionado para descargar del repositorio.

Cada vez que modifiquemos un archivo, utilizamos el menú creado por la extensión antes instalada “SVN4Dw“, llamado “SVN“. Utilizamos los comandos “Commit” para añadir un archivo al repositorio (archivos modificados por nosotros) y “Update” para descargar los nuevos archivos (actualizados por otros usuarios).

Ya esta todo listo para poder utilizar el “SVN” desde Dreamveaver.

Por cierto, para simplificar estos pasos, es posible crear atajos de teclado desde el menú “Edición > Métodos abreviados de teclado” desde el propio Dreamaweaver.

Tags: svn, dreamweaver, subversion

A nadie se le escapa que Firefox es uno de los mejores navegadores que hay (sin entrar en polémicas) y que una de sus grandes virtudes, es la cantidad de componentes que dispone, con los que podemos aumentar sus capacidades y prestaciones.

Sin embargo, sigue siendo un calvario la cantidad de memoria RAM que consume y que en ocasiones nos obliga a tener que cerrar el navegador o usar un liberador de memoria. Vía código cero, descubro un liberador de memoria como complemento, que nos ayudará un poco en esta labor.

[ código cero ] [ descargar liberardor RAM ]

Ni que decir tiene que me he vuelto un maniático a la hora de maquetar una web y conseguir que se vea igual de bien en los navegadores principales (no veas que subidón para el EGO) y el problema de Opera me empezaba a desesperar un poco.

Hoy, por casualidad he descubierto que poniendo esto en la hoja de estilos, conseguimos solucionar el problema.

/** Hack para el scroll doble de opera **/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
   html { overflow: auto; }

   body { overflow: auto; }
}

Espero que sirva de utilidad.

Desgraciadamente solo para los usuarios que posean una máquina con una manzanita.

El SDK del IPHONE trae un simulador que emula a la perfección al Iphone original. Al margen de instalarse como aplicación, también lo hace como navegador.

EN primer lugar hay que descargar e instalar el SDK IPHONE desde el centro de desarrollo. No es necesario pagar para ser parte del programa de desarrolladores de aplicaciones, solo es necesario tener una cuenta gratuita de desarrollador en el sitio web de Apple.

Una vez descargado e instalado abrimos Dreamweaver

1.- Ir a “Edición/Preferencias/Vista previa en el navegador”.
2.- Hacemos click en el botón “+” para añadir un nuevo navegador a la lista.
3.- Vamos a “Developer\Plataformas\IphoneSimulator.platform\Developer\Aplicaciones”
4.- Seleccinar el IPHONE Simulator.app
5.- Hacemos click en aceptar y a continuación, cerramos las preferencias.
6.- Ahora el Iphone Simulator está en la lista de navegadores.

Solo un pero. Y es que el Iphone Simulator debe estar ejecutándose para poder utilizarlo desde Dreamweaver.

[ Vía StringFoo ] [ IPHONE dev center ]

Tags: software, dreamweaver, apple

Alien Skin se hizo conocido entre los photoshoperos ( y fireworkeros ) por sus plugins Eye Candy y Xenofex. Desde entonces sacó varias colecciones de texturas para Eye Candy, Splat e imageDoctor. Ahora le toca el turno a un nuevo plugin. Alien Skin Bokeh.

Aunque no ha salido a la calle, según la gente de Alien Skin, le están dando los últimos retoques y en la primera semana de Diciembre estará listo.

La función de Bokeh es la manipulación del enfoque y profundidad de imagen. Para ello ofrecerá una gran variedad de técnicas de difuminación de gran realismo.

Más información en su web, donde además hay un video con el que poder ver como funciona este nuevo plugin.

[ Alien Skin ] [ Alien Skin Bokeh ] [ Video demostrativo ]

Tags: software, plugins, photoshop

Adobe Flash Catalyst es el nuevo software de Adobe. Su nombre en clave era “thermo”, por lo que seguro que a algunos ya les suena más.

Adobe Flash Catalyst es una herramienta pensada para crear interfaces y contenidos interactivos.

Esta nueva herramienta de Adobe, nos permite comenzar a partir de proyectos o composiciones estáticas creadas en Photoshop CS4, Illustrator CS4 o Fireworks CS4. Acto seguido mediante eventos interactivos, se pueden definir transiciones y movimientos, para después poder convertirlas en aplicaciones y contenido interactivo.

Catalyst nos proporciona dos formatos de salida, el formato SWF y el formato AIR. Además, se puede proporcionar un archivo de proyecto para desarrolladores de Adobe Flex Builder para añadir nuevas funcionalidades.

[ Adobe Catalyst en Adobe Labs ]

Tags: adobe, software, flash

En fin, en este caso y siguiendo el título, la gente de Adobe no descansa y nos presenta 2 novedades en AdobeLabs.

Cocomo, es una plataforma que permite que los desarrolladores de Flex, puedan integrar servicios de tiempo real en sus aplicaciones.

Pixel Bender, es una tecnología de procesamiento de vídeo, que permite optimizar en tiempo de ejecución la aplicación de algorítmos de procesamiento de imagen (Viva Google).

[ AdobeLabs ] [ Cocomo ] [ Pixel Bender ]

Tags: software, adobe, flex

Ya están aquí. Ya llegaron.

Adobe presentaba esta mañana (la del 23) su nueva suite, la CS4. Algunos de estos nuevos programas ya los conocíamos por medio de sus Betas (Dreamweaver, FireWorks y SoundBoth), aunque como siempre, estas betas sufren algunos cambios de última hora que deparan en ocasiones más de una sorpresa y una amplia sonrisa.

Quizá (y después de algunos comentarios en la red) uno de los más esperados era Flash. Los vídeos colgados en su web dejarán a más de uno boquiabierto (y yo el primero). Desde que conozco flash (desde la versión 1) probablemente sea una de las versiones que más me haya sorprendido por lo espectacular del resultado, bien sea por su nueva forma de animar, su cinemática inversa, el pincel rotador o el editor de movimientos.

Dreamweaver por su parte cada vez es más serio, y cada vez son más lo que lo toman en serio. Esta nueva versión lo convierten en un verdadero IDE de desarrollo, ganando a otros en algunos aspectos como por ejemplo por su previsualización en tiempo real gracias al motor de WebKit (verdad, Andrés ?), el navegador de código o la posibilidad de ver en tiempo real los procesos generados por una llamada Ajax, e incluso el sistema de autocompletar para frameworks conocidos como JQuery, Prototype y como no Spry. Damos la bienvenida como no, y ya era hora a su integración con Subversión.

Con Photoshop siempre es bueno tener un sombrero a mano. Por lo menos para ponerselo y así poder sacárselo. Han mejorado las herramientas ya existentes (opciones de fusión, zoom, alineación, escalados, …) y otras herramientas que desde luego haran las delicias de muchos. La gestión de objetos 3D y la posibilidad de pintar encima de ellos, la herramienta de profundidad de campo, el rescalado basado en el contenido, y algunas cosas más que iremos viendo con el tiempo.

E illustrator, que aunque no lo he usado mucho (todavía duele lo de Freehand) , por fin trae soporte multipágina, aunque lo llamen “mesas de trabajo”. La transparencia en los degradados, el pincel de manchas, la previsualización de separaciones, y la edición directa en el panel apariencia, son algunas de las nuevas herramientas que nos vamos a poder encontrar en esta nueva versión.

Son desde luego muchas novedades las que nos trae el CS4. Ahora solo queda el poder probarlas “de verdad”.

[ Dreamweaver ] [ Flash ] [ Photoshop ] [ Illustrator ] [ Adobe ]

Tags: diseño, dreamweaver, flash, photoshop, adobe

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

Y eso que me prometí no hablar de él !

Tags: javascript, chrome