Estos días estoy trasteando con Symfony, uno de los frameworks de PHP con más éxito en la actualidad. Detrás de Symfony hay una comunidad muy activa que proporciona muchísima documentación sobre cómo utilizarlo, incluso tenemos a nuestra disposición el manual oficial traducido al castellano. Otra de las ventajas que ofrece Symfony es que ha sido probado y testado por muchos de sus usuarios, por lo que han podido resolver gran cantidad de errores de código.

Symfony se basa en el patrón MVC (Modelo Vista Controlador). La estructura lógica de nuestros proyectos se divide en Aplicaciones > Clases > Módulos, donde la Aplicación seria nuestro proyecto, las clases los tipos de funcionalidades de las que consta nuestra aplicación (gestión de usuarios, gestión de noticias, gestión de comentarios, etc.) y los módulos, que es donde se detalla cómo hacer cada funcionalidad de la clase a la que están asignados (alta, borrado y edición de usuarios, etc.).

Como cualquier framework, al principio cuesta conocer la sintaxis y la metodología para programar las operaciones, pero como todo es cuestión de práctica y experiencia, poco a poco se van adquiriendo los conocimientos suficientes como para poder realizar nuestros proyectos con soltura y lo más importante: con rapidez.

Si has decidido utilizar Symfony para tu proyecto web, habrás llegado a otra cuestión ¿qué programa o IDE utilizo?. Yo he elegido NetBeans 6.9 (la última versión hasta la fecha). NetBeans, además de ser opensource y totalmente gratuito, en su última versión nos ofrece un asistente para crear un proyecto PHP utilizando el Symfony e incluso tenemos a nuestra disposición una consola UNIX para configurarlo.

Configurar proyecto Symfony en NetBeans 6.9

1. En primer lugar debemos tener un LAMP instalado en nuestro equipo.Yo utilizo XAMPP en Windows y MAMP en MAC OS X.
2. Descargamos la última versión estable de Symfony desde su web.
3. Descomprimimos el fichero descargado en el directorio de nuestra web. Debería quedar algo así.
   

   C:\dev\MiProyecto\symfony-1.4.6

4. Abrimos NetBeans y creamos un nuevo proyecto PHP. Seguimos todos los pasos hasta el último, PHP Frameworks, donde seleccionaremos Symfony. Al seleccionarlo nos aparecerán varias opciones de configuración. Tendremos que pulsar sobre Options, a la derecha de la ventana.



5. Se nos abrirá el panel de configuración de PHP. En la pestaña de PHP indicaremos la ruta donde se encuentra el ejecutable de PHP del LAMP que hayamos instalado:
   

   C:\Archivos de programa\Xampp\xampp\php\php.exe

   Además, tendremos que indicar la ruta de instalación de Symfony pulsando el botón Add Folder, que será la carpeta que hemos descomprimido en el directorio de nuestro proyecto

   C:\dev\MiProyecto\symfony-1.4.6



6. En la pestaña Symfony tendremos que indicar la ruta del fichero binario del framework que se encuentra en:
   

   C:\dev\MiProyecto\symfony-1.4.6\data\bin\symfony



7. Le damos a Aceptar y antes de pulsarle en Terminar seleccionamos el checkbox de backend.



8. Ya tendremos configurado e instalado nuestro proyecto de Symfony en NetBeans.
   

Otra de las propiedades que implementa CSS3 es text-shadow, gracias a la cual podremos aplicar un efecto de sombra a cualquier texto. Esta propiedad, que se propuso para las CSS2, no ha sido incorporada hasta ahora. La sombra del texto podrá ser difuminada (como el drop-shadow de Photoshop) o nítida, como si hubiésemos duplicado el texto y el que está detrás, un poco desplazado, sería la sombra.

Además de un bonito efecto visual, esta propiedad nos permite incluir más texto en la página web, evitando así tener que recurrir a Photoshop para editar las imágenes necesarias. Con esto logramos incluir más texto en la página y así disponer de más lugares donde incluir keywords para mejorar el posicionamiento web.

El problema de esta propiedad es que algunos navegadores no la soportan. Sólamente las últimas versiones son capaces de reconocerla. Sin embargo, existen varias alternativas cross-browsing para simular el text-shadow en navegadores antiguos. La propiedad text-shadow es soportada por Firefox 3.5+, Chrome, Internet Explorer 7+, Opera 9.5 y Safari 3+.

La sintaxis de esta propiedad es la siguiente:

text-shadow: color ejeX ejeY RadioSombra;

Ejemplo:

p.shadow {
color: #333333;
text-shadow: #1486D6 1px 1px 2px;
}

Prueba de texto con fondo difuminado

Podemos poner varias sombras a un mismo texto separadas por comas. En Firefox 3.5+ se pueden poner infinidad de ellas, en Opera están limitadas y en Safari sólo se puede poner una.

p.shadow {
color: #333333;
text-shadow: #1486D6 3px 3px 15px, red -3px -3px 15px;
}

Prueba de texto con fondo difuminado con dos colores

La alternativa para Internet Explorer 7+ no ofrece el mismo efecto, pero es lo único que hay por el momento. Desde mi punto de vista, lo mejor es no utilizar este efecto en IE, simplemente ponemos el texto en negrita u otro color.

