Hace unas semanas, mientras trabajaba en el diseño de Biblioteca Comunidad Joomla, me vi en la necesidad de agregar unos ribbons (o cintas, en español) para los títulos de los libros. No quería hacerlo con imágenes, sino con CSS, ya que es posible y no es tan complicado.

Así que tomando el modelo de 3D Ribbon Generator decidí crear una extensión para Compass que permite crearlos de manera sencilla:

Ejemplo finalizado.

Los ribbons son compatibles con IE7+, Firefox 3.5+, Google Chrome y Safari / Safari iOS. Incluso la extensión ofrece soporte para CSS3 Pie, que permite agregar bordes redondeados y sombras en IE.

La utilización es bastante sencilla y flexible, toda la documentación e instalación se encuentran en el repositorio de GitHub.

Y si aún no utilizaron Compass, ¿Qué esperan? ;)

In defense of CSS hacks — introducing “safe CSS hacks” es uno de los artículos (incluyendo comentarios) más interesantes que leí en las últimas semanas:

Básicamente es un repaso por los diferentes métodos para establecer estilos para Internet Explorer, analizando pros y contras (por ejemplo, nunca había notado este problema que sucede al añadir comentarios condicionales en el HTML y sus posibles soluciones).

Al final del artículo se expone una posible solución que combina tanto los comentarios condicionales como los CSS hacks (aunque realmente no me termina de convencer el método…)

En fin, una lectura muy recomendable.

En Comunidad Joomla hemos lanzado un nuevo proyecto: Biblioteca Comunidad Joomla, un lugar donde se recopilan todos los trabajos que realizados por el equipo para aprender a utilizar y desarrollar con Joomla.

Sin embargo eso no es todo, ya que para festejar el lanzamiento del sitio hemos liberado nuestro último libro: Desarrollo de plantillas para Joomla! 1.6.

En más de 100 páginas, el manual pretende ser un documento fundamental para que, tanto usuarios noveles como avanzados, aprendan a realizar una plantilla funcional para Joomla! 1.6 y posteriores versiones. Al finalizar el documento, el lector deberá ser capaz de:

• Entender la estructura básica de una plantilla;
• Conocer los archivos que la componen y su funcionalidad;
• Poder agregar nuevas características y estilos personalizados;
• Conocer cómo modificar correctamente plantillas ya creadas;
• Saber crear plantillas desde cero.

Todo el material (inclusive los ejemplos) se encuentran en el repositorio de GitHub, en donde es posible colaborar ya sea realizando mejoras, creando nuevos contenidos ó reportante errores.

Después de un par de meses de trabajo, les quería contar sobre mi pequeño aporte a la comunidad de diseñadores y desarrolladores web: Fundamentos de jQuery, un libro-web totalmente en español para aprender jQuery desde cero.

El mismo abarca tanto conceptos básicos de JavaScript/jQuery (selectores, eventos, efectos, etc) como avanzados (creación de extensiones, patrones de organización del código, programación con eventos personalizados).

Además cada capítulo posee una serie de ejercicios para aplicar los conceptos aprendidos (dentro del mismo paquete del material se incluyen las soluciones).

El material es una adaptación del trabajo original realizado por Rebecca Murphey, bajo licencia Creative Commons.

Contenidos del material

• Capítulo 1: Bienvenido
• Capítulo 2: Conceptos Básicos de JavaScript
• Capítulo 3: Conceptos Básicos de jQuery
• Capítulo 4: El núcleo de jQuery
• Capítulo 5: Eventos
• Capítulo 6: Efectos
• Capítulo 7: Ajax
• Capítulo 8: Extensiones
• Capítulo 9: Mejores Prácticas para Aumentar el Rendimiento
• Capítulo 10: Organización del Código
• Capítulo 11: Eventos Personalizados

Asi que ya saben, si estan dando sus primeros pasos con jQuery, quieren aprender algunos nuevos conceptos o necesitan algún material de referencia en español, pueden darse una vuelta: http://librojquery.com/

Y obviamente están más que invitados a aportar mejoras y correcciones del material, todo se encuentra subido al repositorio en GitHub.