Thursday, August 6th, 2009
Las galerías CSS tienen varios usos, principalmente dos. Por un lado, son una fuente de inspiración increíble para quienes trabajamos en esto, mostrando extensos ejemplos de lo que son supuestamente los mejores diseños web del momento. Por el otro, cuando uno crea un proyecto del cual se siente orgulloso, sirve mostrarlo para que la gente pueda disfrutarlo y de paso conozcan nuestro trabajo.
Con esto entendemos que es importante tenerlas en cuenta. Si lo que deseamos es agregar nuestro sitio para que se incluyan en las galerías (teniendo en cuenta que en algunos casos éstos pasan por un proceso de selección importante), quizás ir de una en una es un trabajo un poco molesto. Ahora esto tiene solución con MeeCSS.
Se trata de un sitio web que nos permite agregar la dirección del sitio además de nuestros datos, y enviarlo a mas de 100 galerías CSS en un momento. Si diseñan, es una buena idea que se animen a mostrarlo y MeeCSS es la mejor opción que se conoció hasta el momento.
Fuente: Kabytes
Tags: CSS, galerias, herramientas
Posted in CSS, Creatividad | No Comments »
Wednesday, July 1st, 2009
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 »
Wednesday, June 17th, 2009
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 »
Tuesday, May 12th, 2009
¿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 »
Friday, May 8th, 2009
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 »
