En adictosalared hemos publicado en varias ocaciones galerías de imágenes gratuitas con las que podemos mostrar nuestras colecciones de fotos de una manera muy vistosa.
Hoy les traigo un pequeño y sencillo tutorial que nos explica como rotar varias imágenes utilizando jQuery y CSS. Una vez montamos esta galería, podemos utilizarla por ejemplo para mostrar nuestros trabajos de diseño, mostrar un catálogo de productos o cualquier tipo de imágenes de manera rotatoria y con una pequeña descripción.
Esta galería es totalmente personalizable ya que podemos cambiar fácilmente el diseño, los colores, el tamaño de las imágenes, la tipografía de la descripción, etc. pudiendola adaptar rápidamente a nuestras necesidades.
Sin duda es una forma muy agradable de mostrar nuestras fotos.
Enlace: Create an Image Rotator with Description (CSS/jQuery)
Demo: Demo galería
Publicada por Pablo Vera el 3 de Diciembre de 2008
En el sitio Smashing Magazine, publicaron una excelente recopilación de 100 templates XHTML/CS de gran calidad.
Hay templates de todo tipo y para todos los gustos, diseños tradicionales, modernos, para empresas, para sitios personales, blogs y muchos otros.
Todas los templates son gratuitos y pueden utilizarse tanto en proyectos personales como comerciales.
Sin duda, una colección para guardar en nuestros marcadores.
Enlace: 100 Free High-Quality XHTML/CSS Templates
Vía: SmashingMagazine
Publicada por Pablo Vera el 26 de Noviembre de 2008
En adictos a la red, hemos publicado en varias ocaciones todo tipo de templates gratuitos para crear fácilmente nuestro sitio web.
Hoy les traemos 32 nuevos templates CSS para agregar a la colección.
Estos diseños fueron realizados por Solucija, son gratuitos y pueden utilizarse en cualquier tipo de proyectos, tanto personal como comercial siempre y cuando se mencione al autor.
Espero que les gusten.
Enlace: +30 templates gratuitos para crear tu sitio web
Publicada por Pablo Vera el 26 de Noviembre de 2008
En el excelente blog de diseño y desarrollo web, Noupe, encontré una completísima recopilación con ejemplos y tutoriales de programación con AJAX.
En este listado podemos encontrar todo tipo de técnicas para hacer que nuestros sitios web sean más usables, vistosos y modernos.
Hay scripts para realizar formularios, ventanas de ingreso, chats, contenido con pestañas, carritos de compra, sistemas de calificaciones, barras de progreso, paginación, calendarios, manipulación de imágenes y muchas otras herramientas que nos pueden servir en cualquier tipo de proyecto web.
Así que ya sabes, si te dedicas al desarrollo web o simplemente quieres aprender un poco más de AJAX, no dejes de visitar este listado.
Enlace: Recopilación de +50 técnicas de programación con Ajax
Publicada por Pablo Vera el 20 de Noviembre de 2008
Aquellas personas que se dedican al desarrollo web, seguramente en más de una ocación han tenido que realizar algún menu desplegable con javascript o css, tarea por demás de tediosa si se realiza desde cero.
Para no tener que luchar con cientos de lineas de código, hoy les traigo un excelente framework CSS gratuito que nos permite crear todo tipo de menús fácilmente y un unos pocos minutos.
Los menús generados con Free CSS Drop-down son muy rápidos y funcionan perfectamente en los navegadores más conocidos (IE, Firefox, Opera, Safari).
Sin duda, una herramienta que todo desarrollador web debería tener.
Enlace: Free CSS Drop-Down
Demo: Menu MTV
Descarga: Free CSS Drop-Down
Vía: Webmaster Libre
Publicada por Pablo Vera el 1 de Septiembre de 2008
Por mi trabajo de desarrollador web, una de las cosas que más suelo utilizar son los templates CSS. Como no soy diseñador, sino programador, las plantillas web me ahorran una gran cantidad de tiempo en mis trabajos y me permiten presentarle a mi clientes, sitios de gran calidad a un costo bastante económico.
Debido a eso, con el tiempo he acumulado muchos sitios desde donde podemos descargar templates de gran calidad de manera gratuita.
Hoy quiero compartir con ustedes un pequeño listado de 20 sitios para descargar templates gratuitos. Espero que les gusten. [Leer más]
CSS 4 free es un sitio web en donde podemos encontrar cientos de templates web gratuitos listos para descargar.
Hay plantillas de todo tipo y para todos los gustos organizadas mediante etiquetas. El sitio cuenta también con un sencillo buscador, sistema de calificaciones, foros, captura de pantalla de los diseños y previsualización. Es un sitio que vale la pena visitar.
Enlace: CSS 4 Free
Vía: Diario THC
CSS Optimizer es un servicio online gratuito que nos permite optimizar fácilmente el código de nuestras hojas de estilo CSS.
Esta herramienta reduce el tamaño de los archivos CSS al quitar espacios innecesarios, eliminar comentarios y agrupar estilos, logrando de esta manera que las hojas de estilo carguen mucho más rápido.
CSS Optimizer nos permite acceder al contenido de nuestras hojas de estilo de tres maneras: indicándole la URL, subiendo el archivo desde nuestra computadora o pegándo directamente el código que queremos optimizar.
Sin duda, es un servicio bastante útil para las personas que nos dedicamos al desarrollo web.
Enlace: CSS Optimizer
Vía: Pixelco Blog
Debido al éxito que ha tenido este sitio, sus creadores han lanzado hace unos días NETTUTS, un sitio similar a PSDTUTS pero con tutoriales para desarrolladores web.
En este sitio encontraremos tutoriales de varias tecnologías y herramientas de desarrollo como CSS, HTML, Javascript, Ajax, Dreamweaver, Flash entre otras.
El sitio no tiene en este momento demasiados tutoriales ya que solo lleva unos pocos días online, pero hay que estar pendientes porque si sigue los pasos de su hermano (PSDTUTS) seguramente dará mucho de que hablar.
Enlace: NETTUTS
Vía: Webappers
MoreCSS es una pequeña librería Javascript gratuita que nos permite realizar rápidamente muchas de las tareas que hacemos a diario como crear popups, tab menu, tablas con efecto “zebra” y mucho más. Hasta aquí nada novedoso.
Lo que hace realmente especial a esta librearía, es que nos permite hacer todas esas cosas directamente en nuestra hoja de estilos CSS.
Para utilizarla solo debemos incluir el archivo MoreCSS.js y una hoja de estilo externa en el encabezado de la página que vamos a utilizar. Luego podremos usar todas las propiedades de MoreCSS como si fueran una propiedad normal de CSS. [Leer más]
En adictosalared hemos publicado en varias ocaciones galerías de imágenes gratuitas con las que podemos mostrar nuestras colecciones de fotos de una manera muy vistosa.
