Mozilla Thimble tiene un cambio de imagen

*Traducido del blog oficial de Mozilla: https://blog.mozilla.org/blog/

Estamos introduciendo mejoras importantes a nuestro editor de código con fines educativos.

 

Aprender a programar – desde conocer la jerga de las etiquetas HTML hasta  los matices de JavaScript – no debería de ser un reto para todos. Debería ser divertido, intuitivo, fácil de usar y sin ningún costo.

Es por eso que Mozilla creó Thimble hace casi 5 años. Al igual que Firefox permite a los usuarios navegar por la web, Thimble les permite aprender la web. Es nuestra herramienta web para aprender programación de forma sencilla.

Hoy estamos orgullosos de anunciar que Thimble tiene un cambio de imagen.

 

Estamos introduciendo una serie de nuevas características y funciones para que aprender y enseñar a programar sea aún más fácil que antes. ¿Por qué? Cuando más personas puedan dar forma a la web y no solo consumir su contenido, internet se vuelve un lugar más sano, igualitario, inclusivo y un lugar más divertido.

Thimble ha enseñado a cientos de miles de personas en más de 200 países. Ha sido traducido en más de 33 lenguas distintas, y usado desde la escuela, en hackatones y por supuesto, también en miles de hogares. También ha demostrado que es más que un editor de código con fines educativos, -es una plataforma creativa-. Usuarios de Thimble pueden crear en él páginas web personales, historietas, postales, juegos y muchas cosas más.

Thimble es un proyecto de código abierto, por lo que muchos de los que aprenden a programar con esta herramienta vuelven  con ajustes y mejoras. Más de 300 colaboradores provenientes de docenas de países nos ayudan a seguir construyendo Thimble y ofrecer una gran herramienta a nuestros usuarios. ¿Quieres saber más? Entra aquí.

Nuevas funcionalidades

 

Consola de Java Script: Ahora puedes depurar tus proyectos dentro de Thimble. Es una experiencia mucho más simple que la consola en el navegador, que muchas veces puede ser confusa o intimidante.

Menú de bloques de código: Accede a un práctico menú con bloques de código HTML, CSS y JavaScript. La creación de contenido es ahora más fácil.

Función “Favorito”: Marca, organiza y accede fácilmente a proyectos en los que comunmente estás trabajando.

Edita imágenes SVG directamente en la herramienta: Ahora puedes editar y hacer cambios en imágenes SVG -como color de relleno y bordes- dentro de Thimble. No necesitarás usar más un software externo para edición de fotografías.

Soporte para Tajik: Agrega un lenguaje más al repertorio de Thimble. Tajik, lenguaje usado en Tajikistan y Uzbekistan.

Mucho más: Selector de colores mejorado, espacio en blanco visible desde el código, íconos de archivo actualizados, galería mejorada en la página de inicio, fácil importación y exportación de archivos. Y la capacidad para deshabilitar la función de autocompletar.

Mozilla debe una total gratitud a la red de desarrolladores, diseñadores, profesores y traductores de todo el mundo que hicieron posible estas mejoras, -más de 300 colaboradores de 33 países, como Brasil, Turquía, China y el Reino Unido-. Nuestro compromiso con la alfabetización web y el software de código abierto hace que el Internet sea un lugar más saludable para todos.

Ayuda a Firefox Multiproceso con Add-on Compatibility Reporter

Firefox está actualmente en transición a una arquitectura multiproceso (e10s), la cual dará a los usuarios una mayor estabilidad y una mejor respuesta del navegador. Esta transición afecta ciertos complementos, los cuales deben adaptarse al nuevo modelo o no trabajarán de forma adecuada, y serán marcados como incompatibles. Estamos notificando a los desarrolladores de complementos de distintas formas, esto con el fin de que puedan verificar cuáles de sus complementos serán afectados, para que puedan actualizar sus complementos y hacerlos compatibles.

Ahora hay una manera en la que tú puedes ayudar a ampliar nuestros esfuerzos, y es de la siguiente manera: reportando complementos incompatibles.

El Add-on Compatibility Reporter (ACR) te permite comunicarnos si un complemento trabaja en una versión de Firefox en particular. Estos reportes han sido una herramienta muy útil para nosotros al momento de rastrear complementos incompatibles y ayudar a los desarrolladores a solucionar esto. Los desarrolladores son capaces de ver los reportes que tú envíes para sus complementos. Si quieres probarlo te recomendamos que lo hagas en una versión preliminar de Firefox: Beta, Developer Edition o Nightly. Estas versiones cuentan con el multiproceso habilitado para todos los complementos de forma predeterminada.

Las últimas versiones de ACR incluyen soporte para multiproceso en Firefox. Una vez instalado el complemento, verás cuáles de tus complementos cuentan ya con compatibilidad para multiproceso. Verás de igual manera si tu versión de Firefox cuenta con multiproceso habilitado. Y los íconos te permitirán reportar si un complemento trabaja de forma adecuada o no.

