Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Archive for Enero, 2008

Javascript: establecer el valor de la propiedad float de CSS

Fecha de publicación: 2008/01/25

En Javascript es muy fácil establecer propiedades CSS, como en este ejemplo las propiedades de anchura, color y z-index:

elemento.style.width = '50%';
elemento.style.color = '#0c0';
elemento.style.zIndex = '1';

Pero con la propiedad float no es tan sencillo:

Because the word “float” is already reserved in JavaScript, it’s not possible to access an object’s floatCSS property using style.float. In fact, browsers use different terms for the float property: Internet Explorer uses style.styleFloat, while all other browsers use the W3C-specified style.cssFloat.

La palabra float es una palabra reservada en el lenguaje Javascript, por lo que no se puede usar para definir la propiedad float. Por ello hay que utilizar la siguiente alternativa especificada por la W3C:

elemento.style.cssFloat = 'left';

Pero aun queda un escollo. Internet Explorer (que es muy especial) no soporta esta alternativa, por lo que habrá que usar al mismo tiempo lo siguiente:

elemento.style.styleFloat = 'left';

Saber más

Datos del artículo:

Inclusión de PHP en plantillas de CMS Made Simple

Fecha de publicación: 2008/01/23

Es muy sencillo, en lugar de <? se utilizaría {/php}:

{php} echo 'Texto en PHP'; {/php}

Saber más sobre la inclusión de PHP en plantillas de CMS Made Simple.

Datos del artículo:

HTML: cuando se puede usar el atributo alt en el elemento input

Fecha de publicación: 2008/01/22

El atributo alt en el elemento input solo debe usarse si el atributo type contiene el valor image.

Saber más sobre el elemento input y sobre la obligatoriedad de la inclusión del atributo alt

Datos del artículo:

¿Para que sirve Internet Explorer?

Fecha de publicación: 2008/01/18

Pues muy sencillo, según HacheMuda:

Internet Explorer sólo sirve para bajarse Firefox.

Aunque yo creo que también puede servir para bajarse Opera, al que considero bastante superior a Firefox.

Datos del artículo:

Javascript: el método split()

Fecha de publicación: 2008/01/17

El método split() en Javascript permite dividir en varios bloques una cadena de texto, formando un array.

Ejemplo:

cadenaTexto = 'palabras-de-la-cadena-de-texto'
fragmentoTexto = cadenaTexto.split('-');

En el ejemplo las palabras en la cadena de texto (la variable cadenaTexto) están separadas por guiones. Al utilizar el método split() la separación viene dada por esos guiones.

Saldrían los siguientes fragmentos:

fragmentoTexto[0];// palabras
fragmentoTexto[1];// de
fragmentoTexto[2];// la
fragmentoTexto[3];// cadena
fragmentoTexto[4];// de
fragmentoTexto[5];// texto

Saber más

Datos del artículo:

Reciclaje de un ordenador viejo

Fecha de publicación: 2008/01/13

Este fin de semana he dedicado un ratillo a terminar el reciclaje de un ordenador antiguo que tengo por casa (un Toshiba Equium 3200M):

  • PIII 450Mhz (Katmai)
  • 256 MB SDRAM 100Mhz
  • Discos duros: 8,4GB y 20GB.
  • Lector DVD

Anteriormente ya le había instalado un Windows XP SP2 ocupando todo el disco de 8,4GB, optimizándolo para que consumiera el mínimo posible de memoria

A pesar de la optimización y de que la máquina cumple los requisitos recomendados para mover Windows XP, no es que vaya muy bien, sobre todo en lo referido a consumo de memoria.

En el disco duro de 20GB he creado una partición de 4GB en la que he instalado un Debian Etch 4.0r2 con KDE. Y la verdad es que va bastante mejor que Windows XP.

Captura de Debian 4.0 con KDE

El consumo de memoria al iniciar el sistema es de 128 MB en Windows XP, y de 64 MB en Debian.

En cuanto a microprocesador se queda un poco corto en ambos sistemas, quizá un poco menos en Debian, pero la diferencia no es muy apreciable.

Debian 4.0 va mejor en esta máquina que Windows XP, a pesar de ser un sistema operativo bastante más reciente y con una interfaz (KDE) muchísimo más atractiva y personalizable.

He de decir que también probé con otros sistemas operativos:

  • Windows 98: Un rendimiento excepcional (es el sistema que venía preinstalado). En contra la falta de determinadas aplicaciones recientes y una ligera inestabilidad (explorer.exe peta mucho.).
  • Windows ME: Un rendimiento casi a la par que Windows 98. Muy inestable.
  • Windows 2000 SP4: un rendimiento similar a Windows XP. Carece de Internet Explorer 7.
  • Kubuntu Feisty 7.04: como ventajas que está basado en Debian y lleva KDE. Muy recargado, muy lento y un consumo excesivo de memoria (casi como XP).
  • Ubuntu Dapper 6.06: imposible de utilizar con un mínimo de soltura. Lento, recargado.
  • Debian Woody 3.0: tiene un rendimiento excelente, pero las aplicaciones suelen estar bastante anticuadas, aunque funcionan las últimas versiones de Firefox, Seamonkey, Opera y OpenOffice.org.
  • Slax 5: un rendimiento excepcional con KDE. El lado malo es que es unsistema operativo de juguete.

Datos del artículo:

HTML y CSS: diferencias entre clases (class) e identificadores (id)

Fecha de publicación: 2008/01/02

El atributo id

El atributo id sirve para identificar de forma única a un elemento dentro de un documento HTML.

El valor del atributo id de un elemento no puede repetirse en ningún otro atributo id del mismo documento.

El id es la parte del selector CSS que más especificidad CSS da: un valor de 100.

El atributo class

El valor del atributo class puede repetirse cuantas veces sea necesario, incluso puede llevar más de una clase:

class=”claseUnica” -> atributo class con una sola clase
class=”clase1 clase2” -> atributo class con más de una clase

El valor del atributo class no tiene ningún valor identificativo del elemento que lo contiene, únicamente sirve para asociarle los estilos al elemento.

En cuanto a especificidad CSS tiene un valor de 10.

Saber más

Este documento está disponible en formato OpenDocument

Datos del artículo:

Información del sitio