CSS4 se acerca lo que necesita saber

Internet está en constante evolución: es difícil creer que el rickrolling tenga seis años, Internet Explorer 6 tenga doce años y que CSS esté cerca de la versión pública de la versión 4..

Entonces, ¿qué hay de nuevo en CSS4? He echado un vistazo a toda la especificación de CSS4, recogiendo a mano las mejores partes. Éstos son sólo algunos de ellos..


Disposición Presponsiva

El diseño responsivo es sin duda el gran cosa de 2013. Con @medios de comunicación Consultas, nunca ha sido tan fácil adaptar su sitio para múltiples dispositivos y tamaños de pantalla, brindándole a su usuario una mejor experiencia. El único obstáculo real que queda en el modo de respuesta es la carga de páginas: las velocidades de conexión siguen siendo inquietantemente lentas para una gran proporción de visitantes, y el W3C es consciente de ello. Es por eso que hay una propuesta de diseño de respuesta previa, que le permitiría aplicar estados de precarga para conexiones más lentas.


Por supuesto, esta tecnología no es barata. Necesitará un nuevo y elegante chip de procesador de flujo, que solo viene con las últimas conexiones de fibra óptica.

@media (flux-capacitor: true) 88mph body background: url ('loading.gif'); 

Hojas de cálculo en cascada

Esta característica fue introducida realmente por Internet Explorer bajo el término comportamiento. Si alguna vez has usado una solución PNG, has usado esto antes. Es increíblemente útil para mejorar la interacción como nunca antes, y ayuda a cerrar la brecha y la enemistad entre los desarrolladores de JavaScript y CSS. Utiliza una sintaxis de estilo de funciones discreta, y se ve así:

*: hover script: script (alerta ('hola mundo')); 

Aquí está el equivalente en JavaScript:

var doc = documento; var star = doc.all; window.hello_world = function (message) message = message || 'Hola Mundo'; mensaje de alerta);  para (var i = 0; i < star.length; i++)  if(star[i] && star[i].nodeName)  star[i].onmouseover = function()  if(window.hello_world)  hello_world();    

Hojas de estilo del lado del servidor (CLISS)

Si alguna vez has tenido que trabajar en una interfaz de línea de comandos, notarás que es un poco, bueno, aburrido, mirar. La especificación CSS4 intenta modificar esto introduciendo el módulo CLISS.


CLISS significa Scriptsheets de estilo de interfaz de línea de comandos, y sigue una sintaxis muy similar a la CSS en la que está acostumbrado a trabajar con sitios web, pero ahora puede usarse para hacer que su Terminal sea un poco más brillante. Actualmente, hay soporte para las aplicaciones de línea de comandos de Unix, OS X y Windows, siempre que se instale un módulo opcional. A diferencia de las opciones de estilo existentes dentro de la aplicación, CLISS permite el conjunto completo de propiedades de CSS, lo que permite una personalización completa. En este momento, la pila selectora es muy limitada (terminal, línea, y error), pero hay mucho más en las obras.

La sintaxis se ve así:

terminal background: url ("puppies.gif"); color: # f0f; transformar: rotar (-90deg);  terminal de error mostrar: ninguno; / * Nunca vuelvas a escribir código malo * /

Soporte de correo electrónico adecuado

CSS está sobrevalorado de todos modos - W3C

Sí, acabas de leer eso bien. El W3C está trabajando con una variedad de proveedores de correo electrónico para ofrecerle un enfoque moderno y coherente para diseñar y crear correos electrónicos HTML..

Esto podría significar que finalmente podemos empezar a usar semántica.

,
, e incluso
etiquetas, deje de usar las hojas de estilo en línea y finalmente pase a un sistema de hojas de estilo externo centralizado: realmente actualice las cosas con el resto de la web.

Sin embargo, todos estuvieron de acuerdo en que "las tablas estaban bien", citando que "CSS está sobrevalorado de todos modos", por lo que nada ha cambiado. Ah bueno.

Propiedades nuevas y antiguas

Con el advenimiento de CSS4, algunas propiedades antiguas se han reintroducido y algunas se han dado al mundo por primera vez..

Entre las propiedades resucitadas se encuentran texto-decoración: parpadear, texto-decoracion: marquesina, estilo de letra: wordart, y Familia tipográfica: "Comic Sans MS", que están diseñados para llevar la tipografía a los estándares establecidos por la prensa de Gutenburg del siglo trece.

Las propiedades más nuevas incluyen retina: cierto (que mejora automáticamente sus imágenes, CSI: Miami-style), música de fondo: muzak (lo que le da a sus sitios de comercio electrónico una verdadera sensación de fachada), y -webkit-typos: falso (que utiliza el software de corrección ortográfica hiperactivo de iOS para corregir automáticamente los errores tipográficos en los comentarios de YouTube).


Para concluir

Es un buen momento para trabajar en la web en este momento, y está mejorando cada vez más; evolucionando de fuerza en fuerza, permitiendo que personas de todo el mundo se conecten y hagan grandes cosas como esta.

Sigue creando y muéstrenos qué geniales demostraciones de CSS4 ha realizado en los comentarios.!