Popup de ACR

También podrás realizar todo esto desde el administrador de complementos, si tú lo deseas.

Administrador de complementos

Para determinar si un complemento es compatible con el multiproceso, ACR busca un indicador dentro del manifiesto de ese complemento establecido por el desarrollador. Así que, por ejemplo, Password Exporter aparece como no compatible aunque trabaje de forma correcta con el multiproceso habilitado. Yo mantengo Password Exporter y no he actualizado aún el manifiesto de mi complemento para que refleje esto (¡lo haré pronto!) y es por esta razón que aparece como no compatible.

Saber cuáles complementos trabajan bien con el multiproceso en Firefox es crítico para una transición exitosa, así que esperamos que puedas ayudarnos instalando el Add-on Compatibility Reporter y dejándonos saber cuáles complementos no están trabajando bien para ti.

Convocatoria para participar en los focus groups del equipo de diversidad e inclusión de Mozilla

Nota: Esta es una traducción al español del post de @sunnydeveloper

En Mozilla nuestro corazón es la gente, estamos comprometidos a una comunidad que invita y empodera a las personas a participar plenamente, que introduzcan nuevas ideas y que inspiren a otros, independientemente de su origen, estado familiar, género, expresión de género, identidad de género, sexo, orientación sexual, idioma, edad, capacidades, raza y la etnia, origen, situación socio económica, religión, ubicación geográfica o cualquier otra dimensión de diversidad.

En un post anterior, esbocé un borrador para crear un plan estratégico sobre diversidad e inclusión para la Participación. Desde entonces hemos estado ocupados diseñando la fase de ideas, la cual lanzamos hoy. En esta primera fase, estamos pidiendo a Mozillians que se autonominen o que nombren otros para una serie de focus groups sobre temas relevantes de diversidad e inclusión diversidad e inclusión como: liderazgo regional, eventos, diseño y participación en proyectos y más allá. Estas ideas generarán iniciativas y experimentos que nos llevarán a una primera versión de la estrategia.

Para tener éxito, nuestros focus groups deben representar la diversidad de nuestra comunidad global incluyendo una gama de:

  • Idiomas distintos del inglés
  • Región y zonas horarias
  • Aportaciones técnicas (y no técnicas)
  • Contribuidores activos e inactivos
  • Estudiantes y profesionales
  • Identidades de género
  • Etnias, razas y antecedentes culturales
  • Edades
  • Ancho de banda y necesidades de accesibilidad
  • Estudiantes, profesionales, jubilados y todo el mundo
  • Contribuidores nuevos, emergentes y establecidos
  • Empleados, responsables de proyectos comunitarios diseñando para la participación

Los focus groups se llevarán a cabo en persona, en línea y muchos idiomas distintos al inglés. También estaremos llevando a cabo a entrevistas 1: 1 donde se sienta más adecuado que tener entrevistas en grupo.

Si crees que tú o alguien que conoces puede proporcionar las ideas clave necesarias para una estrategia comunitaria de diversidad e inclusión — por favor, por favor, ¡nómina! ¡Muchas gracias!

Las nominaciones se cerrarán el 23 de enero a las 12:00 UTC. Para obtener más información y actualizaciones, consulta nuestro wiki de la estrategia de diversidad e inclusión para la participación

Texto traducido por @lasr21

Privacidad simplificada con Firefox Focus

Entrada original de Denelle Dixon-Thayer en el Blog de Mozilla

focus-by-firefox

Hoy hemos lanzado Firefox Focus, un nuevo navegador para iOS que pone la privacidad del usuario en primer lugar. Más que nunca creemos que todos en internet tienen el derecho de proteger su privacidad. Al lanzar Firefox Focus, estamos poniendo esta creencia en práctica a gran escala.

¿Cuán grande? Si tú descargas Firefox Focus y empiezas a navegar, podrás ver un enorme botón que dice “Borrar” en la esquina superior derecha de tu pantalla. Si oprimes ese botón, la aplicación de Firefox Focus borrará toda la información de navegación incluyendo cookies, historial web y contraseñas. Claro, tú puedes borrar esta información en cualquier otro navegador, pero nosotros lo hemos hecho más simple, con solo presionar un botón.

Con frecuencia, fuera de la vista significa fuera de la mente. Al enterrar las herramientas para borrar el historial de navegación o los datos detrás de nuestros clicks, usualmente significa que menos personas llevarán a cabo la acción. Al poner el botón de “Borrar” al centro y visible, ofrecemos a los usuarios un camino sencillo para tener comportamientos saludables en línea – protegiendo su libertad en la web y tomando un gran control de sus datos personales-. Para mejorar aún más la privacidad del usuario, Firefox Focus bloquea, por defecto, publicidad, rastreo social y de analítica. Así, en Firefox Focus, la navegación “privada” es en verdad automática y borrar tu historial es realmente sencillo.

