bitelemental » Diseño

La dieta del diseñador web

bitelemental — Wed, 02 Dec 2009 14:10:56 +0000

WebDesignerDepot ha abierto una sección nueva en su espacio en la que plasma, a modo de imágenes cómicas, las vivencias y situaciones más graciosas del día a día de cualquier diseñador web. En algunas de ellas me siento verdaderamente identificado…

La página web que he estado diseñando me ha llevado mucho tiempo. No he tenido ni un momento para comer.

» Enlace: Comics of the Week #1

Puede que te interese

22/07/2008 -- Los 10 mandamientos del diseño web
08/05/2008 -- Enjuto Mojamuto – Ídolos
11/04/2008 -- Ice Age 3: trailer

Wallpapers del mes de Diciembre (2009)

bitelemental — Wed, 02 Dec 2009 13:39:09 +0000

Una vez más, sesión de fondos de pantalla de Smashing Magazine. Pero hay más: este mes también están disponibles wallpapers para adornar tu escritorio de forma navideña, acorde a las fechas venideras. Que los disfrutéis.

» Enlace: Desktop Wallpaper Calendar: December and Christmas 2009

Puede que te interese

15/11/2009 -- Wallpapers del mes de Noviembre (2009)
05/10/2009 -- Wallpapers del mes de Octubre (2009)
18/09/2009 -- Wallpapers del mes de Septiembre (2009)
02/06/2009 -- Wallpapers del mes de Junio (2009)
29/05/2009 -- Colección de 20 wallpapers minimalistas
30/04/2009 -- Wallpapers del mes de Mayo (2009)
08/04/2009 -- La mejor recopilación de Graffiti Wallpapers
04/03/2009 -- Wallpapers del mes de Marzo (2009)
17/02/2009 -- Wallpapers en alta definición
03/02/2009 -- Wallpapers del mes de Febrero (2009)

Wallpapers del mes de Noviembre (2009)

bitelemental — Sun, 15 Nov 2009 12:03:53 +0000

Como todos los meses (aunque este un poco tarde), os dejo con los calendarios en forma de fondo de pantalla para personalizar vuestros escritorios. Como siempre, todo a cargo de Smashing Magazine.

» Enlace: Desktop Wallpaper Calendar: November 2009

Puede que te interese

02/12/2009 -- Wallpapers del mes de Diciembre (2009)
05/10/2009 -- Wallpapers del mes de Octubre (2009)
18/09/2009 -- Wallpapers del mes de Septiembre (2009)
02/06/2009 -- Wallpapers del mes de Junio (2009)
29/05/2009 -- Colección de 20 wallpapers minimalistas
30/04/2009 -- Wallpapers del mes de Mayo (2009)
08/04/2009 -- La mejor recopilación de Graffiti Wallpapers
04/03/2009 -- Wallpapers del mes de Marzo (2009)
17/02/2009 -- Wallpapers en alta definición
03/02/2009 -- Wallpapers del mes de Febrero (2009)

10 consejos para elaborar mejor tus CSS

bitelemental — Fri, 13 Nov 2009 14:18:22 +0000

Web Design Ledger nos recomienda seguir 10 pasos prácticos a la hora de realizar nuestras hojas de estilo. Siguiendo estos consejos, nuestra capa de diseño presentará mejor aspecto y nos resultará más fácil localizar elementos:

Empieza siempre reseteando todos los valores (reset.css).
Realiza sangrados en el código, separando las clases y los identificadores de sus respectivos valores.
Los comentarios son tu mejor amigo.
Una regla = una línea / Varias reglas = varias líneas.
Escribe código consistente: si empiezas desarrollando el código de una forma, no la cambies a mitad del documento.
Separa tus “hacks” y elementos condicionales.
Aprende a utilizar los “shorthands” o abreviaturas.
Crea una tabla de contenidos antes de iniciar el documento CSS (como forma de pequeño índice).
Utiliza nombres sencillos, tanto para las clases como para los identificadores, siempre serán más fáciles de encontrar.
Ordena tu código alfabéticamente.

Si estos consejos te han sido de ayuda, es hora de que leas atentamente los principios o reglas recomendadas por los mejores maestros del diseño web, puede que te resulten interesantes.

»Enlace: 10 Tips for Writing Better CSS

Puede que te interese

