logo vloox

Cosas interesantes para ver y leer (8)

Grid framework CSS de 1 línea

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:

1-line-css-framework

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.

Por qué ir a votar

Este domingo se realizarán elecciones legislativas en Argentina. Hay gente preocupada por las consecuencias de no ir a votar.

voto_5

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.

Cosas interesantes para ver y leer (7)

  • Centrales nucleares, fondo radiactivo y energías alternativas: La ignorancia nuclear en España y en ZP
  • KPMRS: Monitor de posicionamiento en buscadores (Google, Yahoo, Bing) por keywords.
  • La verdad sobre la Madre Teresa de Calcuta: Entrevista a Christopher Hitchens sobre la Madre Teresa de Calcuta y el mito que se formó en torno a ella.
  • Penn & Teller: Bullshit!: Mother Teresa, deafanatly not a saint! Este video (en inglés) es como un resumen de la entrevista anterior, cuenta con la participación de Christopher Hitchens.

Cosas interesantes para ver y leer (6)

  • Opera Unite: Un servidor web en el navegador Opera. Permite compartir archivos y fotos, cuenta con un reproductor de música, servicio de chat… Tengo que probarlo.
  • El universo no tiene sentido:  [...] Así pues, decir que el universo es el resultado de una intención (o sea, del proceso biológico de desear y actuar) es tan absurdo como decir que el mundo es el resultado de una digestión (o sea, del proceso biológico de degradar los alimentos para aprovechar su energía y sus nutrientes, y expulsar lo que sobra), vamos, lo mismo que decir que el mundo es una defecación.
  • Diez maravillas tecnológicas de la antigüedad
  • La muerte según Gore Vidal: ¿Por qué es tan importante perdurar después de la muerte? Nunca cuestionamos el hecho demostrable de que antes de nacer no existíamos. Entonces, ¿por qué tememos convertirnos una vez más en aquello que éramos al comienzo? No tengo prisa por partir. Pero considero la nada como justamente eso; nada. ¿Cómo puede temerse a la nada?
  • El futuro de la web, Tim Berners-Lee en TED 2009:  Datos vinculados

Diferencias entre los tags b, i, strong y em

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.

Cosas interesantes para ver y leer (5)

  • ¿Por qué no creo en Dios?: “…la imposibilidad de tener fe es una característica válida para cualquier postulado científico: no puede “creerse” en la teoría darwinista de la evolución, ni en la teoría de la relatividad, ni en la fuerza de la gravedad, ni en el principio de incertidumbre…”
  • Las 10 “cosas malas” que son “buenas” para la salud: es una lista de cosas malas desde el punto de vista moral, publicada por Live Science. No verifiqué su veracidad, así que no me hago responsable por posibles daños.
  • IT Crowd: Campaña anti piratería

Cosas interesantes para ver y leer (4)

  • Sobre la naturaleza electromagnética de la luz: Premios Nobel - Física 1902 (Hendrik Antoon Lorentz y Pieter Zeeman)
  • Probabilidad Metereológica: El problema de la predicción meteorológica es que la atmósfera es caótica, lo que no significa que no esté regida por ninguna ley, si no que las soluciones del sistema pueden diferir bastante a lo largo del tiempo con tal de que haya cambios extremadamente pequeños en las condiciones iniciales o durante en desarrollo. Sin embargo, es posible determinar dichas soluciones y por tanto nos resulta posible, dentro de un rango de error, predecir el comportamiento del sistema.
  • Montt en dosis diarias:

Qué significa bizarro

Hace poco me enteré del significado de bizarro, según la RAE tiene dos acepciones:

  1. adj. valiente (esforzado).
  2. 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.

Cosas interesantes para ver y leer (3)

  • Terrorismo conversacional: Primero se muestran las Variantes Ad Hominem, donde atacas a la persona como una forma de eludir la verdad, la ciencia o la lógica que de otra forma te demostrarían equivocado. Le siguen las Falacias de Prestidigitación Mental, que actúan como «magia mental» para asegurarte que el tema incómodo desaparece. Seguimos con las Tácticas de Retardo, medios sutiles de ganar tiempo ante una situación incómoda. Después las populares estratagemas de La Pregunta como Oportunidad, donde cualquier cuestión puede ser fácilmente eludida. Finalmente las tácticas Irritantes o del Tiro Fácil, básicamente golpes bajos.
  • En el Meliá Cohiba…: En Cuba solo se permite el acceso a Internet a los extranjeros.
  • Las 10 mejores citas de Carl Sagan: “…si los ciudadanos reciben una educación y forman sus propias opiniones, los que están en el poder trabajan para nosotros. En todos los países se debería enseñar a los niños el método científico y las razones para la existencia de una Declaración de Derechos. Con ello se adquiere cierta decencia, humildad y espíritu de comunidad.”
  • Bill Maher: Sobre la gripe porcina, la evolución y la fe.
Powered by WordPress. Diseño basado en FreshMedia.