sc552x414

Sabemos que para muchas actividades web, a las personas les gusta las funcionalidades que proveen las cookies o el seguimiento de datos. A los suscriptores del New York Times, probablemente no les guste introducir su contraseña cada vez que quieran leer artículos en el sitio. También a la mayoría de las personas les gusta que su navegador auto complete sus datos en los sitios que más visita.

Dicho esto, algunas veces a las personas tampoco le gusta ser seguidas. Nosotros usamos el internet para investigar asuntos personales sobre nuestra salud – cáncer o Alzheimer por ejemplo. Usamos la web para hacer pedidos que son legales pero pueden ser sensibles- “reservaciones de hotel en Cancún” o “anillos de compromiso”. Buscamos temas controversiales que probablemente no queremos que nadie más sepa que estamos leyendo sobre ellos.

Esta accesibilidad a la información es una de las partes más poderosas de la web. Y es mucho más poderosa cuando la anonimidad está protegida.

En Mozilla creemos que la protección a la privacidad debe ser tan sencilla como un solo toque. Firefox Focus es un experimento para ver qué es lo que ocurre cuando hacemos esto radicalmente simple. Como parte de nuestra misión para mantener la salud del internet, nosotros continuaremos intentando nuevas formas de promover la privacidad del usuario. Esperamos que descargues Firefox Focus, presiones el botón “Borrar” y veas cómo funciona para ti.

Conoce a Cubetto, el robot más lindo en #MozFest

Entrada original de Stevie Benton en Medium Mozilla Festival

cubetto1
Crédito: https://www.kickstarter.com/

Como puedes ver en las imágenes, Cubetto es un increíble y lindo robot  de madera. Este está diseñado para ayudar a niños de 3 años o más a descubrir su pensamiento computacional, resolución de problemas y para actuar como una introducción a la programación de computadoras.

Cubetto funciona alentando a los niños a usar sus piezas táctiles de distintos colores, cajas y tableros. Mediante la colocación de las piezas en distintas formas y patrones y ejecutando comandos presionando botones, los niños pueden hacer que Cubetto siga sus órdenes. Porque los componentes de Cubetto están texturizados y tienen diferentes colores, los niños no necesitan tener conocimientos en alfabetización o computadoras para aprender lo básico.

 

Aunque aún está en desarrollo, Cubetto será especialmente útil para ayudar a enseñar a niños con alguna discapacidad, sobre habilidades como el trabajo en equipo y pensamiento analítico.

Aprende más de Cubetto visitando su sitio web y siguiendo a @primotoys en Twitter. Tú puedes además buscar el hashtag #a11yhacks para conocer algunos proyectos similares.

 

#MozFest: la diversión ya ha comenzado en Londres

30501627562_b7fe7f64c5_k

Mozilla Festival, uno de los eventos líderes en el mundo para celebrar la web abierta, ha comenzado el día de hoy en Londres, ¿qué puedes esperar? Cientos de buenos momentos, conferencias interesantes y miles de personas, dispuestas a crear y contribuir para juntos obtener una web mejor para todos.

Este año es distinto a otros en los que haya acontecido el MozFest, se abrieron propuestas en distintos idiomas diferentes al inglés, entre los que por supuesto está el español, por lo que se unirán proyectos interesantísimos, entre los que están algunos de México como el Centro de Cultura Digital y su radio por internet, El Universal y su proyecto de periodismo de datos, Cívica Digital y muchos más. Además, aunque estés un poco lejos, podrás disfrutar de este gran evento vía streaming, desde los canales de Mozilla en Facebook, Twitter e Instagram, además de, por supuesto desde Mozilla México, donde estaremos transmitiendo vía Facebook Live algunas sesiones que podrían interesarte. ¡No te los pierdas!

29984722423_ef08b066c2_k

29988077983_928bd01d05_k

Para entender mejor el propósito del MozFest, te decimos que Mozilla se centra este año en 5 temas clave a trabajar en el Festival, los cuales son necesarios para tener una web libre y abierta, estos son:

  • Privacidad y Seguridad Online: enfocado en cómo podemos entender y controlar la recolección de nuestros datos en internet para mantener nuestra identidad digital segura.
  • Innovación Abierta: sobre cómo asegurar que los valores de apertura continúen siendo el núcleo de Internet. El código y los estándares abiertos significan que cualquiera puede crear e innovar en Internet sin tener que pedir permiso.
  • Descentralización: los dispositivos y plataformas que utilizamos pueden trabajar los unos con los otros, porque se basan en los mismos estándares. Esto permite que la información y el contenido fluyan sin problema y nos proporcionen una mejor experiencia en Internet.
  • Alfabetización web: se refiere a las habilidades que la gente necesita para formar parte del mundo digital. Estas habilidades empoderan a la gente, para crear, dar forma y defender la Web.
  • Inclusion digital: trata de asegurar que cualquiera puede formar parte del mundo digital. Demasiada gente permanece excluida del Internet libre y abierto y queremos poner remedio.

