<rss version="2.0"
     xmlns:atom="http://www.w3.org/2005/Atom"
     xmlns:dc="http://purl.org/dc/elements/1.1/">
        <channel>
        <title>Magazine - mosaic</title>
        <link>https://www.genbeta.com</link>
        <description>Publicación de noticias sobre gadgets y tecnología. Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc</description>
        <pubDate>Fri, 12 Jun 2026 05:07:22 +0000</pubDate>
        <generator>https://www.genbeta.com</generator>
        <atom:link href="https://www.genbeta.com/tag/mosaic/rss2.xml" rel="self" type="application/rss+xml" />
                                        <item>
                <title><![CDATA[La historia de por qué los enlaces son azules y desde cuándo]]></title>
                <link>https://www.genbeta.com/navegadores/historia-que-hiperenlaces-azules-cuando</link>
                <guid>https://www.genbeta.com/navegadores/historia-que-hiperenlaces-azules-cuando</guid>
                <pubDate>Thu, 16 Sep 2021 18:47:09 +0000</pubDate>
                                         <dc:creator>Marcos Merino</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/2c27bc/hiperenlace/1024_2000.jpg" alt="La&#x20;historia&#x20;de&#x20;por&#x20;qu&#x00E9;&#x20;los&#x20;enlaces&#x20;son&#x20;azules&#x20;y&#x20;desde&#x20;cu&#x00E1;ndo">
    </p>
    <p>Párate un momento a pensar <strong>cómo visualizas mentalmente un hiperenlace</strong>; <strong>asociamos de tal manera ese concepto con el adjetivo 'azul'</strong> que cuando, hace cinco años, <a class="text-outboundlink" href="https://www.xataka.com/servicios/google-tine-de-negro-la-web-con-su-experimento-adios-al-azul-en-los-enlaces-de-su-buscador" data-vars-post-title="Google tiñe de negro la web con su experimento: ¿adiós al azul en los enlaces de su buscador?" data-vars-post-url="https://www.xataka.com/servicios/google-tine-de-negro-la-web-con-su-experimento-adios-al-azul-en-los-enlaces-de-su-buscador">Google se atrevió a 'pintar' los suyos de negro</a>, resultó tan chocante que el asunto se convirtió en noticia.</p>
<!-- BREAK 1 -->
<p>Bien es cierto que <strong>desde que existen las hojas de estilo CSS los enlaces puede tener cualquier color y formato</strong>, pero azul (y subrayado) es el aspecto por defecto de los hiperenlaces en todos los navegadores (y hasta en procesadores de texto, como MS Word). Y lo ha sido desde… bueno, desde siempre.<a rel="noopener, noreferrer" href="https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/"> ¿O no?</a></p>
<!-- BREAK 2 --><!--more--><p>Resulta interesante <strong>preguntarse acerca del cuándo y el 'por qué' se vinculó</strong> —nunca mejor dicho— el concepto de hiperenlace con el color azul, habida cuenta de que dicho concepto es anterior a la generalización de los monitores a color.</p>
<!-- BREAK 3 -->
<p>Hace unas semanas, <a rel="noopener, noreferrer" href="https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/">en el blog corporativo de Mozilla</a> (fundación desarrolladora del navegador Firefox) <strong>intentaban responder a esta pregunta</strong>, recopilando toda una serie de datos de gran interés.</p>
<!-- BREAK 4 --><div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.xataka.com/historia-tecnologica/cuando-mosaic-dominaba-el-mundo-de-los-navegadores" class="pivot-outboundlink" target="_blank" data-vars-post-title="Cuando Mosaic dominaba el mundo (de los navegadores)">
     <img alt="Cuando&#x20;Mosaic&#x20;dominaba&#x20;el&#x20;mundo&#x20;&#x28;de&#x20;los&#x20;navegadores&#x29;" width="375" height="142" src="https://i.blogs.es/5bfa64/mosaic3/375_142.webp" onerror='this.src="https://i.blogs.es/5bfa64/mosaic3/375_142.jpg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.xataka.com/historia-tecnologica/cuando-mosaic-dominaba-el-mundo-de-los-navegadores" class="desvio-taxonomy-anchor pivot-outboundlink m-crosspost" target="_blank" data-vars-post-title="Cuando Mosaic dominaba el mundo (de los navegadores)">En Xataka</a>
    </div>
    <a href="https://www.xataka.com/historia-tecnologica/cuando-mosaic-dominaba-el-mundo-de-los-navegadores" class="desvio-title js-desvio-title pivot-outboundlink" target="_blank" data-vars-post-title="Cuando Mosaic dominaba el mundo (de los navegadores)">Cuando Mosaic dominaba el mundo (de los navegadores)</a>
   </div>
  </div>
 </div>
