ARTEgami

7 interesantes hacks CSS

Por no decirlo mas abruptamente, se puede decir que para quienes desarrollan sitio IE es un dolor de cabeza. Siempre tiene algún problema con el código, y es importante conocer ciertos detalles sobretodo de CSS para poder evitar sus errores y que nuestro sitio se muestre de forma no deseada.

Noupe nos muestra 7 hacks CSS de lo mas interesantes, para solucionar diferentes problemas con este navegador. Se incluyen hacks para los tamaños de los elementos, las cajas, las transparencias y demás temas que suelen ser un problema cuando queremos que nuestro diseño se pueda apreciar de la forma deseada en todos los navegadores.

Tags: consejos, CSS, hacks

Posted in CSS | No Comments »

35 sitios para descargar templates CSS

Las plantillas CSS son útiles por varios motivos. Uno de ellos claro es su implementación. Pero otro punto interesante es que ayudan y mucho a quien se encuentra intentando aprender diseño web pudiendo ver como esta formado el código para determinado elemento.

En DesiznTech nos muestran 35 sitios en los cuales podremos encontrar y descargar plantillas CSS y HTML completamente gratuitas. En el caso de desear utilizarlas solo deberemos incluir el contenido y tendremos listo nuestro sitio. Para hacerlo aún mejor, algunas de ellas se acompañan de su archivo en formato Psd (para Adobe Photoshop) que nos permitirá poder editar las imágenes y el diseño en general de forma mucho mas sencilla y rápida, o bien aprender viendo como se forma el sitio por medio de las diferentes capas.

Tags: Diseño Web, HTML, plantillas CSS

Posted in CSS, HTML, Plantillas | No Comments »

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 | 1 Comment »