30623408325_1e64541537_k

Todos estos grandes temas se dividirán en una decena de escenarios, que los abordarán desde un ángulo distinto, algunos de ellos son los escenarios de Arte y Cultura Digital, Periodismo, Ciencia Abierta, Open Badges, Localización, Youth Zone, MozEx, entre otros. Si no quieres perderte ningún detalle, puedes encontrar más información en www.mozillafestival.org y seguirlo también desde Mozilla Air.

Aún hay muchos retos por delante para el movimiento de la web abierta, pero estamos seguros que entre más personas se unan con ideas, innovación, entusiasmo y nos ofrezcan todo su conocimiento, podremos crear un movimiento más fuerte que abarque todos los rincones del mundo.  ¡Sigamos creando cosas maravillosas y diviértete con nosotros en el proceso! 🙂

30535185001_99c77825fa_k

 

Reduciendo el uso de Adobe Flash en Firefox

Los plugins del navegador, especialmente Flash, han permitido la existencia de algunas de nuestras experiencias preferidas en la Web, como son videos y contenido interactivo. Pero algunas veces los plugins significan problemas de estabilidad, rendimiento y seguridad en los navegadores. Esto es algo que los usuarios no deberían aceptar.

Mozilla y la Web como un todo, han tomado algunas medidas para reducir la dependencia de contenido de Flash en la web en nuestra navegación diaria. Así, desde inicios de agosto, Firefox comenzó a bloquear cierto contenido de Flash que no es esencial para la experiencia del usuario, sin olvidar seguir soportando el resto del contenido útil que lo necesita. Estos y futuros cambios traerán a los usuarios mejoras en seguridad, un aumento en la vida útil de la batería, carga más rápida de páginas web, y una mejor respuesta del navegador.

En los últimos años, se han implementado Web APIs para reemplazar funcionalidades que anteriormente eran proporcionadas únicamente a través de plugins. Esto incluye reproducción de audio/video, la capacidad de realizar streaming, integración del portapapeles, gráficos rápidos en 2D y 3D, WebSocket y acceso a la cámara web y al micrófono. Así como algunos sitios han cambiado de usar Flash a usar otras tecnologías web, la cantidad de fallas por plugins ha disminuido significativamente.

Plugin crash rate in Firefox

Firefox continuará esta tendencia bloqueando contenido específico de Flash que es invisible a los usuarios. Con esto se espera reducir las fallas de Flash y cuelgues hasta en un 10%. Para minimizar los problemas de compatibilidad con sitios web, los cambios serán inicialmente limitados a una pequeña y selecta lista de contenido de Flash que puede ser reemplazado con HTML. Intentaremos ampliar esta lista con el paso del tiempo.

Posteriormente en este año, planeamos extender esta lista para incluir el uso de Flash para verificar la visibilidad de contenido, una práctica muy común para medir publicidad. Esto mejorará el rendimiento del navegador y la batería del dispositivo. Realizaremos este cambio al mismo tiempo que se implementa la API Intersection Observer, que es el equivalente en HTML (Firefox bug 1243846) y recomendamos a los creadores de contenido que actualmente usan Flash para medir la visibilidad de su contenido, que adopten esta nueva API tan pronto como esta esté disponible.

En 2017, Firefox requerirá una aprobación click-to-activate por parte de los usuarios antes de que un sitio web active el plugin de Flash por cualquier contenido. Los sitios web que actualmente usan Flash o Silverlight para videos o juegos deben adoptar tecnologías HTML tan pronto como sea posible. Actualmente se soporta la reproducción encriptada de video usando Adobe Primetime y Google Widevine como alternativas al plugin de video.

Trabajamos a la par continuamente con Adobe para entregar a nuestros usuarios la mejor experiencia posible con Flash. Nuestra equipo de ingeniería ha logrado diversas mejoras como el soporte a high-DPI en Windows, sandboxing mejorado y mayor rapidez en la muestra de información por parte de Flash, las cuales mejoran el rendimiento y la estabilidad.

Estos cambios son parte de nuestros esfuerzos encaminados a hacer la navegación más segura y más rápida, sin sacrificar las experiencias Web que aman nuestros usuarios. Como anunciamos el año pasado, Firefox planea dejar de soportar todos los plugins NPAPI, excepto Flash, en marzo de 2017. La siguiente versión mayor de Firefox ESR (Extended Support Release), igualmente programada para marzo, seguirá soportando plugins como Silverlight y Java hasta inicios de 2018 para aquellos usuarios que necesiten más tiempo para realizar la transición.

Participar con Mozilla es ser un héroe de la web. ¡Únete!