05/10/2009 -- Resaltar el foco de un formulario con CSS
12/05/2009 -- La importancia de resetear los valores de las CSS
02/10/2009 -- Integración de Wordpress a un sitio web
30/09/2009 -- Aptana Studio, completo entorno de desarrollo web
16/06/2009 -- 16 sitios de estilo “collage”
11/06/2009 -- Manual CSS detallado por… borrachos!
08/06/2009 -- Tiago Hoisel
29/05/2009 -- Colección de 20 wallpapers minimalistas
26/05/2009 -- FreeVectors.net: extensa recopilación de imágenes vectoriales
20/05/2009 -- LogoPond: inspiración para la creación de logotipos

Resaltar el foco de un formulario con CSS

bitelemental — Mon, 05 Oct 2009 13:42:00 +0000

La usabilidad en los formularios de contacto web es una de las cosas que muchas veces no tenemos en cuenta y, sin embargo, es más importante de lo que creemos. Una de las directrices que debemos contemplar será la focalización de elementos, es decir, señalar de alguna forma el campo que el usuario está rellenando en ese momento.

Podemos conseguir esto de una forma muy sencilla, simplemente deberemos utilizar la pseudo-clase :focus del elemento input. Sólo son necesarias un par de líneas para aplicar este efecto y dotar a nuestro diseño de la funcionalidad deseada.

input:focus {
   border:1px solid #666;
   background:#FFFFCC;
}

Nota: Se ha comprobado el funcionamiento en Firefox, Chrome y Opera. Por desgracia, Internet Explorer (7 e inferiores) no soportan esta característica.

» Ejemplo resaltar el foco de un formulario con CSS

Puede que te interese

13/11/2009 -- 10 consejos para elaborar mejor tus CSS
12/05/2009 -- La importancia de resetear los valores de las CSS
02/10/2009 -- Integración de Wordpress a un sitio web
30/09/2009 -- Aptana Studio, completo entorno de desarrollo web
16/06/2009 -- 16 sitios de estilo “collage”
11/06/2009 -- Manual CSS detallado por… borrachos!
08/06/2009 -- Tiago Hoisel
29/05/2009 -- Colección de 20 wallpapers minimalistas
26/05/2009 -- FreeVectors.net: extensa recopilación de imágenes vectoriales
20/05/2009 -- LogoPond: inspiración para la creación de logotipos

Wallpapers del mes de Octubre (2009)

bitelemental — Mon, 05 Oct 2009 12:33:14 +0000

Otra tanda de fondos de pantalla, como siempre, de la mano de Smashing Magazine. Esta recopilación corresponde al mes de Octubre de este año 2009.

»Enlace: Desktop Wallpaper Calendar: October 2009

Puede que te interese

02/12/2009 -- Wallpapers del mes de Diciembre (2009)
15/11/2009 -- Wallpapers del mes de Noviembre (2009)
18/09/2009 -- Wallpapers del mes de Septiembre (2009)
02/06/2009 -- Wallpapers del mes de Junio (2009)
29/05/2009 -- Colección de 20 wallpapers minimalistas
30/04/2009 -- Wallpapers del mes de Mayo (2009)
08/04/2009 -- La mejor recopilación de Graffiti Wallpapers
04/03/2009 -- Wallpapers del mes de Marzo (2009)
17/02/2009 -- Wallpapers en alta definición
03/02/2009 -- Wallpapers del mes de Febrero (2009)

Integración de WordPress a un sitio web

bitelemental — Fri, 02 Oct 2009 12:04:14 +0000

Interesante artículo (visto en MoshuBlog) que quiero compartir con todos vosotros y que me salvó la vida en más de una ocasión. En él se explica con detalle cómo integrar las entradas de un blog de WordPress a cualquier diseño web.

Dicha integración se especifica utilizando un escenario básico: tenemos una web realizada con PHP (alojado en www.ejemplo.com/index.php) con nuestra CSS y nuestro objetivo es referenciar las entradas de un blog que tenemos en un directorio aparte (sea www.ejemplo.com/blog) a través de una opción del menú principal (por ejemplo, Noticias). El resultado queremos que se visualice en la raíz principal del sitio (www.ejemplo.com/noticias.php).

Espero que os sea de ayuda.

» Enlace: Integrating WP in an existing site

Puede que te interese

