Archive for the ‘CSS’ Category
Tuesday, November 10th, 2009
Creo que alguna vez les comenté la importancia que un menú CSS tiene para un sitio web. Debe ser atractivo, combinar con el resto del diseño, estar ordenada, cumplir con ciertas reglas en cuanto a la estética, y sobretodo, ser cómodo de navegar para el lector. Al fin y al cabo, es desde el menú donde tendrá la posibilidad de recorrer todas las secciones de nuestro proyecto, así que se merece la atención.
Skyje publicó hace poco un interesante artículo donde nos ofrece trece tutoriales CSS que nos explican paso a paso cómo crear un menú para nuestro sitio web o blog. Se incluyen menús horizontales, verticales, con efectos o bien simples, así que seguramente encuentres uno adecuado a tu proyecto sin mayores problemas.
Tags: CSS, Diseño Web, Menú CSS, menu, Navegación, tutoriales
Posted in CSS, Tutorial | No Comments »
Thursday, October 8th, 2009
Cuando trabajamos tanto tiempo creando diferentes diseños y sitios, es muy fácil que uno se sienta abrumado, o falto de inspiración. En esos casos es que hay que encontrarla, porque en este trabajo generalmente las fechas de entrega nos apuran y no hay tiempo para relajarse en el medio.
Para inspirarnos podemos pasar por SiteInspire, un interesante sitio que se encarga de mostrar una extensa galería con diseños CSS mostrando lo mejor del diseño web de la actualidad.
Hasta el momento de escribir este post, la galería contaba con 1.195 sitios en su galería, ordenados por estilo, tema y tipo, además de claro, tener la opción de navegarlo de forma aleatoria.
Por último, si nuestro sitio es realmente genial, o por lo menos creemos eso, podemos enviar la solicitud para ver si somos aprobados y formamos parte de tanta creatividad.
Tags: CSS, galeria, inspiración
Posted in CSS, Creatividad | No Comments »
Monday, September 14th, 2009
La inspiración puede aparecer donde menos nos lo imaginemos. Podemos estar tomando un rico café en un bar de alguna ciudad del mundo y ver algo que nos llena de creatividad y ganas de trabajar en ese proyecto que venía atrasado.
Sin embargo, a veces es bueno ir directo al tema, y si se trata de un diseño web, encontrar la inspiración en elementos similares. En WebDesignLedger publicaron una recopilación con las que son, a su parecer, las 10 mejores galerías de sitios web disponibles. Podemos encontrar inspiración respecto al esquema de un sitio, un logo o simplemente los colores, así que no dejen de visitarlas.
Por otro lado si crearon un buen sitio hace poco, pueden animarse en enviarlo y que lo listen junto a los ejemplos.
Tags: Diseño Web, galerias, inspiración
Posted in CSS, Creatividad | No Comments »
Thursday, September 10th, 2009
Tener un editor CSS es siempre útil cuando uno se dedica al desarollo. Si bien un archivo CSS es solo texto y podemos utilizar el bloc de notas, este tipo de aplicaciones nos ofrecen ciertos elementos que el anterior no, y por ende nos ayudan en varias tareas, además de ahorrar tiempo, algo preciado por todos los que trabajamos con fechas de entrega presentes constantemente.
En TheDesignMag publicaron una lista con 14 editores CSS que seguro van a ser útiles para trabajar. Yo les recomiendo si no usan ninguno, que por lo menos prueben, a ver si les resulta cómodo.
La lista es extensa y abarca tanto programas bien simples como algunos mas avanzados, así que solo resta que cada uno encuentre el que sea mejor para si mismo. En lo personal, uso Notepad++.
Tags: CSS, Editores CSS, herramientas
Posted in CSS, Freelance, Recursos | 1 Comment »
Thursday, August 20th, 2009
Es importante que los botones de nuestro sitio (sean parte del menú de navegación o no) sean atractivos, queden bien con el diseño, y se vean accesibles para los lectores.
Un nuevo tutorial de SixRevisions nos explica no solo cómo crear un botón en Photoshop con estilo 2.0 sumamente atractivo, sino también a cómo implementarlo de forma tal que al poner el mouse sobre él cambie de aspecto. Un efecto que se suele ver en todos los sitios y que muchos no saben como lograr.
Lo primero es obviamente crear nuestro botón, que en realidad serán dos, uno para el estado normal y otro para cuando está activo. Una vez terminado, veremos como es el código que nos permitirá gracias al CSS implementarlos en nuestro proyecto.
Tags: 2.0, botones, Diseño Web
Posted in CSS, Photoshop, Tutorial | No Comments »
