| |

Laboratorio: simulación de transparencia mediante CSS

ByLuis

En la Web 2.0 está más de moda usar transparencias en nuestras páginas web, realmente se puede realizar con estilos, pero con Internet Explorer se hace de una forma y con Firefox de otra, y no estoy muy seguro, con Opera no se puede (actualización: Federico nos comenta que en la versión 9 ya está implementada). Por ello, una forma de simular la transparencia en una capa es usar dos imágenes, una de fondo con la imagen original y la otra con una imagen que hemos creado nosotros que tendrá el efecto de transparencia.
transparencia.png

Yo en el ejemplo me he creado una capa blanca, encima he puesto la imagen con cierto grado de transparencia y encima he puesto la misma imagen con efecto de luminosidad suave, para que no sea símplemente una transparencia.

Tenemos una capa div y dentro de ella un párrafo:

<div><p>...</p></div>

Ahora le tenemos que indicar los estilos:

div.contenedor {
width: 500px;
height: 375px;
background: url(forest.jpg) top left no-repeat;
}
div.contenedor p {
width: 420px;
height: 295px;
top: 40px;
left: 40px;
background: url(forest_transparencia.jpg) -40px -40px no-repeat;
border: 2px solid #000000;
position: relative;
}

Si te fijas, verás que en el estilo de párrafo, se desplaza del background hacia arriba y hacia la izquierda tanto como está desplazado el párrafo hacia abajo y hacia la derecha sobre la capa contenedora.

Ejemplo

Cosas que pueden no gustarte de Vista

ByLuis

Windows VistaMás cosas sobre Vista, que la verdad es que algunas son muy críticas, pero creo recordar que sobre otras versiones pasó lo mismo y al final todos acabamos usándolo. Esta vez se trata de 20 cosas que no nos va a gustar de Windows Vista:

  • Excesivos requerimientos gráficos, incluso para la versión básica, necesita más que el XP. Pensando siempre que Mac OS X Tiger casi lo mismo con menos recursos.
  • Como ya indicamos, el control de usuarios para ejecutar aplicaciones en modo administrador, es bastante molesto.
  • La Configuración de Red se ha complicado bastante, teniendo que pasar por muchas pestañas, asistentes…
  • Lo mismo pasa con las Propiedades de Escritorio, que son necesarios demasiados clicks para poder configurar todo lo que te ofrece.
  • El menú Archivo parece que ha desaparecido, aunque es posible resucitarlo seleccionando la vista clásica.
  • El producto antispyware Windows Defender tiene fallos.
  • Una nueva aplicación que te avisa de los problemas encontrados en el sistema y su posible solución te suele indicar que no tiene solución.
  • Gadgets incompatibles entre los de su sidebar y los ofrecidos en Vista.
  • El proceso de instalación es interminable, miedo me da, el de XP ya me lo parecía.
  • Demasiadas versiones de Vista para ajustarse a nuestras necesidades, lo complicado es saber cuales son nuestras necesidades.
  • Posiblemente el precio sea bastante elevado.
  • Falta de originalidad, comparándolo con Mac OS X, aunque claro, a la mayoría de usuarios les dará igual ya que no creo que conozcan lo que ya existe en el mercado.

Visual Tour: 20 Things You Won’t Like About Windows Vista

Vía / Bitelia

|

Google ofrece hojas de cálculo en línea

ByLuis

google-spreadcheets.pngGoogle ha lanzado una aplicación web para trabajar con hojas de cálculo, aunque por ahora solo se puede usar mediante invitación, la cual permitirá crear hojas de cálculo básicos, importar hojas de estilo en formato CVS o XLS, facilidad para darle formato a las celdas, elegir quién puede acceder a tus hojas de cálculo, compartir documentos, editar en tiempo real con otras personas, exportar a HTML, CVS y XLS y seguro que muchas otras cosas más que irán añadiendo poco a poco.
Google Spreadsheets
Vía / Maestros del Web

links for 2006-06-07

ByLuis