Mozilla y el desarrollo
del web para todos
La web
Breve historia
•
1990: Tim Berners-Lee une por primera
vez Internet y el hipertexto: HTML, HTTP.
•
1993: Mosaic 1.0
•1994: Netscape 1.0
•
1995: Java para la web, con HotJava
•1995: Apache Server
La web
Breve historia
•
1995: Microsoft lanza Internet Explorer, basado en la versión
de Mosaic de Spyglass. Inician las Browser Wars I
•
1995: Brendan Eich inventa JavaScript (ECMAScript)
•1999: RSS
•
2000: XMLHttpRequest (XHR, base de AJAX)
La misión de Mozilla
Fomentar la innovación y capacidad de
elección en Internet.
La misión de Mozilla
Eliminar barreras de acceso:
●
Impedimentos fisicos
●
Dispositivos
La misión de Mozilla
Firefox
●
Un navegador web concebido para el usuario
●
M
á
s seguro:
–
C
ó
digo abierto
–
R
á
pida soluci
ó
n a vulnerabilidades
–
Plugins actualizados
●
Extensible: más de 6000+ extensiones y 75000+ personas
●
Para Linux, Windows y Mac OS X en m
á
s de 70 idiomas
La misión de Mozilla
Firefox
Estándares web
●
SVG – Scalable Vector Graphics Language
Lenguaje XML para vectores 2D:
polígonos, textos, colores, patrones,
gradientes, filtros y +.
Estándares web: SVG
<radialGradient id="SVGID_1_" cx="274.822" cy="-551.0396" r="165.384" gradientTransform="matrix(0.5671 0 0 -0.2835 84.6678 188.6448)"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#000000" stop-opacity="0.502"/> <stop offset="1" stop-color="#000000" stop-opacity="0"/> </radialGradient>
<path fill="url(#SVGID_1_)" d="M334.297,344.885c0,25.898-41.989,46.893-93.785,46.893c-51.795,0-93.784-20.994-93.784-46.893
s41.989-46.893,93.784-46.893C292.307,297.993,334.297,318.987,334.297,344.885z"/> <radialGradient id="SVGID_2_" cx="268.7937" cy="-551.0415" r="165.3826"
gradientTransform="matrix(0.5823 0 0 -0.2835 -58.2004 188.1399)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#000000" stop-opacity="0.502"/> <stop offset="1" stop-color="#000000" stop-opacity="0"/> </radialGradient> <path fill="url(#SVGID_2_)" d="M194.628,344.381c0,25.897-43.117,46.892-96.306,46.892c-53.188,0-96.305-20.994-96.305-46.892 c0-25.898,43.117-46.893,96.305-46.893C151.51,297.489,194.628,318.483,194.628,344.381z"/> <g> <path d="M304.732,246.606c-4.752,19.584-28.872,60.48-41.688,78.48c-12.815,18.072-11.231,34.344-34.92,28.008 c-23.616-6.336-30.24-5.184-54.647-3.744c-24.265,1.439-19.009-0.721-34.2,6.12c-15.12,6.84-65.88-82.944-69.984-99.647 4.031-16.705-5.976-14.689,4.536-32.761c10.513-18.071,12.024-35.928,25.92-57.816c13.896-21.96,29.952-33.12,28.8-49.896 c- 4.535-62.28-8.136-93.384,19.513-107.784c26.352-13.68,48.384-5.544,57.096-0.864c3.744,2.016,11.376,5.904,17.064,12.744 c5.688,6.696,10.8,16.848,13.68,29.664c5.904,25.704-2.448,17.208,4.248,46.656c6.624,29.375,20.088,43.775,36.504,67.031 C293.068,186.054,310.204,224.43,304.732,246.606z"/> <g> <path fill="#666666" d="M148.47,94.049c4.319-1.728,3.592-1.958,6.472-8.222c2.304-4.824,4.328-6.898,4.256-14.242 c0-7.2-2.232-9.648-5.616-14.328c-3.24-4.464-8.424-4.68-11.664-4.104c-1.872,0.288-4.319,2.664-5.976,6.192 c-1.08,2.376-1.944,5.4-2.017,8.568c-0.216,8.496,0.505,11.736,2.448,17.496C138.678,92.178,144.294,95.706,148.47,94.049z"/> <g>
Estándares Web
●
ARIA – Accessible Rich Internet
Applications
Permite normalizar widgets para que sean
accesibles por software de asistencia.
Estándares Web
<ul role="group"
class="expanded">
<li role="treeitem" tabindex="-1"> <a tabindex="-1"
href="javascript:show('show1', 'Fruit: Oranges')" aria-controls="show1">Oranges</a>
</li>
<li role="treeitem" tabindex="-1"> <a tabindex="-1" href="javascript:show('show1', 'Fruit: Pineapples')" aria-controls="show1">Pineapples</a> </li> <li role="treeitem" tabindex="-1" aria-expanded="false" aria-labelledby="fruit300">