Recursos para crear plantillas CSS

Además de yaml y blueprints existe otras herramientas o frameworks CSS que puede hacernos ahorrar mucho tiempo al comenzar con el diseño de un proyecto Web. Vandelaydesign.com nos ofrece un listado de 22 recursos de gran utilidad para simplificar el proceso de diseño CSS. Algunos de los recursos que se ofrecen son plantillas con una estructura definida, con el único fin de ayudarnos en el CSS inicial, pero otros recursos ya ofrecen un framework más avanzado para llevar a cabo todo el proceso de diseño de nuestro sitio. El usarlos pueden hacer que no perdamos tiempo al momento de definir CSS básico y distribución de elementos, además que todos cumplen con un código estricto que evita inconvenientes entre navegadores.

Framework Jquery - Bibioteca Javascript

Anteriormente había comentado que Jquery es una biblioteca javascript, que nos ofrece ventajas a la hora de desarrollar aplicaciones Web, un framework que agrupa métodos que podemos utilizar para crear efectos, interacción con componentes, AJAX, entre otras cosas.

Pues bién, para conocer un poco más de todas las funcionalidades que nos puede dar este Framework y decidirnos por utilizarlo en nuestros proyectos, podemos ver una recopilación de más de 50 ejemplos desarrollados con JQuery. Tal vez con estos ejemplos podamos decidir si esta biblioteca es la que puede cumplir con todas las necesidades de nuestros proyectos.

Enlaces destacados - XHTML, Javascript y AJAX

3kolone es una página que ofrece temas de desarrollo Web, diseño, XHTML, Javascript y AJAX entre otros. Sin embargo una de las cosas que llama la atención es su sección de enlaces destacados, pues ofrece una lista amplia sobre temas de desarrollo Web, tutoriales, herramientas y links a páginas con muchos más recursos. Una buena página para agregar a la lista de recursos y muy seguramente para guardar en nuestro del.icio.us

Cursos abiertos - Open Yale Course

Nuevamente saldré un poco del tema propuesto esta vez para comertar que navegando en el blog DigiZen: Un blogfesor aprendiendo encontré una noticia muy interesante. La Universidad de Yale a decidido publicar en linea el contenido de algunos de los cursos que dictan. La información que presentan es muy completa pues cada uno de los cursos se encuentra en formato de audio, video y un documento de toda la charla que se dicta. Actualmente hay algunos cursos entre ellos de ingles y ciencias politicas, Toda la información publicada esta bajo licencia Creative Commons.

Cabe resaltar como las nuevas tecnologias puede ayudar a difundir información de tan alta calidad a toda la comunidad.

Frameworks CSS - Estructura CSS en minutos

Actualmente se pueden encontrar Frameworks para CSS que permiten ahorrar tiempo en la construcción de la estructura de nuestro sitio Web. Cada uno ofrece una serie de archivos CSS que se pueden ir agregando a una estructura (X)HTML también definida por estos frameworks, y que en poco tiempo pueden ayudarnos a generar diseños con una estructura sencilla y que cumple con estandares Web.

Uno de estos frameworks CSS es yaml, que ofrece una serie de archivos CSS cada uno con una funcion determinada. Además ofrece una única estructura (X)HTML y con solo cambiar los archivos CSS como explica su documentación, se puede persanalizar el sitio, cambiando columnas y menús entre otros elementos.

Además de yaml, exite otro framework que puede ayudarnos con esta tarea, que algunas veces puede ser tediosa. Se trara de blueprint, que básicamente tiene la misma metodología de yaml, con archivos que se pueden ir agregando o modificando para generar nuestro propio diseño. En el blog de Leandono hay una breve descripción de este framawork y comenta además de otros dos frameworks recientes Elements y Boilerplate.

Crayon Deluxe

Saliendo un poco de los temas propuestos en el blog, acabo de encontrar algunos screencast de una aplicación increible. Se trata de Crayon deluxe, aplicación en la que el usuario va pintando objetos dentro de un escenario propuesto y la aplicación los reconoce e interactúa con ellos. Además haciendo uso del mismo concepto se pueden llegar a crear simulaciones físicas muy avanzadas. Tal vez este sea el concepto al que se prentenda llegar en futuros video juegos.

Aesthetica, 160 iconos web

Aesthetica es un nuevo paquete de 160 iconos de gran calidad para tu web o blog. Se pueden encontrar iconos para muchas de las funciones que ofrecemos en nuestro sitio Web como comentarios, carritos de compra y acceso a usuarios registrados. Todos los iconos vienen en formato png en 3 tamaños y además incluye el archivo .psd de photoshop.

Aesthetica: descarga

Bibliotecas Javascript

En cuanto a Javascript, aparte de prototype, buscando en internet encontré otras bibliotecas bastente útiles para desarrollar. Una de las que encontré y que había utilizado es script.aculo.us que se basa en prototype para crear componentes y efectos de forma muy sencilla, además de las necesarias clases para AJAX. Tiene clases para manejar interacciones con componentes HTML, como drag and drop, efectos visuales y funciones con formularios, entre otras que no conozco. He podido utilizar esta biblioteca y para comenzar con componentes básicos es muy fácil.

Existen otras bibliotecas como jQuery, MooFX y Rico, que ofrecen características similares con algunas ventajas como lo ligeras en cuanto a código. Pero personalmente solo he podido trabajar con script.aculo.us y alguna vez con Rico y me ha ido muy bien.

Sin embargo mirando hoy, tambien encontré una librería llamada mootools de los mismos creadores de MooFX, que como su página dice "es un framework compacto, modular y orientado a objetos diseñado para desarrolladores Javascript intermedios y avanzados", además que ofrece avances con respecto a prototype. Por lo pronto los demos nos pueden dar un gran adelanto de todas las cosas que se pueden hacer, sera cuestión de empezar a probar y conocer mas a fondo las ventajas de usarla en nuestros proyectos.