Contenido

Windows Vista Aero, en javascript y CSS

17 sep

+ 11

Sin duda el mayor atractivo de Windows Vista, es su interface más elegante y trasparente llamada Aero. Para mi uno de los motivos por los que lo desinstalé, pesado e inutil, pero atractivo para los usuarios.

Softronic Window, es un port de este elegante diseño para nuestras páginas web. Para ello únicamente se ha usado CSS y para dotarlo de movimiento Javascript, esto nos permite seleccionar la forma que más nos interese sin tener que cargar más de lo que necesitamos.

Versión HTML + CSS

iframe.JPG

Código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 	<link rel="stylesheet" type="text/css" href="css/softronic-window.css" />
  <style type="text/css">
    .softronic-window{top: 10px; bottom: 10px; left: 10px; right: 10px; width: auto; height: auto; min-width: 200px; min-height: 200px;}
  </style>
</head>
<body>

<div class="softronic-window">
  <div class="softronic-main-panel-background"></div>

  <iframe class="softronic-main-panel" src="http://google.com" frameborder="0"></iframe>


  <div class="softronic-top-left-edge"></div>
  <div class="softronic-top-edge"><span>Title here</span></div>
  <div class="softronic-top-right-edge"></div>

  <div class="softronic-right-edge"></div>
  <div class="softronic-left-edge"></div>

  <div class="softronic-bottom-left-edge"></div>
  <div class="softronic-bottom-edge"></div>
  <div class="softronic-bottom-right-edge"></div>

</div>

</body>
</html>

[Demo

Versión HTML + CSS Javascript

iframejavascript.JPG

Código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 	<link rel="stylesheet" type="text/css" href="css/softronic-window.css" />
  <script src="javascripts/prototype.js" type="text/javascript"></script>
  <script src="javascripts/softronic-window.js" type="text/javascript"></script>
</head>
<body>
<div class="softronic-window"><a href="softronic-windows.zip">Download file</a></div>

<div class="softronic-window" style="top: 300px; left: 300px; width: 500px; height: 500px;"><iframe class="softronic-main-panel" frameborder="0" src="http://google.com"></iframe></div>
</body>
</html>

[Demo

  • Comprate una buena maquina entonces y sino te gusta. no lo pruebes.
    ah y mas pesado e inutiles son la gente como vos que critican al re pedo.

  • Astilla, intentando no caer en la espiral de insulto que pretendes empezar, cada uno tiene su punto de vista y si a mi me decepcionó el rendimiento de Windows Vista, es igual de respetable que el que a ti te guste.

    Está demostrado que con la misma máquina Windows Vista un 45% menos que otros sistemas operativos, incluso llegando al 80% comparandolo con Linux… usando ventanitas.

    Aero, es la mayor baza con la que jugaba Microsoft para competir con Windows Vista (ya que se trata de un Windows XP con Interface “mejorado”) y la han cagado. Haciendo un sistema lento, pesado y encima inestable…

    Sin duda, te queda mucho que probar para saber lo que realmente te gusta…

    Saludos, espero que sigas pinchando más por aqui ;)

  • En Explorer 7.0 no funcionó el mover las ventanitas, solo el resize. mientras que en firefox si es posible, jeje! la historia de siempre.

  • Webmaster Mexico, eso será a ti, por que a mi me funciona perfectamente en internet explorer y en firefox ;) Se mueven y se agrandan etc…

  • aNieto2k , por que a mi Windows vista me va 100% PERFECTO?

    Lo tengo desde que salio y no he tenido ni tengo ningun erro ni virus, ni gusano ni nada y no utilizo antivirus. xD

    Creo que si a muchos de vosotros os va mal es por que aun no sabeis manejar un SO. xP

  • Lucas, instalaté Windows XP, Linux (cualquier versión), incluso la versión poco estable de macos para PC y compara… entenderás de lo que estamos hablando.

  • Astilla y Lucas:
    ¿cuanto les paga Billy por defender lo indefendible?
    O sera que no tienen idea que es esto??:
    http://www.youtube.com/results?search_query=compiz+fusion&search=Search
    (lo tengo en mi PC: PIV2.8, 512Mb de RAM, 128Mb de Video)
    ¿quien no sabe usar un S.O. de verdad?
    VIVA LINUX!!!!

  • Y Pa que quiere algien tantas gilipolleces? Yo con la cantidad de trabajo que tengo no me voy a poner a jugetear con esas chorradas…

  • “Y Pa que quiere algien tantas gilipolleces? Yo con la cantidad de trabajo que tengo no me voy a poner a jugetear con esas chorradas…”

    Espero que no programa, ni diseñes ni edites audio/video… para usuarios que solamente navegan o usan doctos está bien, interfaz bonita y nada más. Fuera de eso es un desperdicio de ram y video al OS que para el caché de, por ej., Premiere o Photoshop, comprobado.

    A los que les guste Vista seguramente no ocupan mucha edición o trabajos que te impliquen GB de archivo abierto, como renders. En fin, para qué defender a XP y a Vista si tienen muchas deficiencias… es obvio.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.