Hace algunos días lanzamos “Activate Mozilla” una plataforma para atraer a más personas como tú, interesadas en crear una web mejor para todos. ¿Qué podrás encontrar aquí? Distintas formas de participar con nosotros haciendo de tu pasión una forma de ayudar a más usuarios.

Por ahora iniciamos con dos campañas importantes para los objetivos de Mozilla, pero no te preocupes, que pronto lanzaremos más, así que mantente atento. Entre estas campañas se encuentran:

Empoderamiento de comunidades de desarrolladores

Los desarrolladores son una parte importantísima para nosotros, ya que no sólo trabajamos para servir a millones de usuarios en todo el mundo, también nos dedicamos a transmitir los valores de Mozilla a los desarrolladores web y hacer su vida más fácil. 😉

Nuestro deseo es escuchar más de cerca a esta gran comunidad, para saber de primera mano sus necesidades e inquietudes y así poder prooverlos de herramientas útiles, que sólo por mencionar algunas que quizás puedan interesarles, tenemos un repertorio de primera en herramientas de desarrollo en Firefox, la plataforma líder en el mundo en add-ons y un portal de documentación para desarrolladores ampliamente reconocido en MDN. ¿Ahora ves por qué tu participación aquí es importante?

Para saber cómo unirte visita este link

Test Pilot, una forma de probar nuevos experimentos en las características de Firefox

La web no se queda quieta ni un segundo, por eso debemos responder del mismo modo y siempre probar cosas nuevas. Y cuando hablamos de cosas nuevas, estas podrían ser desde introducir nuevas tecnologías como WebVR o escribir add-ons que muestren una forma distinta de interactuar con el navegador. Las opciones son infinitas, pero para esto necesitamos de muchas cabezas y muchas personas dispuestas a ser parte de estos experimentos, ¿crees que tú podrías ser una de ellas?

Nosotros queremos que estés con nosotros en todo el ciclo: construir, probar y repetir. Inicialmente estas actividades se centrarán especialmente en nuevas características en Firefox, pero vamos, si Firefox es tu navegador favorito, de seguro te encantará ser parte de estas pruebas.

Para más información, encuéntralo acá

Por ahora éstas son las iniciativas que podrás encontrar en https://activate.mozilla.community/ pero no desesperes, en la línea de salida también están otros proyectos en los que puedes ser parte, en temas de seguridad para defender nuestra privacidad en la web y en otros temas que de seguro tendrán un gran impacto en el futuro de Mozilla.

No lo pienses más y únete a la acción para hacer de la web un lugar más libre y seguro. ¡Tenemos muchas ideas! (que se compañan con galletitas y mucha diversión, te lo aseguramos).

Haz que la Web Trabaje para Todos

Haz que la Web Trabaje para Todos

 

Haz que la Web Trabaje para Todos

 

Millones de sitios web tienen problemas de compatibilidad con uno o más de los navegadores web más populares, produciendo una pobre experiencia al usuario, pero la comunidad de desarrollo web puede solucionar esto.

La web ha cambiado inmensamente en los últimos 20 años. En 1996 había aproximadamente un millón de sitios web; ahora hay más de mil millones. Antes había aproximadamente 50 millones de usuarios de Internet; hoy hay más de 3 mil millones. Tenemos más contenido del que jamás hubiésemos imaginado posible. Las personas están disfrutando este contenido en 8.1 mil millones de dispositivos conectados, incluyendo más de 24,000 tipos diferentes tipos de dispositivos móviles.

Statistics illustrating explosive growth in the number of sites, users, and devices.

Este explosivo crecimiento en contenido, dispositivos y usuarios ha hecho a la compatibilidad entre navegadores más esencial incluso de lo que fue en 1996. Stack Overflow tiene casi 55,000 preguntas que incluyen la palabra “cross-browser”, y cientos de miles de preguntas acerca de cosas que funcionan bien en (X Navegador). Cualquier pregunta acerca como un navegador en particular maneja un sitio web en particular es potencialmente una pregunta de compatibilidad.

Statistics showing the number of questions on Stack Overflow that relate to cross-browser compatibility.

Así que sí, la compatibilidad entre navegadores es aún un problema. Un problema del que nos preocupamos en Mozilla, y pensamos que tú también deberías preocuparte también. ¿Por qué? Bien, probablemente tus usuarios no usan el mismo navegador que tú. Ellos tienen diferentes habilidades y necesidades de las que tú piensas. Ellos no cambiarán de navegador si tu sitio web no funciona en ellos. Funcionando bien es una manera de demostrar dominio en el arte. Y las herramientas modernas hacen esto más fácil que nunca.

¿Qué causa incompatibilidad entre navegadores? Es complicado. Aquí hay algunas de las principales causas:

Desarrolladores que usan características específicas de un solo navegador (por ejemplo: prefijos del fabricante del navegador) para lograr ciertos efectos, sin respaldos o polyfills para otros navegadores.

Fabricantes de navegadores los cuales se apresuran a implementar características que desean los desarrolladores antes de que estén estandarizadas.