13/11/2009 -- 10 consejos para elaborar mejor tus CSS
05/10/2009 -- Resaltar el foco de un formulario con CSS
30/09/2009 -- Aptana Studio, completo entorno de desarrollo web
16/06/2009 -- 16 sitios de estilo “collage”
08/06/2009 -- Tiago Hoisel
29/05/2009 -- Colección de 20 wallpapers minimalistas
26/05/2009 -- FreeVectors.net: extensa recopilación de imágenes vectoriales
20/05/2009 -- LogoPond: inspiración para la creación de logotipos
18/05/2009 -- Recursos para el Webmaster (XII): 35 sitios para descargar brushes de Photoshop
12/05/2009 -- La importancia de resetear los valores de las CSS

Wallpapers del mes de Septiembre (2009)

bitelemental — Fri, 18 Sep 2009 15:33:22 +0000

Vuelvo a las andadas con las recopilaciones de fondos de pantalla de calendarios, todos ellos elaborados por Smashing Magazine. En esta ocasión os dejo con todos los wallpapers del mes de septiembre.

» Enlace: Desktop Wallpaper Calendars For September 2009

Puede que te interese

02/12/2009 -- Wallpapers del mes de Diciembre (2009)
15/11/2009 -- Wallpapers del mes de Noviembre (2009)
05/10/2009 -- Wallpapers del mes de Octubre (2009)
02/06/2009 -- Wallpapers del mes de Junio (2009)
29/05/2009 -- Colección de 20 wallpapers minimalistas
30/04/2009 -- Wallpapers del mes de Mayo (2009)
08/04/2009 -- La mejor recopilación de Graffiti Wallpapers
04/03/2009 -- Wallpapers del mes de Marzo (2009)
17/02/2009 -- Wallpapers en alta definición
03/02/2009 -- Wallpapers del mes de Febrero (2009)

16 sitios de estilo “collage”

bitelemental — Tue, 16 Jun 2009 07:03:38 +0000

Parece ser que está de moda el estilo grunge en sitios web. Diseños llamativos, innovadores, modernos (pero a la vez retro)… Sin embargo, empieza a surgir un nuevo modelo de diseño utilizando tendencias grunge. Me refiero a los sitios realizados como si se trataran de un collage de fotografías o porciones de documentos.

Hoy quiero compartir con vosotros 16 sitios que han utilizado esta técnica y que, sinceramente, merecen mi más sincera enhorabuena.

Enlace: Web Design: Collage Sites

Puede que te interese

13/11/2009 -- 10 consejos para elaborar mejor tus CSS
05/10/2009 -- Resaltar el foco de un formulario con CSS
02/10/2009 -- Integración de Wordpress a un sitio web
30/09/2009 -- Aptana Studio, completo entorno de desarrollo web
08/06/2009 -- Tiago Hoisel
29/05/2009 -- Colección de 20 wallpapers minimalistas
26/05/2009 -- FreeVectors.net: extensa recopilación de imágenes vectoriales
20/05/2009 -- LogoPond: inspiración para la creación de logotipos
18/05/2009 -- Recursos para el Webmaster (XII): 35 sitios para descargar brushes de Photoshop
12/05/2009 -- La importancia de resetear los valores de las CSS

Tiago Hoisel

bitelemental — Mon, 08 Jun 2009 07:19:29 +0000

Gracias a nuestra web amiga Moviendo el Mundo he descubierto a este gran diseñador. Tiago Hoisel (Salvador, 1984) trabaja actualmente como diseñador digital, en la elaboración de caricaturas e ilustraciones de publicidad.

Os aconsejo que visitéis su blog, existen publicaciones realmente sorpredentes.

Enlace: Ilustraciones de Tiago Hoisel

Via: Caricaturas de Tiago Hoisel

Puede que te interese

13/11/2009 -- 10 consejos para elaborar mejor tus CSS
05/10/2009 -- Resaltar el foco de un formulario con CSS
02/10/2009 -- Integración de Wordpress a un sitio web
30/09/2009 -- Aptana Studio, completo entorno de desarrollo web
16/06/2009 -- 16 sitios de estilo “collage”
29/05/2009 -- Colección de 20 wallpapers minimalistas
26/05/2009 -- FreeVectors.net: extensa recopilación de imágenes vectoriales
20/05/2009 -- LogoPond: inspiración para la creación de logotipos
18/05/2009 -- Recursos para el Webmaster (XII): 35 sitios para descargar brushes de Photoshop
12/05/2009 -- La importancia de resetear los valores de las CSS