ARTEgami » CSS

13 tutoriales CSS para crear un menú

Isabel — Tue, 10 Nov 2009 11:00:00 +0000

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.

También puedes leer

Encontrando inspiración en SiteInspire

Isabel — Thu, 08 Oct 2009 10:00:00 +0000

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.

También puedes leer

10 galerías con diseños web

Isabel — Mon, 14 Sep 2009 10:00:00 +0000

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.

También puedes leer

Editores CSS para desarrolladores

Isabel — Thu, 10 Sep 2009 11:00:00 +0000

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++.

También puedes leer

Tutorial: Creando botones simples y atractivos con Photoshop

Isabel — Thu, 20 Aug 2009 08:00:00 +0000

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.

También puedes leer