Los selectores de CSS son ya posibles en internet explorer

January 9th, 2008 | albertofortes |

Enhorabuena a todos los maquetadores, yo desde luego no sé como es que no estoy dando saltos de alegría, la verdad es que no me lo explico…
Lo que si os digo es que ahora mismo me voy de copas, o al menos de tapas para celebrarlo. Os lo juro.
Dean Edwards acaba de sacar la última versión de su ie7.js, que no es otra cosa que un alibrería en javascript que hace todo esto (lo copiopasteo de su web porque estoy vago y me quiero ir a celebrarlo):

  • supports the following CSS selectors:
    • parent > child
    • adjacent + sibling
    • adjacent ~ sibling
    • [attr], [attr="value"], [attr~="value"] etc
    • .multiple.classes (fixes bug)
    • :hover, :active, :focus (for all elements)
    • :first-child, :last-child, only-child, nth-child, nth-last-child
    • :check, :disabled, :enabled
    • :empty, :contains(), :not()
    • :before/:after/content:
    • :lang()
  • supports imported style sheets
  • preserves the cascade of the style sheet
  • does not alter the document structure
  • does not repeatedly query the DOM
    tree using JavaScript
  • uses pure CSS to enforce style sheet rules
  • supports the W3C box model in both standards and quirks mode
  • supports fixed positioning (flicker free)
  • supports overflow:visible
  • supports min/max-width/height
  • fixes broken (X)HTML elements (abbr, object)
  • standardised forms behavior
  • supports PNG alpha transparency
  • lightweight script (11KB)
  • works for Microsoft Internet Explorer 5+ (Windows only)

Antes de postear esto lo he probado en la web que estoy maquetando y va de puta madre en ie6 e i7, así que ya estais tardando. ¿Os he dicho que estoy feliz? Hacía mucho tiempo que quería descargar toda mi ira contra los selectores y Microsoft me lo impedía, ahora mientras posteo me he puesto “All The Things That Go To Make Heaven And Earth” de los new pronographers.
Además hoy me han aprobado un huevo de cosas (joder, desde por la mañana parecía lunes), así que cuelgo el cartel de No hay entradas hasta nuevo aviso.
Me voy de cañas.

11 Comentarios

  • Tripix

    10 January 2008

    Pues tenía yo ganas de probar el sistemita ese… pero tu información me ha dado una gran alegría esta mañana.

    Si de verdad, con ese sistema se pueden usar transparencias png en IE6 esta puede se la noticia más importante del Maquetation World desde hace mucho tiempo!¡ bueno… y el min-width / min-height… no me lo puedo creer.

    Por otro lado es como para que a los desarrolladores de Microsoft los pongan de patitas en la calle.

  • [...] Visto en Los selectores de CSS son ya posibles en internet explorer. [...]

  • albertofortes

    10 January 2008

    Tripix, yo he probado algunas cositas y estoy muy contento.
    Ya te digo que en el ultimo trabajito estoy usando selectores al gusto ;-)

  • Marcky

    10 January 2008

    yo la usé para la web de climaysalud y la verdad es que facilita bastante algunas cosillas. viva el box model estandar coño.

  • [...] Lo ha anunciado albertofortes.com: Los selectores de CSS son ya posibles en internet explorer! Es de no creer, y no veo la hora de probarlo. Al parecer Dean Edwards acaba de sacar la última versión de su ie7.js, que es una librería en javascript que hace todo esto. Copio las propiedades que tiene: supports the following CSS selectors: parent > child adjacent + sibling adjacent ~ sibling [attr], [attr=”value”], [attr~=”value”] etc .multiple.classes (fixes bug) :hover, :active, :focus (for all elements) :first-child, :last-child, only-child, nth-child, nth-last-child :check, :disabled, :enabled :empty, :contains(), :not() :before/:after/content: :lang() supports imported style sheets preserves the cascade of the style sheet does not alter the document structure does not repeatedly query the DOM tree using JavaScript uses pure CSS to enforce style sheet rules supports the W3C box model in both standards and quirks mode supports fixed positioning (flicker free) supports overflow:visible supports min/max-width/height fixes broken (X)HTML elements (abbr, object) standardised forms behavior supports PNG alpha transparency lightweight script (11KB) works for Microsoft Internet Explorer 5+ (Windows only) [...]

  • Rauto

    10 January 2008

    El problema va a estar en que si además de usar IE tienen deshabilitado el javascript, pero bueno será que hoy me levante pesimista.

  • albertofortes

    10 January 2008

    Rauto, eso es lo mismo que han preguntado por en la referencia que ha hecho Torres Buriel, y te comento lo mismo que allí: por ahora paso ni de pensar en esa mínima, minimísima posibilidad, para un caso de cada diezmil como que no voy a dejar que nos ague la fiesta

  • Rauto

    11 January 2008

    OK, entonces vamonos de copas! =)

  • [...] Últimamente estoy bastante sorpendido, aunque a estas alturas no sé por qué me sorprendo, con mucha gente. Resulta que hay personas que no salen a la calle sin su validador del w3c debajo del brazo. Lo cual me hace mucha gracia. Resulta que los estandaristas nos hemos llevado palos y peleas por un tubo para probar la sobrada ventaja de usar estandares web, dejar de una lado para siempre el diseño con tablas y usar el flash para lo que sirve y no usarlo ya jamás para sitios de contenido. Hemos dado tanto a lata que ahora el mundo se revuelve contra nosotros al estilo “más papista que el Papa”. Hace poco descubrí el ie7.js de Dean Edwards, una librería en javascript para poder usar selectores y pseudolementos de CSS 2.1 y CSS3 en internet explorer. El mundo se abrió a mis pies, y me lanzé como un loco a probarlo, el resultado: amo a este tipo. Por fin puedo usar a destajo first-child, last-child, hovers sobre capas, min y max height y width, etc etc y funciona a la perfección con explorer, ahorrándote clases para exepcionar reglas, como la de crear a pelo un last child en la ultima columna para que no tenga margen derecho, por ejemplo. De esta forma no sólo te ahorras clases tontas que muchas veces el desarrollador no sabe para que vale, sino que además escribes un CSS mucho más puro y mejor. Y ahora viene el que no tiene ni idea de lo que habla pero se las da de entendido, aka, el cliente final. [...]

  • [...] Se trata de  ie7.js, de Dean Edwards. , que descubrí leyendo blogs como el de albertofortes.com. Si ya os ha picado la curiosidad será mejor que visitéis la web del ie7.js. Si no es así es que no os habeis pegado nunca con maquetación css y ni falta os hace seguir leyendo este humilde blog ;-). [...]

  • [...] Cómo hacer que Internet Explorer 7 se comporte como debería comportarse mediante una librería de Javascript [...]

Deja tu comentario