Borchani.COM – Blog

TypeTester un herramienta ideal para nosotros que nos gusta diseñar. TypeTester es un servicio online que nos permitirá realizar (Como bien dice el nombre) Test con diferentes tipografías y ver como se verían en nuestro sitio, y obvio elegir la mas bonita para nuestro diseño. Podrás optar por varias opciones para realizar el test de tus fuentes: tamaños, tipos, cursivas, Color de fondo, alineaciones, subrayados etc.

Link TypeTester

Algunos me habían preguntado como lograr que una imagen que tiene un enlace hacia otro sitio o artículo se muestre como en estado de off o mas opaca, y al pasar el Mouse se muestre el color original de la misma. Como el efecto que veras pasando el mouse sobre la imagen que se encuentra arriba:

Como logramos este efecto en las imágenes?

Simplemente copiamos este código en nuestra hoja de estilo (Style.css)

CSS:

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;} 

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

y cada vez que queramos darle este efecto a una imagen agregamos la clase “linkopacity” ejemplo:

HTML:

<a class=”linkopacity” href=”http://www.xyberneticos.com/”><img src=”images/demo.jpg” style=”border:1px solid black;”></a>

JavaScript image gallery, una galería en javascript y escrito en jQuery que posee realmente un aspecto muy agradable. Carga las imágenes una a una, seleccionándolas desde un panel inferior desde sus miniaturas. Mediante la hoja de estilo galleria.css es realmente fácil personalizarla en caso de desearlo. No tengo duda que esta agradable galería, podrá ser una buena base para crear sus propias galerías con diseños realmente asombrosos.

Ver Demo 1 – Ver Demo 2 – Descarga – Mas info monc