</div>
<h2>Érase una vez el hiperenlace (pero no era azul oscuro)</h2>

<p><strong>El hiperenlace nació antes incluso que la World Wide Web</strong> o la misma informática personal, con el <a rel="noopener, noreferrer" href="https://es.wikipedia.org/wiki/Proyecto_Xanad%C3%BA">Proyecto Xanadú</a> en 1964, aunque bien es cierto que nunca llegó a pasar de lo teórico.</p>
<!-- BREAK 5 -->
<p>El primer paso en el mundo de lo práctico de los hiperenlaces llegó de la mano del software de publicación HyperTIES (para sistemas DOS). <strong>Y sí, ya entonces eran azules… pero azul cian</strong>, no el típico tono de azul que usamos hoy en día en los enlaces de las webs.</p>
<!-- BREAK 6 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=301 width=640 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/7cb6f0/hyper/450_1000.webp 450w, https://i.blogs.es/7cb6f0/hyper/650_1200.webp 681w,https://i.blogs.es/7cb6f0/hyper/1024_2000.webp 1024w, https://i.blogs.es/7cb6f0/hyper/1366_2000.webp 1366w" src="https://i.blogs.es/7cb6f0/hyper/450_1000.webp" alt="Hyper" onerror="this.src='https://i.blogs.es/7cb6f0/hyper/450_1000.jpg';this.srcset='https://i.blogs.es/7cb6f0/hyper/450_1000.jpg 450w, https://i.blogs.es/7cb6f0/hyper/650_1200.jpg 681w,https://i.blogs.es/7cb6f0/hyper/1024_2000.jpg 1024w, https://i.blogs.es/7cb6f0/hyper/1366_2000.jpg 1366w';return false;">
   <img alt="Hyper" class="centro_sinmarco" src="https://i.blogs.es/7cb6f0/hyper/450_1000.webp">
   
        <span>Captura de pantalla de HyperTIES.</span>
   </div>
   </div>
</div>
<p>Cuando Windows 1.0 permitió el desembarco de las interfaces gráficas a 'todo' color, también traía bajo el brazo <strong>otro elemento que seguimos usando hoy en día: los hiperenlaces con subrayado</strong>. Pero dichos hiperenlaces seguían siendo negros, pese al abundante uso del azul en los encabezados y bordes de las ventanas.</p>
<!-- BREAK 7 -->
<p>Cuando, dos años más tarde, Tim Berners-Lee <a class="text-outboundlink" href="https://www.genbeta.com/actualidad/codigo-original-world-wide-web-sale-a-subasta-como-nft-a-partir-1-000-euros" data-vars-post-title="El código original de la  World Wide Web sale a subasta como un NFT a partir de 1.000 euros" data-vars-post-url="https://www.genbeta.com/actualidad/codigo-original-world-wide-web-sale-a-subasta-como-nft-a-partir-1-000-euros">empezó a trabajar en su proyecto de una World Wide Web</a>, su navegador WorldWideWeb (escrito todo junto) presentaba <strong>los hiperenlaces con subrayado, pero seguían apareciendo en blanco y negro</strong>.</p>
<!-- BREAK 8 --><div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">'#0000FF' es el código hexadecimal del azul oscuro de nuestros hiperenlaces</div></div></div><h2>Cuando Apple y Microsoft marcaron tendencia, y Mosaic se sumó</h2>