Fabricantes de navegadores los cuales se retrasan en implementar estándares y corregir problemas en sus navegadores.

Sitios web que emplean agentes de detección para mostrar diferente contenido para diferentes navegadores.

Desarrolladores que son demasiado dependientes de un único conjunto de herramientas (los cuales algunas veces solo soportan un único navegador) y pueden omitir problemas de compatibilidad entre navegadores.

Crecimiento en la industria, la intensa demanda ha animado muchos nuevos desarrolladores web a adentrarse en el campo, lo cual significa que los desarrolladores en general están menos experimentados en promedio de lo que lo estaban unos pocos años atrás.

Statistics suggesting that browser implementations, developer experience, and developer browser choice may affect cross-browser compatibility.

Algunos de estos retos han estado con nosotros desde los primeros días de la web. Pero desde esos días, el desarrollo web  ha hecho grandes progresos. Las buenas prácticas y las herramientas modernas pueden ayudarnos a construir vibrantes experiencias en cada navegador.

Así que, desarrolladores, aquí tienen algunas cosas para inspirarlos a hacer que su próximo sitio web trabaje para todos.

Más personas de las que tú piensas usan ese otro navegador

 

Muchos desarrolladores creen que el navegador que ellos usan es el único navegador que cualquiera realmente usa, por lo tanto, deberían desarrollar solo para él. En datos, 70% de los desarrolladores web usan Chrome en su equipo de escritorio. Pero solo cerca del 45% de la población en general usa Chrome en cualquier tipo de dispositivo, y solo cerca del 57% de la población en general usa Chrome en su equipo de escritorio. Desarrollando y probando solo en Chrome ignora a casi la mitad de los usuarios globales. (Es importante señalar aquí que existen diversas páginas de medición para las cuotas de mercado de cada navegador web, las cuales usan diferentes metodologías y producen diferentes números, y estos números cambian rapida y constantemente.)

Y el uso de los navegadores varía de acuerdo a la ubicación geográfica. Chrome, Firefox y IE/Edge son los navegadores más populares en muchos lugares, pero la proporción de usuarios de cada uno varía. Los usuarios alemanes prefieren Firefox por encima Chrome. IE es más popular en Japón. Un gran número de australianos prefieren Safari. Más de uno de cada cinco usuarios vietnamitas corre un fork de Chromium llamado Cốc Cốc. Desarrollando y probando en un solo navegador ignoras este tipo de diferencias en el mercado.

Finalmente, algunas características de tu navegador pueden no estar presentes en otros navegadores. Los fabricantes de navegadores implementan características a diferentes ritmos, así que una genial nueva API en tu navegador favorito puede no estar disponible para muchos usuarios.

Estos factores se combinan de formas inesperadas: Eligiendo una API la cual no es soportada en todos los navegadores, probando tu sitio web en un solo navegador, y lanzándolo en un mercado donde ese navegador no es dominante puede significar excluir sustancialmente more de la mitad de tu público potencial. Dejando dinero sobre la mesa. Dejando clientes afuera en el frío. Es por esto que vale la pena hacer el esfuerzo con tal de evitarlo.

La compatibilidad se cruza con la accesibilidad

Desarrollando un sitio web compatible entre navegadores significa diseñar y programar para ambientes de clientes desconocidos, a fin de hacer disponible el contenido para la mayor cantidad de público posible. Y ese público indudablemente incluye personas con alguna discapacidad, probablemente más de las piensas. Si tu sitio web trabaja en cualquier navegador, pero falla notablemente en un lector de pantallas, estás desperdiciando una poderosa oportunidad.

Las personas con alguna discapacidad representan una parte importante del mercado. Por ejemplo, en USA únicamente, hay más usuarios de internet con alguna discapacidad visual que todos los usuarios combinados en Canadá. Las características de la web moderna manejan las necesidades de este público; tu solo debes implementarlas.

Las técnicas de accesibilidad no solo ayudan a personas con alguna discapacidad únicamente, por ejemplo:

  • Los sitios web que son más accesibles para los lectores de pantalla, lo son también para los algoritmos de los motores de búsqueda. Sencillas técnicas de optimización como usar el atributo alt-text en imágenes, usar descripciones en los enlaces, usar CSS solo para estilos (nunca para dar sentido), y usar las etiquetas semánticas de HTML5 mejoran el posicionamiento en buscadores de la página en general.
  • Transcripciones del contenido de videos no solo son provechosas para personas con alguna discapacidad auditiva, estas también son útiles para usuarios en dispositivos móviles en áreas con poco ancho de banda los cuales no pueden descargar el video, y personas en ambientes ruidosos que no pueden escuchar el video. Y más contenido textual significa más oportunidades para palabras claves, así que una vez más, mejor posicionamiento en buscadores.

Los usuarios no cambiarán de navegador, ellos cambiarán de sitio web

