Las promesas de IE10 en Css3 ¿Serán ciertas esta vez o vende humo Microsoft? 1.6.12
Las promesas de IE10 en Css3 ¿Serán ciertas esta vez o vende humo Microsoft?
Una relación de las propiedades contempladas en Css3 que Microsoft afirma que serán soportadas por IE10. Bien con su prefijo privativo -ms- o sin él.
Recuerda que en la mayoría de los casos, los navegadores suelen mantener el uso de su prefijo hasta que la novedad alcanza el estatus de "recomendación", o cuando menos hasta que tienen la casi certeza de que lo recogido en el documento de trabajo de la W3c no sufrirá cambios significativos.
Propiedades estructurales de la página
Propiedades que estructuran o componen la tramoya de la página. Definen cómo se distribuyen los elementos y el cómo se relacionan unos con otros.
Exclusiones Css
Con las exclusiones CSS, los autores web pueden ajustar el texto de manera que rodee completamente los elementos, evitando así las limitaciones tradicionales de los flotantes. En lugar de limitar los elementos a flotar a la izquierda o a la derecha en relación con su posición en el flujo del documento, las exclusiones CSS pueden posicionarse a una distancia especificada desde las partes superior, inferior, izquierda o derecha de un bloque que las contenga, y siguen formando parte del flujo del documento.
✥ Documento del consorcio que las desarrolla: CSS Exclusions and Shapes Module Level 3
Reigiones Css
Con las regiones CSS, los desarrolladores y diseñadores pueden tomar una única secuencia de contenido HTML de texto e imágenes y segmentarla en varios contenedores vacíos definidos en una plantilla HTML
✥ Documento del consorcio que las desarrolla: CSS Regions Module Level 3
Multicolumnas Css
El diseño en columnas Css permite que el contenido fluya en varias columnas, las cuales conservan un intervalo y una separación opcional entre ellas. También hace posible que se pueda variar el número de columnas basándose en el tamaño de la ventana del explorador.>
✥ Documento del consorcio que las desarrolla: CSS Multi-column Layout Module. W3C Candidate Recommendation
Diseño de caja flexible. Flexbox
El modelo flexible de caja (Flexible Box Model Layout o flexbox) supone la mayor revolución que el consorcio haya realizado, modifica radicalmente uno de los pilares de css que se ha mantenido prácticamente inalterado hasta ahora.
Ese pilar no es otro que el modelo de caja (box model). La estructura del documento y cómo se relacionan unas cajas con otras.
✥ Documento del consorcio que las desarrolla: CSS Flexible Box Layout Module.
✥ Artículo sobre el flexbox en este blog.
Diseño en cudrículas o Grid Layout
Al igual que Flexbox, la cuadrícula permite lograr una mayor fluidez de diseño de lo que es posible lograr con las propiedades de Css2.1. Permite dividir el espacio por regiones principales de una página o aplicación web, y definir la relación entre las partes (tamaño, ubicación..)
✥ Documento del consorcio que las desarrolla: CSS Grid Layout.
Adaptación a dispositivos.
En combinación con las @media queries permite a desarrolladores web optimizar el diseño de los sitios para diferentes dispositivos con el mínimo esfuerzo.
✥ Documento del consorcio que las desarrolla: CSS Device Adaptation
Efectos visuales
Propeidades y propuestas de Css3 relativas a los efectos visuales que soportará IE10, según Microsoft.
Transformaciones 3D
Colocar, Trasladar, girar y escalar los elementos en espacios 2D y 3D.
✥ Documento del consorcio que las desarrolla: CSS Transforms
✥ Artículo el el blog sobre Transforms Css.
Animaciones Css
Haz que los elementos se muevan con gracia y salero.
✥ Documento del consorcio que las desarrolla: CSS Animations
✥ Artículo el el blog sobre las Animaciones Css.
Tipografía y fuentes
Lleva un punto más allá el control sobre la tipografía utilizada, cómo los presentas y qué hacer con ellos.
✥ Documento del consorcio que las desarrolla: CSS Fonts Module Level 3
✥ Artículo el el blog sobre CSS Fonts Module Level 3.
Gradientes Css
Gradientes, degradados y patrones de colores sin imágenes, en los elementos que aceptan la propiedad background-image.
✥ Documento del consorcio que las desarrolla: CSS Image Values and Replaced Content Module Level 3
Los textos en Css
Incluidas sombras y la división de las palabras entre líneas, incluido generar guiones o puntos suspensivos.
✥ Documento del consorcio que las desarrolla: CSS Text Level 3
✥ Artículo el el blog sobre Guiones - y puntos suspensivos... automáticos con Css.
En IE10 las propiedades de las transformaciones, animaciones y transiciones CSS no requieren el prefijo privativo "-ms-" ↗
Otros aspectos de IE10 con Css3
Bugs superados, gestos y toques
Eliminación de límites en la hoja de estilos
En Internet Explorer 10 ya no hay límites en la cantidad de hojas de estilos por página web ni en la cantidad de niveles de anidación, como sucedía en versiones anteriores de Windows Internet Explorer.
Gestos y toques
El control mediante programación de la entrada táctil y el reconocimiento de gestos mediante hojas de estilos en cascada (CSS). En concreto, estas características habilitan la panorámica y el zoom.
Especificación de texto seleccionable
La propiedad -ms-user-select permite a los desarrolladores web dónde pueden los usuarios seleccionar texto en sus páginas.
Kseso
the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso