5 formas de hacer que su sitio se destaque en la web moderna (… y también en Microsoft Edge)
Borde es el nuevo navegador web de Microsoft con un nuevo motor de renderizado: BordeHTML – y un sistema operativo subyacente para arrancar en Windows 10. Dado que las actualizaciones de Windows 7, 8 y 8.1 serán gratuitas para la mayoría, puede esperar una gran afluencia de usuarios de Edge en los próximos meses. El borde es un partida del pasado, en realidad para completar la reescritura de versiones anteriores de Internet Explorer y estoy seguro de que muchos desarrolladores web lo agradecerán. Con eso en mente, quería compartir cinco formas en las que puede preparar su sitio para la interoperabilidad web moderna y también prueba para Microsoft Edge en paralelo.
#1: Actualice sus bibliotecas de JavaScript
Las bibliotecas comunes como jQuery a menudo se actualizan para corregir errores cuando se lanzan nuevas versiones del navegador. Simplemente actualizando sus marcos JS, puede evitar muchos errores de compatibilidad con Edge. En nuestra investigación interna, descubrimos que el 57 % de los 20 000 sitios principales usan marcos de JavaScript que tienen problemas que se han solucionado en versiones más recientes de la misma biblioteca. Puedes usar el escáner de sitio para determinar si está utilizando marcos JavaScript desactualizados en sus sitios.
#2: Evite los prefijos CSS
Los proveedores de navegadores utilizan los prefijos CSS para implementar funciones CSS nuevas y emergentes antes de que el W3C las ratifique por completo. Si un proveedor implementa un prefijo CSS, se parecerá al ejemplo a continuación (esta es una implementación específica de IE de la función ‘guiones’ para separar texto en varias líneas):
-ms-guiones: auto;
Es muy común que a los sitios les falten prefijos específicos del proveedor o que hayan implementado prefijos específicos del proveedor cuando no se requieren en las propiedades comunes de CSS. Esto puede causar que una página web se muestre incorrectamente en Microsoft Edge u otros navegadores modernos.
Los proveedores de navegadores usan prefijos mucho menos ahora debido a los problemas de gestión asociados con ellos. Algunos navegadores, incluido Microsoft Edge, rara vez o nunca usan prefijos.
Siempre que sea posible, evite el uso de prefijos específicos del proveedor. Sin embargo, si es absolutamente necesario usar prefijos de proveedores, use Grunt PostCSS para automatizar la gestión de prefijos dentro de su CSS.
#3: Evite la detección del navegador
Algunas páginas web utilizan técnicas de detección de navegador para determinar cómo debe mostrarse la página web en muchas versiones diferentes de navegadores. Recomendamos usar la detección de características; una práctica que primero determina si un navegador o dispositivo es compatible con una función específica y luego elige la mejor experiencia para representar en función de esta información.
La detección de características es una excelente alternativa a la detección del navegador y se usa comúnmente a través de bibliotecas de JavaScript populares como modernizar, o a través del código de detección de características. La detección de funciones se usa a menudo con Polyfills para implementar funciones modernas en navegadores más antiguos que no las admiten de forma nativa.
Para obtener más detalles sobre cómo usar Modernizr, Polyfills y otras técnicas de compatibilidad, consulte Artículo de Martin Kearn sobre ‘Ajuste, modernice y optimice su sitio web’.
#4: Vuélvase libre de complementos
Edge no admite complementos, por lo que es un buen momento para considerar cómo alejarse de los complementos propietarios como Flash y Silverlight. Edge es compatible con Flash, pero en lugar de usar una arquitectura de complemento, Flash se entrega con el navegador, y el equipo de Edge lo actualiza y parchea de forma centralizada en colaboración con Adobe.
Para algunos sitios, alejarse de los complementos es bastante sencillo. Sin embargo, muchos sitios encontrarán esto difícil, particularmente aquellos que entregan contenido multimedia. El equipo de Edge brindó orientación sobre cómo pasar a HTML para contenido premium en el Blog de borde.
#5: Asegurar el modo de renderizado de borde
Si falta la directiva o no especifica un tipo de documento basado en estándares, Edge puede mostrar su página incorrectamente. El escáner ejecuta una prueba simple para determinar que su sitio está configurado correctamente, así que ingrese la URL de su sitio y descubra rápidamente si pasa. Si desea ver cómo se ve la prueba real, puede ver el código del escáner en GitHub.
Recursos
- Anuncio de las últimas mejoras para las herramientas de desarrollo F12 en Windows 10
- Sesiones técnicas sobre nuestro nuevo navegador, Microsoft Edge
- Charlas de desarrollo web de Build 2015
Más prácticas con JavaScript
Este artículo es parte de la serie de desarrollo web de los evangelistas tecnológicos de Microsoft sobre aprendizaje práctico de JavaScript, proyectos de código abierto y mejores prácticas de interoperabilidad, que incluyen Borde de Microsoft navegador y el nuevo Motor de renderizado EdgeHTML.
Lo alentamos a probar en todos los navegadores y dispositivos, incluido Microsoft Edge, el navegador predeterminado para Windows 10, con herramientas gratuitas en dev.modern.ES:
- Escanee su sitio en busca de bibliotecas desactualizadas, problemas de diseño y accesibilidad
- Use máquinas virtuales para Mac, Linux y Windows
- Pruebe de forma remota Microsoft Edge en su propio dispositivo
- Laboratorio de codificación en GitHub: Pruebas entre navegadores y mejores prácticas
Aprendizaje tecnológico en profundidad sobre Microsoft Edge y la plataforma web de nuestros ingenieros y evangelistas:
- Cumbre web de Microsoft Edge 2015 (qué esperar con el nuevo navegador, los nuevos estándares de plataforma web compatibles y los oradores invitados de la comunidad de JavaScript)
- Woah, ¡puedo probar Edge e IE en una Mac y Linux! (de Rey Bango)
- Avance de JavaScript sin romper la Web (de Christian Heilmann)
- El Edge Rendering Engine que hace que la Web simplemente funcione (de Jacob Rossi)
- Dé rienda suelta a la renderización 3D con WebGL (de David Catuhe incluyendo el vorlon.JS y babiloniaJS proyectos)
- Innovaciones en plataformas web y aplicaciones web alojadas (de Kevin Hill y Kiril Seksenov incluyendo el múltiple.JS proyecto)
Más herramientas y recursos multiplataforma gratuitos para la plataforma web:
(dpe)
#formas #hacer #sitio #destaque #web #moderna #también #Microsoft #Edge
