Menu con CSS & jQuery
Técnica para evitar el SPAM en tu email

Curioso truco para evitar que los spammers lean tu email.
Consiste en escribirlo al contrario y con CSS lo inviertes, asi los bots spammeros no sabrán ni que es.

<style type="text/css"> 
span.test { direction: rtl; unicode-bidi:bidi-override; }  
</style> 
<p><span class="test">moc.tset@tset</span></p>

Visto en sentidweb.com

Tags: , ,
Colorbe: Aplicación Web para combinacion de colores

Colorbe es otra de esas aplicaciones que nos ayudan a encontrar una correcta conbinacion de colores al mostrarnos paletas de colores que se llevan bien.

Hay muchas, lo que me gusto de esta es la forma en que trabajas con la aplicación.  Una linda forma de obtener los colores.

Tags: , ,
CSSCRAP.COM Los peores diseños Web

Hace alguno tiempo y viendo el éxito del consagrado cssmania.com pensé en hacer algo diferente. Aunque las mejores ideas no las he aplicado aun, se me ocurrió hacer una galería de sitios web diferente. Como saben existen muchas, así que decidí hacer lo mismo pero al contrario.

CSSCRAP sera un sitio donde se reunan los peores diseños web, los peores sitios en cuanto a navegación, usabilidad y sobre todo lo mas raro y wtf de Internet.

csscrap

Por cierto agradecería mucho si pasan la voz y me ayudan hacer escandalo. Además de que compartan sitios con estas características. a

Tags: , ,
Generar Sprites con CSS

Cuando un sitio tiene mucho tráfico, y los pequeños cambios que se hagan para ahorrar peticiones y transferencia la mayor parte de la veces pueden ahorrar dinero. Uno de estos cambios es tener una sola imagen y se trabaje con ella con CSS para las distintas partes de la Web.

El por que se ahorra ancho de banda, es por que solamente se hace una petición. Que aunque se descarga la misma cantidad de bytes, solo se hace una consulta y no 100.

Esta técnica hace tiempo que ya la había leído, hoy leo en el blog de Carlos Leopoldo sobre este Generador de Sprites.

Si se preguntan que sitio grande implementa esta técnica no hace falta mucho buscar y mirar el código de Youtube para encontrarse con esta imagen:

http://s.ytimg.com/yt/img/master-vfl47921.gif

youtube css sprite

-

Tags: ,
CSS transparencia para todos los navegadores

Este post lo pongo como un recordatorio para mi.

El siguiente código permite la transparencia correcta en todos los navegadores mediante CSS.
.transparente {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

      filter:alpha(opacity=50): Es el código para IE .
      -moz-opacity:0.5: Para firefox(versiones anteriores).
      -khtml-opacity: 0.5: Para Safari(versiones anteriores).
      opacity: El más importante, ya que es el estándar de CSS.
Tags: ,
CSS sucks

css suckz

Tags: ,