Programación — No comments
01
Jul 09
La idea de 1 line CSS Grid Framework es poder crear un layout CSS basado en grillas con solo una línea de código CSS:
.dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }
Este sistema parte del principio de que cada columna puede dividirse en 2, por lo que pueden hacerse layouts de 2, 4, 8, 16… columnas. Obteniendo este resultado:
Funciona con px, em y porcentajes. Es compatible con todos los navagadores, hasta IE5.5. El autor no lo recomienda para producción, si no más bien como una demostración de lo que puede hacerse con solo una línea de CSS.
Otra opción un poco más completa pero ultra pequeña, del mismo autor, es Malo, un framework CSS de 8 líneas. Y para el que lo anterior no le alcance tiene Emastic y The Golden Grid.
Por mi parte, hice un layout fluido clásico de blog de 3 columnas: header, contenido, dos sidebars y footer.
En conclusión, 1 line CSS Grid Framework es muy fácil de usar y puede servir para crear sistemas de grillas simples.
General — No comments
27
Jun 09
Este domingo se realizarán elecciones legislativas en Argentina. Hay gente preocupada por las consecuencias de no ir a votar.
El sufragio universal es un derecho que costó conseguir, por el que mucha gente peleó y murió. Por eso es importante ir a votar, no se pueden despreciar los derechos que llevaron tanto tiempo y esfuerzo adquirir. Y si no estás de acuerdo con la dirigencia política, simplemente votá en blanco.
Programación — 4 comments
03
Jun 09
Ya se discutió (y bien) este tema en otros lugares, pero a raíz de un post en Kabytes y viendo que no está muy clara cual es la diferencia entre los tags <b> vs. <strong> y <i> vs. <em> voy a tratar de explicarla. Aclaro que ésto es de interés solo para los Talibanes de la Accesibilidad y los Maestros del SEO.
Supongamos que quiero poner un texto en negrita, ¿utilizo <b> o <strong>? La respuesta es ninguno de los dos, hay que usar la propiedad CSS font-weight. Veamos:
El código XHTML:
<p>Este texto lo quiero en negrita</p>
y el código CSS correspondiente:
p { font-weight: bold; }
El caso de la itálica es similar, debemos usar la propiedad CSS font-style:
p { font-style: italic; }
Entonces, ¿para qué sirven <i> y <b>? Estos tags sirven para dar formato, pero como enseña el Tao del CSS el formato debe darse a través de las hojas de estilo, por lo que en su lugar hay que usar las propiedades CSS font-style y font-weight.
En cuanto a <em> (emphasis) y <strong> (strong emphasis) son elementos estructurales que deben utilizarse en sentido semántico, da la casualidad (o no) que por defecto los navegadores los muestran, respectivamente, como itálica y negrita. Un Talibán de la Accesibilidad nos dirá que un texto con em será leído por un lector de pantalla con más énfasis, y un Maestro del SEO dirá que si ponemos strong a las keywords, Google indexará nuestra página en primer lugar.
Espero que se haya entendido la diferencia. Yo por mi parte no hago mucho caso de todo lo anterior y uso lo que más cómodo me queda.
General — 3 comments
13
May 09
Hace poco me enteré del significado de bizarro, según la RAE tiene dos acepciones:
- adj. valiente (esforzado).
- adj. Generoso, lucido, espléndido.
La mayoría de la gente usa el término como extraño y de mal gusto, la confusión se debe a la palabra bizarre, que en inglés y francés sí significa extraño.
