¿Te deleitas en experimentar con el diseño web de vanguardia pero te sientes en conflicto con las especificaciones técnicas formales establecidas por el W3C?

¿Tiene dudas sobre la aplicación de sus ideas vanguardistas al tiempo que logra el soporte de navegadores cruzados y cumple con los estándares?

Bueno el Equipo de Adobe Web Platform está listo para convencerte de lo contrario ...

Si ha estado siguiendo su trabajo reciente, ya sabe cómo algunas de las mentes más innovadoras de la industria son empujando los bordes de Internet para que sea un lugar mejor Lo que quizás no se den cuenta es el impacto que también están teniendo en los estándares de las comunidades de HTML y CSS.

Al asociarse con otros actores importantes como Microsoft, Google y Mozilla, Adobe Web Platform Team está impulsando los estándares de CSS en múltiples frentes participando con grupos de estándares web, proveedores de navegadores, contribuidores de proyectos de código abierto y creadores de contenido. Se han involucrado activamente con el W3C y han realizado varias propuestas, incluidas las regiones CSS, CSS Shapes y CSS Masking, mientras contribuyen implementaciones de dichas propuestas a WebKit, Blink, Gecko e Internet Explorer.

Regiones CSS

Recientemente, Regiones CSS , que cierra la brecha entre la edición impresa y la publicación digital, lo convirtió en el último oficial iOS7 Mobile Safari lanzamiento (junto con los modos de fusión de lienzo, las rutas de lienzo y las rutas de clips de CSS). Los desarrolladores ahora pueden usar esta característica en sitios web y aplicaciones web dirigidas a esos dispositivos, y se espera que el soporte de Android lo siga pronto. Además, CSS Regions funciona en Chrome, Webkit, una versión de Opera que usa Parpadeo motor, y hay una implementación parcial para IE10 usando una versión anterior de la especificación CSS Regions.

slide_cssregions

CSS Regions le permite controlar dónde aparece el contenido en su página y qué sucede cuando el contenido no cabe dentro de su contenedor. Permite a los diseñadores dictar el flujo de contenido donde queramos y en cualquier forma o tamaño deseados. Y debido a que logra la separación del marcado semántico del marcado de diseño, podemos usar las regiones CSS para inyectar nuestro contenido en algo que se asemeja a una plantilla. Esto es ideal para diseños de estilo de revista o estratégicamente contenido plegable , como la publicidad, en diseños receptivos.

Formas de CSS

Otra área donde Adobe está ampliando el desarrollo, según el ingeniero de Adobe Web Platform, Razvan Caliman , Es con Formas de CSS , aún bajo una bandera chrome: // . Esto no debe confundirse con las formas que simplemente se logran mediante la aplicación de propiedades CSS como border-radius o box-shadow como se ve en Las formas de CSS . Dichos ejemplos solo proporcionan la ilusión de una forma sin que influya en el diseño real del contenido de la página. CSS Shapes literalmente mejora la experiencia visual de narración al capacitar al diseñador para envolver el contenido alrededor o dentro de las formas con solo unas simples propiedades de CSS.

Si aún no lo has visto, Razvan Caliman Presentación de Alice in Wonderland en CSSconf.eu absolutamente te dejará boquiabierto.

CSS Masking

Casi perdido en el bombo de CSS Regions es CSS Clipping y CSS Masking , que sin dudas te inspirará. Estas técnicas ahora hacen posible en el navegador, lo que solía ser posible con el software de edición de imágenes. Captura algunos efectos visuales increíblemente simples usando un gradiente lineal básico combinado con CSS Masking.

Resumen

Es realmente una era increíble de diseño web. Con los desarrolladores de toda la industria esforzándose constantemente para empujar el sobre, estos realmente son tiempos emocionantes.

Si este tipo de avances lo encienden, entonces definitivamente querrá prestar atención a las noticias de esta semana. Conferencia de Desarrolladores HTML5 donde Adobe Web Platform Team y muchos otros estarán disponibles para mostrarnos cómo están reinventando el diseño web tal como lo conocemos.

¿Se debería permitir que las corporaciones influyan en los estándares web? ¿Qué innovaciones de Adobe le entusiasman más? Háganos saber sus pensamientos en los comentarios.