Luigi Salas » CSS

Herramientas de diseño en linea – Parte 2

Luigi Salas — Sat, 29 Dec 2007 16:29:24 +0000

Continuando con las Herramientas Web 2.0 En Linea, les detallo nuevas herramientas OnLine y Gratuitas!

Generador de themes para WordPress
WordPress Theme Generator es una gran herramienta para el desarrollo de temas de wordpress (ya lo quisieramos para sistemas como Blogger), se trata de un generador de temas en linea, donde desde una interfas muy intuitiva puedes ir diseñando cada parte de tu sitio. Una vez que culmines de diseñar tu plantilla para WordPress podras descargar todos lor archivos en .rar (comprimidos) o bien por separado.

Generador de imagenes de precarga o loading
Las imagenes de precarga o loading son utiles en varias aplicaciones web y ajaxload tiene un generador en linea para crear los tuyos en tres pasos.

Generador de Gradientes
Todos los programas de edición de imagen incluyen herramientes para crear gradientes pero no todos tienen estos programas o no siempre los tenemos a la mano, dynamicdrive tiene una aplicación en linea donde puedes generar gradientes en formato .jpg o .png al tamaño que necesites.

Generador de Fondos (backgrounds) al estilo Web2.0
La Web2.0 ha traido consigo toda una moda y uno de sus elementos recurrentes es el uso de fondos con lineas diagonales gruesas y degradados. Y Stripe Generator es una herramienta en linea que te permite crearlos de forma rapida y con resultados descentes.

Generador de esquinas redondeadas solo con CSS
De los creadores de Spiffy Box sale Spiffy Corner un generador de esquinas redondeadas que solo usa css para su funcionamiento, sin imágenes ni scripts. Su funcionamiento es realmente sencillo solo hay que escoger un nombre para la clase css (opcional), el color de la sección con bordes redondeados, el color de fondo y el radio de curvatura.

De regalo, descargate unos WebBadges

Herramientas de diseño en linea – Parte 1

Luigi Salas — Fri, 28 Dec 2007 15:47:24 +0000

Con esto de la Web 2.0 se ha venido una avalancha de herramientas interesantes, cada vez haciendo mas excitante la experiencia en la internet.Acontinuación hago un recopilatorio resumido de varias herramientas OnLine y Gratuitas!

Generador de texto en 3D
3D Text Maker es un aplicación web que te permite crear gif animados con texto en 3 dimensiones. Lo interesante de esta aplicación es que posible configurar muchos de los parámetros de la animación, como el formato del texto, el tiempo que estará en movimiento (excelente para no molestar a nuestro lectores con movimiento continuo), la profundidad del texto, tamaño total y tipo de animación. Los resultados no están mal para el tiempo que toma crearlos.

Generar el efecto de reflejo en imágenes
El efecto de reflejo en las imágenes crea un sensación de naturalidad y de limpieza que lo han convertido en uno de los más populares. La forma de obtener este efecto puede hacerse desde un editor de imágenes como photoshop, con un script, o por medio de aplicaciones en linea, como las que encontramos en:
a.- Reflectionmaker (reflectionmaker.com)
b.- Wet floor (ruido-blanco.net/wetfloor)

Generador de Ribbons para tu web
Los ribbons (cintas) son elementos gráficos en forma de franjas con un mensaje, comúnmente colocados en la esquina de un sitio web, y en Web site ribbon encontramos una aplicación en linea para generarlos y aplicarlos en nuestro web o blog en 6 rápidos pasos.

Generador de plantillas css
Las plantillas siempre pueden ser un buen punto de partida para un nuevo sitio, ya sea en código o diseño. DoTemplate es una sitio que te ofrece 8 plantillas css para descargar de forma gratuita, pero lo que lo hace diferente es que puedes iniciar a editarlas en linea. Mediante un frame puedes cambiar colores, textos, fondos, fuentes, etc. de cada uno de los elementos de la plantilla e ir aplicando los cambios para ver tu progreso y al final descargar tu plantilla.

Generador de logos estilo web 2.0
Logo Creatr es un sitio desde donde puedes crear tu logo en cinco diferentes estilos y modificar en ellos el texto, color, el tipo de reflejo, el fondo y la sombra. El resultado es muy bueno considerando que puedes crearlo en un minuto.

Generador de banners en linea
Bannermaker te permite escoger entre varios tamaños estándar, seleccionar el color o imagen de fondo, el color, tamaño y opacidad del texto, lineas, ancho y color de bordes y varios efectos simpáticos. Un punto en contra es que en todos los banners coloca, de forma nada discreta, los créditos de la página.

Crea botones Web 2.0 en linea
My cool buttom es un sitio con un generador de botones al que puedes escoger color, tamaño, icono e incluir tu texto. Puedes ir generando vistas previas mientras creas tu boton web 2.0

Manuales y tutores de CSS en español

Luigi Salas — Fri, 02 Mar 2007 03:01:20 +0000

Visitando el blog de Cosas Sencillas encontré una recopilación de enlaces con tutoriales / manuales de CSS en español, la cual estoy seguro os será muy útil.