<p><strong>La vinculación del azul a los hiperenlaces tuvo que esperar a los años 90</strong>, pero curiosamente llegaron de la mano de Apple y Microsoft, no de los recién aparecidos navegadores web: el software <strong>HyperCard de Apple ya coloreaba en azul oscuro sus enlaces</strong> cuando se hacía clic en ellos (aunque seguían siendo negros por defecto) y <strong>Windows 3.1 ya hacía lo propio con los iconos en 1992</strong>, contribuyendo a normalizar la vinculación entre el azul y los elementos interactivos de la interfaz.</p>
<!-- BREAK 9 --><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=467 width=1024 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/ad1d5d/windows-3.1/450_1000.webp 450w, https://i.blogs.es/ad1d5d/windows-3.1/650_1200.webp 681w,https://i.blogs.es/ad1d5d/windows-3.1/1024_2000.webp 1024w, https://i.blogs.es/ad1d5d/windows-3.1/1366_2000.webp 1366w" src="https://i.blogs.es/ad1d5d/windows-3.1/450_1000.webp" alt="Windows 3 1" onerror="this.src='https://i.blogs.es/ad1d5d/windows-3.1/450_1000.jpg';this.srcset='https://i.blogs.es/ad1d5d/windows-3.1/450_1000.jpg 450w, https://i.blogs.es/ad1d5d/windows-3.1/650_1200.jpg 681w,https://i.blogs.es/ad1d5d/windows-3.1/1024_2000.jpg 1024w, https://i.blogs.es/ad1d5d/windows-3.1/1366_2000.jpg 1366w';return false;">
   <img alt="Windows 3 1" class="centro_sinmarco" src="https://i.blogs.es/ad1d5d/windows-3.1/450_1000.webp">
   
        <span>Windows 3.1.</span>
   </div>
   </div>
</div>
<p>Un año más tarde, por fin, la versión 0.13 del navegador Mosaic anunciaba en <a rel="noopener, noreferrer" href="http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2.messages/47.html">su listado de cambios</a> <strong>la adopción de los hipervínculos azules con subrayado continuo para los enlaces no visitados</strong>, y púrpura con subrayado discontinuo para los ya visitados.</p>
<!-- BREAK 10 -->
<p>Ese mismo año, el navegador Cello adoptó también el aspecto 'azul subrayado'… pero para representar los encabezados de las webs (h1, h2, etc). <strong>Al año siguiente (1994), tanto Cello como el recién nacido Netscape Navigator adoptaron el naciente 'estándar' impuesto por Mosaic</strong>. Internet Explorer hizo lo propio cuando nació en 1995.</p>
<!-- BREAK 11 --><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=720 width=1280 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/14bf50/netscape/450_1000.webp 450w, https://i.blogs.es/14bf50/netscape/650_1200.webp 681w,https://i.blogs.es/14bf50/netscape/1024_2000.webp 1024w, https://i.blogs.es/14bf50/netscape/1366_2000.webp 1366w" src="https://i.blogs.es/14bf50/netscape/450_1000.webp" alt="Netscape" onerror="this.src='https://i.blogs.es/14bf50/netscape/450_1000.jpg';this.srcset='https://i.blogs.es/14bf50/netscape/450_1000.jpg 450w, https://i.blogs.es/14bf50/netscape/650_1200.jpg 681w,https://i.blogs.es/14bf50/netscape/1024_2000.jpg 1024w, https://i.blogs.es/14bf50/netscape/1366_2000.jpg 1366w';return false;">
   <img alt="Netscape" class="centro_sinmarco" src="https://i.blogs.es/14bf50/netscape/450_1000.webp">
   
      </div>
