ARTEgami

Como crear un gradiente con CSS

Siempre en todo diseño quedan bien los gradientes. Esto incluye los diseños web, pero se presenta el tema de que uno suele querer utilizar la menor cantidad posible de imágenes para evitar así que nuestro proyecto se torne pesado al momento de cargar. Recuerden que es importante que nuestro diseño final cargue con velocidad además de verse atractivo.

En ElWebmaster nos explican claramente como podemos crear gradientes solo utilizando CSS. Solo código, nada de imágenes. Ideal para poder darle mas vida al fondo de nuestro sitio sin necesidad de imágenes. Solo copien y peguen el código para modificarlo luego en base a los tonos deseados.

Las gradientes CSS nos permiten emular gradientes sin tener la necesidad de utilizar Photoshop, Fireworks o cualquier programa de edición de imágenes.

Es un efecto que se logra simplemente mediante la implementación de CSS, sin nada de javascript y mucho menos Flash. Funciona con Safari y Chrome.

Aquí hay un bonito ejemplo de gradientes CSS puestas en acción:

Tags: CSS, gradiente, tutoriales

Posted in CSS, Destacados | No Comments »

Galería de portafolios web

Es habitual que veamos galerías de sitios CSS, utilizadas para mostrar los mejores diseños de la web y para encontrar inspiración cuando la andamos buscando. Sin embargo, una nueva opción es PortfolioBase, un sitio similar, pero que tiene la diferencia de ser una galería de portafolios de diferentes artísticas que vemos recorriendo la red.

Si planeas crear tu propio sitio en el cual mostrar tus obras, sean fotografías, gráficas, etc, es una opción ideal para encontrar ejemplos e inspiración, sobretodo cuando nunca creaste un sitio similar. El sitio podremos recorrerlo por temática, color, estilo de diseño, contenido y hasta continente, además de poder ver los portafolios registrados mas premiados desde 1999 hasta 2007.

Tags: galeria, inspiración, postafolios

Posted in CSS, Creatividad, Curiosidades | No Comments »

22 sitios de ayuda para crear plantillas CSS

Como bien nos comentan en Vandelay Design, un diseñador siempre esta atento a encontrar nuevas herramientas que nos ayuden gratuitamente a ahorrar tiempo (sobre todo cuando la fecha de entrega de un proyecto nos apura) y simplificar el proceso de diseño. Actualmente con la cantidad de sitios que nos ayudan crear un template básico no debería llevar mucho tiempo.

Así es que listaron un grupo de 22 herramientas para crear templates CSS, mas bien “esqueletos” de plantillas, una base excelente para arrancar desde ahí con nuestro diseño y poder dedicarle mas tiempo. Se incluyen sitios para descargar plantillas con estructuras listas, otros para generar themes de Wordpress, y varios que podremos recorrer en busca de la ubicación que deseamos que los elementos tengan en nuestro proyecto.

Tags: herramientas, plantillas CSS, Recursos

Posted in CSS, Destacados, Recursos | 2 Comments »

Templates CSS gratuitos

¿Buscando un template CSS? Deberías visitar FreeCssTemplates para buscarlo. Es un sitio con una colección de plantillas CSS gratuitas, que tienen como características no tardar mucho en cargar, validar en código, traer incorporadas imágenes de dominio público y ser gratuitas bajo licencia Creative Commons 2.5, lo que quiere decir resumidamente que se pueden utilizar para proyectos comerciales y personales teniendo en cuenta dejar el enlace de texto al sitio creador.

Las plantillas se descargan en un archivo en formato Zip con las instrucciones para utilizarlos y una copia de la licencia para revisarla en profundidad. El sitio se actualiza constantemente,así que seguramente pronto tengan mas aún de lo actual: quince páginas con 219 templates gratuitos. Por otro lado también cuentan con una sección de themes para Wordpress, que por ahora no esta en desarrollo pero promete estarlo pronto.

Tags: CSS, descargas, Plantillas

Posted in CSS, Plantillas, Recursos | No Comments »

Recursos para crear plantillas

Crear una plantilla enteramente, sobre todo la primera vez que lo intentamos, no es un trabajo sencillo. Pero si nos brinda una satisfacción enorme cuando terminamos nuestro trabajo y nos sentimos a gusto con el. Así que vale la pena!. Para comenzar es bueno contar con una serie de sitios o herramientas que nos ayuden en el proceso y para esto es que Designm.ag nos ayuda con un artículo reciente.

Se trata de una recopilación de recursos para crear plantillas que abarcan todos los elementos que nos van a hacer la tarea de crear un theme algo mas sencilla. Se incluyen tutoriales para crear diseños en Photoshop, templates basados en CSS y explicaciones varias sobre como pasar diseños en Psd a formato HTML/CSS, además de algunos recursos y herramientas mas.

Tags: CSS, Diseño Web, tutoriales

Posted in CSS, Tutorial | No Comments »