La conferencia de ayer en la WWDC de Apple presentó dos nuevos sistemas operativos. El nuevo MacOS se llama El Capitán después de una formación rocosa en Yosemite (que ha sido tomada por la mayoría de los comentaristas para indicar que Apple ve su próximo sistema operativo como una versión menor, en lugar de importante). MacOS El Capitan y iOS 9 ya están disponibles para los desarrolladores de Apple, se lanzarán a la versión beta pública el próximo mes y se lanzarán en el otoño.

Escondidos entre los anuncios decepcionantes sobre el pago de Apple a un par de países (Canadá y el Reino Unido) y el servicio de música en streaming de Apple, hubo varias pistas sobre cómo Apple ve la Web, y el papel de Safari, evolucionando en los próximos años ...

1) desplazamiento de desplazamiento

Uno de los mayores anuncios para los diseñadores web es la implementación del ajuste de desplazamiento CSS. El ajuste de desplazamiento, que se logra actualmente con JavaScript, es un método para ajustar la suavización en un desplazamiento, de modo que el desplazamiento se ajuste a una posición predefinida. Si alguna vez ha desplazado un sitio de una sola página que se deslizó a la siguiente sección, a diferencia de una cantidad arbitraria de píxeles, ha experimentado un ajuste de desplazamiento.

Apple espera que la tendencia de los sitios de una sola página ... continúe

Es una indicación de que Apple espera que la tendencia de los sitios de una sola página, con secciones que llenen toda la ventana gráfica, continúe sin interrupción.

Safari 9 presenta las siguientes propiedades de ajuste de desplazamiento de CSS: -webkit-scroll-snap-type, -webkit-scroll-snap-points-y, -webkit-scroll-snap-points-x, -webkit-scroll-snap-destination, y -webkit-scroll-snap-coordinate.

Como el ajuste de desplazamiento se ve en gran parte como una mejora progresiva, pronto puede ser práctico cambiar este efecto de JavaScript a CSS.

2) Sitios fijados

Safari 9 presenta sitios anclados. Los sitios fijados son una forma de mantener sus sitios web favoritos abiertos en el navegador para un acceso rápido, sin tener que abrir una pestaña. Para utilizar sitios anclados en Safari 9, simplemente arrastre una pestaña abierta hacia la izquierda y se creará un pequeño icono en la barra de marcadores, lo que le permitirá acceder rápidamente a la página.

Los usuarios sin duda esperan utilizar esta característica, por lo que todos los sitios deben estar preparados. Para estar listo, todo lo que necesita hacer es crear un icono: hacer que sea negro sólido, con un fondo transparente, y guardarlo como un SVG. A continuación, puede vincular el icono en el encabezado de su documento HTML, así:

Si desea colorear el icono para que coincida con su marca, agregue esta metaetiqueta inmediatamente después:

3) Mejoras de video HTML5

Safari 9 presenta un par de mejoras para video HTML5.

Airplay permite controles personalizados para medios HTML5. Al usar JavaScript, podrá detectar la disponibilidad de Airplay y, cuando sea posible (es decir, en Safari 9), proporcionar controles personalizados. Ideal para cualquier persona que esté cansada de los controles predeterminados que rompen la consistencia de la marca.

PiP (Picture in Picture) es un estilo de video que se usa ampliamente en TV. PeP implica reproducir un video en la esquina de la pantalla mientras que otro contenido se ve en otro lugar; explorar la guía de canales en un cuadro Tivo mientras el canal actual se reproduce en la esquina, es un buen ejemplo.

Safari 9 presenta PiP es una innovación increíble para cualquier persona que le guste ver eventos en vivo (como la nota clave de Apple WWDC) mientras trabaja. Sin embargo, como la mayoría de las tecnologías, PiP está abierto al abuso; es probable que vea los primeros anuncios de imágenes incrustadas apareciendo en la esquina de su navegador en los próximos 6 meses. Afortunadamente Safari 9 también incluye la opción de silenciar todo el audio en todas las pestañas con un clic rápido.

4) Forzar eventos táctiles

Las nuevas MacBooks de Apple cuentan con touchpads táctiles; trackpads que detectan no solo golpes, sino la fuerza con la que toca. Safari 9 presenta varios eventos de JavaScript nuevos, irónicamente clasificados como eventos de mouse, para manejar la función: webkitmouseforcewillbegin, webkitmouseforcedown, webkitmouseforceup y webkitmouseforcechanged.

Los eventos de Force Touch solo son útiles para la navegación suplementaria en este punto ya que la tecnología no es solo software, sino también hardware, restringido. Sin embargo, si se utiliza como una mejora progresiva, abren algunas posibilidades interesantes, especialmente en el área de juegos y diseño de interfaz de usuario experimental.

5) SFSafariViewController

A primera vista, SFSafariViewController parece ser más interesante para los diseñadores de aplicaciones que los diseñadores web. Permitirá que las aplicaciones muestren contenido web dentro de una aplicación usando el renderizado de Safari.

Diseñado para simplificar escenarios como abrir una aplicación nativa y luego crear una cuenta en la página web de una compañía, antes de volver a una aplicación para iniciar sesión con la cuenta, lo importante de SFSafariViewController es que permite que la web, en lugar de ser nativa, sea la piedra angular de los sistemas en línea de una empresa. Es una pequeña pieza de software que genera un gran paso hacia una integración más cercana de los nativos y la web.

6) ECMAScript 6

JavaScript está un paso más cerca de convertirse en el lenguaje OOP que realmente debería ser

Los desarrolladores de JavaScript estarán encantados de saber que Safari 9 incluye soporte completo para clases, propiedades calculadas, conjunto débil, el objeto numérico, literales octales y binarios, objetos de símbolos y literales de plantillas. Este soporte significa que JavaScript está un paso más cerca de convertirse en el lenguaje OOP que realmente debería ser ahora.

7) Filtros CSS

La propiedad CSS del filtro de fondo se ha agregado a Safari 9. Los filtros de desenfoque, brillo, contraste, sombreado, escala de grises, hue-rotar, invertir, opacidad, saturar y sepia están disponibles.

8) Actualizaciones del modo desarrollador

El modo de diseño receptivo se ha introducido en Safari 9 como una forma de proporcionar una rápida conmutación de diseños en diferentes ventanas gráficas. Todos los dispositivos Apple están incluidos como ajustes preestablecidos, pero es más una herramienta de presentación útil para reuniones de clientes que una herramienta de desarrollo, ya que las mejores prácticas favorecen el contenido, en lugar de las ventanas gráficas, los puntos de interrupción. Es importante tener en cuenta que el modo de diseño receptivo solo altera la ventana gráfica, no simula diferentes dispositivos. Puede ser útil como una prueba rápida cada vez que se lanzan nuevos dispositivos Apple, antes de que los simuladores de dispositivos se pongan al día.

El inspector web ha sido rediseñado. Junto con algunos ajustes de UI para mejorar el UX, hay un mayor énfasis en la representación y el rendimiento del marco.

9) CSS sin prefijo

Algunas actualizaciones son más bienvenidas que otras. Uno de los más bienvenidos, pero con menos probabilidades de ser notado, es la caída de los prefijos del navegador para más de 45 propiedades de CSS. Aunque hace poco a corto plazo con los navegadores heredados todavía en uso, cuanto antes los navegadores lanzan prefijos, antes nos despediremos de ellos para siempre.

Los más significativos para ir sin prefijos son las propiedades de flexión , las propiedades de transición , las propiedades de transformación y las propiedades de animación .