</div>
<p>Sin embargo, si bien el 'cuándo' ha quedado suficientemente bien establecido, el por qué sigue siendo una incógnita. <strong>No se puede atribuir a un criterio de estandarización</strong> del W3C, pues no se creó hasta 1994; y la relación de contraste entre el azul oscuro y el texto negro es de 2.3:1, <strong>claramente insuficiente si el contraste hubiera sido el fin perseguido</strong>.</p>
<!-- BREAK 12 -->
<p>Hay que buscar, por tanto, el motivo en otra parte: todo parece indicar que <strong>los desarrolladores de Mosaic se sumaron a una tendencia que ya habían inaugurado 'offline' tanto Apple como Microsoft</strong>, de vincular 'azul' e 'interacción'.</p>
<!-- BREAK 13 --><script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Vuelve a la web de hace 17 años]]></title>
                <link>https://www.genbeta.com/navegadores/vuelve-a-la-web-de-hace-17-anos</link>
                <guid>https://www.genbeta.com/navegadores/vuelve-a-la-web-de-hace-17-anos</guid>
                <pubDate>Tue, 09 Mar 2010 16:32:29 +0000</pubDate>
                                         <dc:creator>Guillermo Julián</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/8a4a37/mosaic_500/1024_2000.jpeg" alt="Vuelve&#x20;a&#x20;la&#x20;web&#x20;de&#x20;hace&#x20;17&#x20;a&#x00F1;os">
    </p>
    <p></p>
<p></p>

<p>Para los nostálgicos de Internet, aquellos que antes de ver Internet lo oían en el módem, ahora pueden volver a revivir esos momento en que la web ni era social ni era dinámica, solo era <strong>texto, enlaces e imágenes</strong>.</p>
<!-- BREAK 1 -->
<p>Alan Dipert, un usuario de GitHub, ha recuperado el código del <strong><span class="caps">NCSA</span> Mosaic</strong> y lo ha portado para que sea compilable en entornos Linux modernos. ¿Y qué narices es Mosaic? Pues fue el abuelo de lo que probablemente estés usando ahora mismo. <strong><span class="caps">NCSA</span> Mosaic</strong>, liberado en 1993, fue el <strong>primer navegador gráfico ampliamente usado</strong>, con soporte para imágenes e interfaz gráfica. Además, fue el padre de Netscape Navigator, del que derivó Mozilla y posteriormente Firefox.<br /></p>
<!-- BREAK 2 --><!--more--><p><br />
Esta versión <strong>funciona a la perfección en Ubuntu</strong>, y probablemente lo haga en las demás distribuciones. Para compilar el código fuente, sólo tenéis ejecutar estos comandos:<br />
<strong><br />
Instalar paquetes de desarrollo:</strong><br />
<code>sudo apt-get install build-essential libmotif-dev libjpeg62-dev libpng12-dev x11proto-print-dev libxmu-headers libxpm-dev libxmu-dev</code></p>
<!-- BREAK 3 -->
<p><strong>Compilar y ejecutar:</strong><br />
<code>make linux</code><br />
<code>src/Mosaic</code></p>

<p>Para los que les dé pereza o miedo usar la consola, he <strong>compilado el programa para Ubuntu</strong>, pero no es seguro que funcione en otras distribuciones.</p>

<p>Vía | <a rel="noopener, noreferrer" href="http://www.webmonkey.com/2010/03/browse-the-web-as-it-looked-in-1993/">Webmonkey</a><br />
Enlace | <a rel="noopener, noreferrer" href="http://github.com/alandipert/ncsa-mosaic>Alan Dipert&#8217;s GitHub</a><br />
Descarga | <a href="http://github.com/alandipert/ncsa-mosaic/archives/master">Código fuente</a><br />
Descarga | <a rel="noopener, noreferrer" href="http://dl.dropbox.com/u/4364782/Mosaic.tar.gz">Paquete compilado</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
            </channel>
</rss>
