Archive for Julio, 2008
eyeOS, tu sistema operativo online.
Escrito por Marc | Archivado en Internet
eyeOS es una plataforma libre y de código abierto.
Bajo este nombre de eyeOS se esconde un proyecto en el que han desarrollado un sistema operativo web (en internet, a través de inernet). Este proyecto tan ambicioso trata de crear (mas bien, ya lo han creado) un entorno de sistema operativo, digamos, que es como si tuvieras el windows/linux/Mac OS instalado en un servidor web y mediante tu navegador (IE, Firefox, Safari..) pudieras conectarte utilizando una dirección web (URL) y un usuario y contraseña para acceder a tu cuenta.
Al acceder a eyeOs dispones de;
Open Web Foundation
Escrito por Marc | Archivado en Internet
El Open Web Fundación es una organización independiente sin fines de lucro dedicada a la protección del desarrollo abierto, no propietario y especificaciones de las tecnologías Web.
Según he podido traducir y deducir con mi turbio y básico ingles. (minutos depués he encontrado un artículo en diario TI y me ha aclarado unas cuantas cosas…)
Aprovechando lo que he podido leer y lo que dicen en diarioTI, parece una buena iniciativa, como espejo toman la iniciativa de Apache Software Foundation y OpenID y su intención es contribuir a la propagación de los estándares abiertos intentando evitar conflictos entre estos y los derechos materiales (alguien sabe de leyes? a través de google no he encontrado gran cosa que me aclare este termino).
Esta fundación (OWF) fue creada la semana pasada y ya cuenta con el apoyo de empresas mediáticas como Google, Facebook, BBC, Yahoo, MySPace, O’Reilly, Six Apart, Sourceforge y Plaxo.
CSS: Centrar nuestra web en el navegador.
Escrito por Marc | Archivado en Desarrollo web, Tips
Continuando con la línea de la última entrada vamos a mostrar un código muy sencillo para conseguir que nuestra web o el contenido que queramos ya sea imagen, texto o contenido del tipo multimedia , lo podamos centrar en el navegador. Utilizando el código que seguidamente explicaremos conseguiremos un centrado horizontal y vertical sea cual sea la resolución de pantalla de los usuarios ya que si redimensionamos el navegador seguirá ajustándose al centro.
La base de este código reside en el posicionamiento absoluto y jugar con los margenes izquierdo y superior negativos. Echando mano de la calculadora tendrémos que sacar unos valores equivalentes a la mitad de las dimensiones del contenido que queremos centrar:
Por ejemplo un contenido de 500 x 450 pixels.
- La mitad del width -250px (margen negativo superior)
- La mitad del height -225px (margen negativo izquierdo)
Pasaremos a ver el código CSS y a comentarlo así quedará mucho mas claro. Tomaremos como base una capa con un width(ancho) de 500 pixels y un height(alto) 450 pixels.
CSS: Columnas con Listas (UL,LI)
Escrito por Marc | Archivado en Desarrollo web, Tips
Una de las cosas que mas me gusta usar de los CSS son las listas (UL, OL) con ellas puedes listar infinidad de contenidos de la forma que desees y lo mejor de todo tabular y espaciar dichos contenidos con una facilidad enorme con un código muy simplificado.
Pero ahora no vamos ha hablar de los listados, si no de como hacer columnas con textos utilizando listas.
Ajax: Actualiza periodicamente el contenido de un div
Escrito por Jesus | Archivado en Desarrollo web, Tips
Una de las funciones disponibles con la librería prototype es Ajax.PeriodicalUpdater() y provee de un método sencillo para realizar llamadas remotas en intervalos de tiempo definidos.
La parte del JavaScript es bien sencilla, solo necesitamos una copia de la librería prototype y la siguiente función definida en el head, aplicandole despues el comportamiento al body,
-
<script type="text/javascript">
-
function actualizacion() {
-
var target = $('muestra');
-
if (!target) return false;
-
new Ajax.PeriodicalUpdater(target, 'script.php',{frequency:'3'});
-
}
-
Event.observe(window, 'load', actualizacion, false);
-
</script>
Para que todo esto funcione, tenemos que añadir un bloque div con la id=”muestra” que sera donde aparezca la información generada desde el script php.
Nuevo PNG fix, mas sencillo que nunca.
Escrito por Marc | Archivado en Desarrollo web, Tips
Si generamos con photoshop un PNG-24 bits con transparencia, veremos que es una imagen donde podemos ver una transparencia total, sin degradados hacia otro color que producen ese efecto de aurea que hace que queden fatal si se posiciona dicha imagen encima de otra imagen o otro color de fondo que no le corresponde.
Los PNG-24 bits tienen este "don", pero como todo "don" conlleva unas consecuencias.
Las consecuencias no son mas que las de siempre en este mundo web, en Firefox funciona todo correctamente, pones el PNG-24 bits lo posiconas y se ve de maravilla. Entonces hacemos lo mismo con Internet Explorer. Colocamos el PNG lo posicionamos, miramos en el navegador que tal ha quedado y.... tachaaaan! Te encuentras un recuadro gris donde tendría que haber una transparencia.
Web Standard Checklist
Escrito por Marc | Archivado en Desarrollo web
Utilizando como puente Nudonation, hemos llegado a un enlace muy interesante, donde la gente de MaxDesign han preparado un Checklist con el que nos hacen ver el trabajo real que conlleva preparar una web que cumpla todos los estándares marcados. No es moco de pavo, hay contenido para muuuucho rato. Para todos aquellos que estén interesados en indagar mas sobre este tema, aquí tenéis materia para rato.