Tu podrías pensar que los usuarios cambiarán de navegador para usar tu sitio web. Pero muchos de ellos no lo harán o no pueden hacerlo.

Los usuarios no tienen paciencia con las cosas que no funcionan, y ellos en vez de esperar se irán al sitio web de la competencia. Fallando en un punto clave el cual podría alejar a un cliente potencial para siempre. De acuerdo a Akamai,

  • 32% de los usuarios que se encontraron con un problema en tu sitio web están menos interesados en hacer transacciones en línea con tu compañía
  • 35% tendrán una percepción más negativa de tu compañía
  • 45% están menos interesados en visitar tu sitio web nuevamente
  • Y más de 1 de cada 5 usuarios (22%) lo dejará para siempre.

Lo que es más, muchos usuarios no saben cómo instalar un nuevo navegador web, o incluso no saben lo que es un navegador web (muchos usuarios no saben la diferencia entre un navegador web, un motor de búsqueda, y un sitio web).

E incluso si los usuarios supieran cómo instalar un nuevo navegador web, y quisieran hacerlo, ellos podrían no ser capaces de hacerlo. Muchas compañías eligen qué navegador web tienen sus permitido ocupar sus empleados, y muchas personas usan computadoras públicas en sitios como bibliotecas.

Por ejemplo, Microsoft dio como fecha límite el 12 de enero de 2016 a los usuarios para cambiar a la más reciente versión de su navegador, pero en marzo de 2016 más de la tercera parte de los usuarios de IE seguían en una versión desactualizada la cual ya no recibirá más actualizaciones de seguridad. Durante el año pasado (junio 2015 – mayo 2016) 2.07% usaban IE8, un navegador al cual Microsoft ya no le da soporte; lo mismo sucede con más de tres cuartas partes del 1.59% en IE9 y virtualmente todo el 10.95% que usa IE10 (aunque hay que señalar que el uso de estos navegadores ha reducido significativamente desde marzo).

Malas experiencias llevan a los usuarios a alejarse. Si la mitad de los usuarios de tu sitio usan un navegador diferente, y tú quieres conservarlos, probar tu sitio en ese otro navegador es esencial.

Statistics showing that browser use varies by locale, and that broken web sites drive away users.

Compatibilidad=== Arte

La creación de la web es una disciplina especializada, no solo una tarea doméstica. Todos nosotros queremos sentirnos orgullosos de lo que hacemos, perfeccionar nuestro arte, y demostrar nuestra maestría en ello. Esto involucra:

  • Estar al día con las últimas tecnologías, frameworks, y técnicas.
  • Probar cuidadosamente e implementar la compatibilidad entre navegadores y plataformas de aplicaciones incluyendo respaldos para navegadores menos poderosos. ¿La experiencia es aceptable?
  • Asegúrate que el contenido de tu sitio web esté accesible para personas con alguna discapacidad.
  • Asegúrate que el aspecto en general y la experiencia de usuario de tus creaciones es agradable y se ajusta contigo y/o con la marca de tu cliente.

Así que, como desarrollador web, tus sitios creados son tu resumé. Una alta experiencia de uso es importante para tus usuarios, para tus compañeros y para tus actuales y futuros empleadores.

Pero muy a menudo, el tiempo y las restricciones comerciales se interponen en el camino de tales cosas. Tienes una fecha límite complicada a la cual llegar. Tu jefe solo está interesado en cómo el sitio web trabaja en su iPad y no quiere escuchar de accesibilidad. No tienes tiempo para arreglar ese error en IE con tanta prisa. Hacemos lo que podemos la mayoría de las veces, en lugar de lo que realmente nos hubiera gustado hacer.

Puede ser tentador dejar las pruebas de compatibilidad entre navegadores como algo para eliminar cuando la fecha límite llegue, esperando que las pruebas en el framework que elegimos nos ayuden. Pero tu sitio web no es completamente código del framework, y tú eres responsable por todo el código. Las pruebas para asegurarse de que tu código trabaja bien en todos los navegadores web es algo que debes tratar fuertemente de evitar.

Escribir código que perdure a través del tiempo; entregar información a quien la solicita; creando una rica funcionalidad que trabaje para todos: Estas son nobles metas de un magnífico desarrollador web.

Las herramientas modernas pueden ayudarte