p.shadow {
display:block;
with: 100%;
filter: dropshadow(color=#FFFFFF,offX=1,offY=1);
}

Prueba de texto con fondo difuminado sólo para Internet Explorer 7+

Smashing magazine es uno de los blogs de diseño y desarrollo web más importantes en el panorama internacional. En él participan numerosos profesionales del sector que escriben tutoriales, guías, tips, recursos, etc.

A finales de septiembre van a publicar The Smashing Book, libro impreso que trata sobre las mejores prácticas del diseño web actual. En el libro podemos encontrar diversas técnicas, trucos y prácticas de programación, usabilidad y optimización, y nos mostrarán cómo crear interfaces de usuario de éxito utilizando principios de marketing para aumentar el ratio de conversión. Podremos saber qué tipografías y colores debemos elegir para lograr diseñar páginas web intuitivas y efectivas.

El libro está a todo color con cerca de 300 páginas. Estará disponible para todo el mundo (gastos de envío gratis a EEUU y Alemania) y nos ofrecen una garantía de devolución del dinero de 30 días. Puedes hacer un pre-order antes de que se publique a finales de septimebre, beneficiándote de un 20% de descuento. Por aproximadamente 23€ (gastos de envío incluídos) he comprado mi ejemplar, ya os diré qué tal está.

El libro se divide en varios capítulos:

• El arte y ciencia de las CSS
• Diseño de interfaces de usuario en aplicaciones modernas
• Tipografías en la web: reglas, guías y errores comunes.
• Principios de usabilidad para webs modernas
• Guía del uso del color en diseños web y usabilidad<
• Procedimientos de optimización para páginas web
• Diseñar para vender: incrementa el ratio de conversión
• Cómo convertir una página web en una marca notable
• Aprendiendo de expertos: entrevistas y análisis
• La historia de Smashing

Más info | http://www.smashingmagazine.com

El mes pasado Mozilla lanzó Open Web Tools Directory, un directorio de herramientas y aplicaciones gratuitas para desarrolladores web. El objetivo del directorio es recopilar en un único lugar todas las herramientas disponibles en la red para facilitar el acceso a éstas. Si bien empezaron con un par de herramientas y aplicaciones, poco a poco han ido aumentando su número gracias a la participación de los usuarios, que pueden enviar sus proyectos a través de un formulario.

La presentación de las herramientas es muy creativa. A través de un entorno espacial, podremos ver los logos o screens de las tools disponibles. Al pinchar en cada imagen aparecerá una ventanita con información y un enlace a la página web del proyecto. Si bien es original, hay que decir que si hay muchos logos o screens, éstos se superponen y la navegación se hace bastante complicada e incluso algunas herramientas quedan sepultadas por otras. El entorno de navegación está desarrollado en HTML5, por lo que es necesario utilizar navegadores avanzados. De todos modos, hay disponible una versión en HTML básico para que cualquier usuario pueda acceder al contenido.

Las herramientas y aplicaciones están dividas en categorías: diseño, código, pruebas, despliegue y documentos. Al acceder a cada una, los logos se reordenan y aparecen en varias filas, facilitando su visualización. También disponemos de un buscador para acceder directamente al contenido que nos interesa. Entre las herramientas y aplicaciones que podemos encontrar, destacan frameworks como jQuery, Prototype o Dojo, el famoso debugger de firefox FireBug, y muchísimas otras herramientas o aplicaciones que son menos conocidas y que gracias a este portal, pueden darse a conocer.

Más información | http://tools.mozilla.com/index.html

La nueva versión de HTML (HTML5) es un paso más en pro de la web semántica. El nuevo HTML5 (“Hypertext Markup Language”) incorpora nuevas etiquetas para estructurar y especificar el contenido de las páginas web. Si bien se mantienen los tags clásicos, los nuevos nos permitirán indicar notas (aside), conversaciones entre personas (dialog), ficheros de audio o video, detalles (details), etc.

La gente de Smashing Magazine ha publicado recientemente una tabla de referencia rápida (Cheat Sheet) de HTML5 para consultar de forma más sencilla las nuevas etiquetas.

Más info | http://www.smashingmagazine.com/html-5-cheat-sheet-pdf

Los próximos días 2,3 y 4 de Octubre se celebrará en el IFEMA de Madrid la III Edición del Congreso de Webmasters 2009. En la última edición se alcanzaron más de 3000 visitantes, convirtiéndose así en uno de los eventos más importantes del sector en nuestro país.

La tercera edición del congreso buscará la participación activa de los asistentes, por ello, además de numerosas ponencias y talleres, éstos podrán consultar sus dudas y exponer sus casos a los expertos que asistirán al evento. La programación del congreso tratará temas variados relacionados con el desarrollo web, seguridad y legislación en internet, el comercio electrónico y el marketing en internet (posicionamiento web). Para ello, participaran numerosos ponentes y habrá talleres y charlas prácticas con casos reales (ver programa completo del III Congreso de Webmasters 2009)

Si deseas asistir puedes realizar ya tu inscripción a través de la página del congreso abonando los 60€ de inscripción. Yo estoy planteandome seriamente en asistir. Nunca he ido a ningún evento de este tipo y la verdad es que me resulta muy interesante, ¿y tú? ¿vas a asistir al congreso de webmasters 2009?

Más info | http://blog.congresodewebmasters.com