CSS

La página, a lo Francotirador

Clasificado en:

Estuve tanto tiempo insistiéndole a Christian que utilizara Drupal, que obviamente terminó utilizando Wordpress.
Como muestra de la ductibilidad de Drupal, me di a la tarea de hacer un clon del sitio de mi amigazo, con un temita drupalero.
Como pueden ver, si bien no es una copia exacta, se mantienen los principios fundamentales. Me interesaba, fundamentalmente, ver hasta donde podía torcer los generadores de datos, de tal manera de cambiar el título, quitar datos de autoría de los post o cambiar la estructura del sistema de comentarios.

CSS: ¿Por qué no me funca el anidado?

Clasificado en:

Típico problema: tienes un div de una determinada clase, pero los p que están dentro se muestran con las características del tag body. ¿Qué hacer? Fácil: ocupa el patrón de descendencia de CSS

  1.  body {
  2.  font-size:12px;
  3.  }
  4.  div.pequeno p {
  5.  font-size:10px;
  6.  }

Eso sería todo

Crear doble guarda, vía CSS

Clasificado en:

A mi viejo amigo Christian le preguntó una alumna si se podía establecer una doble guarda como fondo de pantalla: una vertical, la otra horizontal. Algo como esto:

Definir CSS diferencial para IE y los buenos navegadores: segunda parte.

Clasificado en:

Acabo de pillar el siguiente truco para hacer CSS diferencial. Lo bueno es que se basa en los estándares, aunque haciendo un poquito de trampa hacia el lado de Explorer :P Por lo menos, no debería romper nada de los escrito para Firefox y los basados en Gecko:
Haciendo traducción literal de The Underscore Hack:

Tres hechos

  • El guión bajo ("_") se permite como un identificador CSS en la especificación CSS2.1
  • Los navegadores deben ignorar las propiedades que no conocen
  • MSIE 5+ para Windows ignora el "_" al inicio de cualquier propiedad CSS

Como disminuir el ancho de banda de un sitio!

Clasificado en:

A veces, las dificultades pueden surgir del éxito.
Con la redirección de los trabajos de la vieja dirección de Apsique al nuevo servidor y el uso de Drupal en esta página, el tráfico total al dominio aumentó en cerca de un 400%. Recién ahora me vengo a dar cuenta de que lo barato cuesta caro: si bien el plan básico de Virtuabyte es uno de los mejores en cuanto a relación prestaciones/precio, el punto flaco está en el ancho de banda. Cubrir los 10Gb que necesito me sale, aprox, más de 10.000 pesos. UFFF!!!!
Por lo visto, parece que tendré que mover esta página a otra dirección. Si lo hago, los links se mantendrán, sólo que todo irá a otro lado. Se aceptan recomendaciones :)

Tabla de soporte de propiedades CSS

Clasificado en:

¡Genial! A través del excelente CSS Beauty he descubierto una tabla con el soporte de propiedades CSS1 y CSS2 por parte de varios navegadores. Todo aquí: Full CSS Property Compatibility Chart.

Definir CSS diferencial para Explorer y Mozilla

Clasificado en:

Los que trabajan con CSS saben que el modelo de cajas funciona distinto en Explorer que en Mozilla. El primero ocupa el 'box-model', lo que indica que el tamaño de un bloque (div y derivados) se mide de borde a borde. La W3C señala que el width hace referencia solo al contenido (content-model), por lo que el padding y las lineas se cuentan aparte... poco intuitivo, la verdad.
Ejemplo:

.micajita {
width:100px;
border:1px;
padding:10px;
}

En IE la cajita medirá 100px, en Mozilla medirá ....chachachachán.... ¡111 122 pixels!. Claro, se suma al contenido el borde y el padding.

Distribuir contenido