Ahora ya sabes algunas estupendas razones para hacer tu sitio web más compatible. Pero, ¿cómo lo haces?

    • Si has encontrado un error en el sitio web de alguien más, ¡regístralo en ¡webcompat.com! Si estás depurando tu propio sitio web, continúa leyendo.
    • Prueba tu sitio web en diferentes navegadores web y muévete a través de él como lo haría un usuario. Analiza la consola de desarrollo en las herramientas de desarrollador del navegador en busca de errores (la mayoría de los navegadores web de escritorio modernos cuentan con increíbles herramientas de desarrollador incluidas que son capaces de ayudarte a depurar problemas, incluso en dispositivos móviles):
    • Si encuentras un error el cual no es generado por tu sitio web, ¡quizás es un error en el navegador web! Registra un reporte de error, así los desarrolladores de tu navegador web pueden solucionarlo:
    • Integrar una herramienta de prueba de compatibilidad entre navegadores en tu proceso de desarrollo, para hacer la prueba entre navegadores de forma automática:
    • Saber cuáles navegadores han implementado características web antes de usarlas en tu sitio.
      • Caniuse
      • Tablas de compatibilidad de MDN
      • Tablas de compatibilidad de Kangax ECMAScript
    • Investigar herramientas de código que pueden mejorar la compatibilidad entre navegadores.
      • Autoprefixier, CSSNext, Oldie y otros PostCSS plugins hacen posible escribir completamente, modernos CSS que no fallan en navegadores antiguos.
      • Modernizr te ayuda a identificar y manejar las diferencias de implementación de características web entre navegadores (utiliza esto en vez de agentes de detección del navegador)
      • @supports te ayuda a crear avanzadas mejoras en la experiencia de navegación para los navegadores más poderosos
    • Ve más allá. Aprende acerca de las muchas características y peculiaridades de la web. Entre más sepas acerca de ella, más la querrás.

Cumpliendo con la promesa de la web

La promesa de la web es que cualquiera pueda acceder al contenido usando cualquier navegador en cualquier dispositivo. Incluidas dentro de esta promesa están algunas de las más grandes aspiraciones de la humanidad, autodeterminación, libertad, educación y descubrimiento. Diseñar para tener compatibilidad entre navegadores abre tu trabajo al mayor público y mercado posible, mejora tu maestría en el arte, y es un noble fin por sí mismo.

Mientras el paisaje de los dispositivos modernos y de los navegadores presenta muchos desafíos, las herramientas modernas ofrecen muchas soluciones. Más de 3 mil millones de personas están allá afuera buscando un sitio web, ¿estás listo para ellos?

Acerca de
Justin Crawford

Justin Crawford es un ingeniero de producción en Mozilla, trabaja en desarrollo de marketing y crecimiento. Le gusta pensar en el futuro, construir cosas y andar en bicicleta.

Más artículos escritos por Justin Crawford …

Acerca de
Chris Mills

Chris Mills es un escritor de tecnología Senior en Mozilla, donde él escribe documentos y demostraciones sobre web apps abiertas, Firefox OS, y temas relacionados. El ama reparar cosas relacionadas con HTML, CSS, JavaScript y otras tecnologías web, el da ocasionalmente charlas sobre tecnología en conferencias y universidades. El solía trabajar para Opera y W3C, disfruta tocar heavy metal en la batería y beber buena cerveza. Él vive cerca de Manchester, Reino Unido, con su esposa y tres hermosos hijos.

Más artículos escritos por Chris Mills …

Acerca de
Ali Spivak

@alispivak. Ali se desempeña como Desarrollador de Marketing en Mozilla, y ha estado desarrollando y administrando sitios web por tanto tiempo que ella se preocupa por admitirlo en público. Ella es una apasionada por mantener la web libre y trabaja en cosas que los desarrolladores aman (como MDN). También ama viajar, cocinar, y crear cosas.

Más artículos escritos por Ali Spivak …

 

¡Felices 10,000 días del internet!

Hoy 28 de julio es el día en que el internet cumple 10,000 días con nosotros, y en Mozilla estamos seguros de que solo buenas cosas vendrán con este gran logro.

via GIPHY

Sí, lo sabemos, el internet aún está en pañales, pero es que desde que se lanzó públicamente ha tenido un impacto gigantesco en la vida de millones de personas alrededor del mundo, incluida la tuya. Así que, solo tómate un minuto y piensa en esto: ¿Qué no puedes hacer ahora con ayuda de internet? Todo está a tu alcance para aprender lo que siempre deseaste, para encontrar miles de respuestas a preguntas que antes temías preguntar y claro, para estar en contacto con las personas que más amas, es por eso que hoy solo podemos decir: “¡Gracias por todo internet!”.

Celebremos los grandes momentos, las grandes luchas por una web más libre, los movimientos que se han dado cita dentro de la red de redes; celebremos lo mucho que nos ofrece y sigamos creando juntos una web libre, por 10,000 días más con internet.

days-of-the-web-facebook_final-03

Muchas gracias si tú fuiste una de las miles de personas que desde redes sociales se unieron para festejar este gran hito con el hashtag #10KDays, nos encantaría saber cuál es tu momento favorito en estos 10,000 días del internet ¿El momento en el que conociste a Mozilla, cuando llegó a tu vida ese meme que siempre te hace reir, cuando subiste tu primer fotografía o video? Tú haces la web con nosotros, así que comparte y… ¡Felices 10,000 días, mozillians!