Blog Creativo

El atributo CLASS Nos permite asignar estilos al documento sin preocuparnos de los elementos concretos a los que se aplicarán. Como desventaja, está el hecho de que debemos modificar el código HTML del documento, incluyendo atributos CLASS en los lugares donde queramos aplicar estilos.

<p class=”cita”>En en lugar de la mancha …</p>

Sólo nos queda definir este nuevo estilo como una regla más de nuestro documento CSS:

.cita {font-weight: bold; color: red;}

El punto inicial es necesario para mantener la definición de este estilo desvinculada de cualquier elemento del documento. Si queremos restringir el uso de este estilo a un tipo de elemento, podemos definirlo como:

p.cita {font-weight: bold; color: red;}

El atributo ID

En cierta forma, el atributo ID es igual que CLASS. Diferencias:

• La definición de los estilos de tipo ID, están precedidas por el carácter #, en lugar del punto.

• #first-para {font-weight: bold;}<P ID=”first-para”>This is the firstparagraph, and will be boldfaced.</P>
• El mismo atributo ID sólo puede usuarse en un elemento. Debe ser único. En la realidad, los navegadores no hacen comprobaciones de este tipo y podemos utilizar el mismo valor de ID para dar estilo a múltiples elementos.
• Los estilos de tipo ID también pueden definirse al margen de cualquier elemento, pero estas definiciones no tienen ningún sentido al ser sus valores únicos y no aplicables a otros elementos.

Visto en: www.manualdecss.com

Infaltables los consejos para mejorar nuestro diseños web

1. El usuario debe saber de qué se trata el sitio en los primeros segundos.

2. Hacer que el contenido sea “escaneable”, que sea fácil de seguir.

3. No utilizar tipografías “rebuscadas” que no se puedan leer.

4. Utilizar como máximo 5 tipografías distintas.
5. La pagina principal que sea lo mas clara posible, no saturarla de elementos.

6. No manejar en forma caprichosa el tamaño de las ventanas “resize windows”.

7. No pidas que se registren para ver el contenido de tu sitio, a menos que sea absolutamente necesario.

8. Nunca suscribas a tus usuarios en “algo” sin su consentimiento.

9. No sobre utilices elementos creados en Flash.

10. No manejes música en el sitio sin que tenga un controlador.

www.stripegenerator.com en este sitio podremos generar fondos para las web, bien estilo 2.0.

Tiene varias opciones para personalizar nuestro fondo. Además hay una guia de como implementarlo en nuestras web si es que no estamos familiarizados con el estilo CSS.

1. Play with sliders and color pickers, untill you obtain a super-cool stripe tile
2. Press “Download” to save your creation
3. Edit your css adding this line to the element you want to stripe:

   background-image: url(”path-to-stripe.png”);

   If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too:

   background-repeat: repeat-x;

A disfrutarlo….