<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Netscape-Navigator on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/netscape-navigator/</link>
		<description>Recent content in Netscape-Navigator on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 16 Jun 2021 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/netscape-navigator/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>88x31 コレクション - 太古のウェブで多用されたサイズの懐かしバナーを収集</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/06/88x31-retro-web-banner-collection/</link>
				<pubDate>Wed, 16 Jun 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/06/88x31-retro-web-banner-collection/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://cyber.dabamos.de/88x31/&#34;&gt;The 88x31 GIF Collection&lt;/a&gt; は、名前の通り、横88ピクセル x 縦31ピクセルのウェブバナーを収集して公開しているサイトです。&lt;/p&gt;&#xA;&lt;p&gt;http://localhost:8099/wp-content/uploads/2021/06/The-88x31-GIF-Collection-_-Part-1-Google-Chrome-2021-06-16-14-47-37.mp4&lt;/p&gt;&#xA;&lt;p&gt;88x31 サイズのバナーが広まったのは、1994年にスタートし当初のインターネット・ウェブ空間の一大勢力となった無料ホームページ公開サービス &lt;a href=&#34;https://en.wikipedia.org/wiki/Yahoo!_GeoCities&#34;&gt;ジオシティ&lt;/a&gt;(Geocities)。&lt;a href=&#34;https://web.archive.org/web/19961022173245/http://www.geocities.com/&#34;&gt;1996年のジオシティのトップページ&lt;/a&gt;には、サイドバーに7つの 88x31 バナーが掲載されています。&lt;/p&gt;&#xA;&lt;p&gt;ジオシティは各ユーザーに対し、ジオシティへのバナーリンクを設置することを推奨したということで、ジオシティで個人サイトを作ったユーザーらがまずジオシティの88x31バナーを置き、次いでお互いの個人サイトをリンクする時にも同じ88x31 バナーを作っては配布した、というのが普及の原動力ではないかということです。&lt;/p&gt;&#xA;&lt;p&gt;ジオシティがなぜ88x31 サイズのボタンを採用したか、については、さらに遡って1995年のwebブラウザ Netscapt Navigator のバージョン2.0 のバナーをまねたのではないかということ。このバナーも88x31 ピクセルです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/88x31-retro-web-banner-collection/Netscape_Now_2.0.gif&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/88x31-retro-web-banner-collection/Netscape_Now_2.0.gif&#34; width=&#34;88&#34; height=&#34;31&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Netscape Navigator のプロモーションの一環で、&lt;a href=&#34;https://web.archive.org/web/19961026040131/http://www3.netscape.com/comprod/mirror/netscape_now_program.html&#34;&gt;Netscape Now というキャンペーン&lt;/a&gt;があり、Netscape がこの 88x31 サイズのバナーを配り、サイト制作者に設置することを求めていました。(via &lt;a href=&#34;https://neonaut.neocities.org/cyber/88x31.html&#34;&gt;88x31&lt;/a&gt;)&lt;/p&gt;&#xA;&lt;p&gt;このボタンが、今のところ最も古い 88x31 バナーのようです。&lt;a href=&#34;http://cyber.dabamos.de/88x31/index3.html&#34;&gt;コレクションの3ページ目&lt;/a&gt;には、この最古のバナーを含めた Netscape 社の多数のバナーのバリエーションが保存されています。&lt;/p&gt;&#xA;&lt;p&gt;なぜNetscape のデザイナーがこの 88x31 サイズのバナーを作ったかについては、文献が見つかりませんでした。&lt;a href=&#34;https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1011315820&#34;&gt;日本のYahoo!知恵袋で一つ推論が披露されている&lt;/a&gt;のですが、ちょっと無理がある(黄金比をカットした「余白の」サイズが88x31に近いと言っている)ように思います。&lt;/p&gt;&#xA;&lt;p&gt;このバナーがあまりに広く普及したため、88x31サイズは後追いでウェブ広告の業界団体&lt;a href=&#34;https://ja.wikipedia.org/wiki/Interactive_Advertising_Bureau&#34;&gt;Interactive Advertising Bureau(IAB)&lt;/a&gt;の&lt;a href=&#34;https://web.archive.org/web/20071015042304/http://www.iab.net/standards/adunits.asp&#34;&gt;標準バナーの一つに&amp;quot;micro banner&amp;quot;サイズとして指定されて&lt;/a&gt;います。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=27500624&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>StackOverflow が90年代風にデザイン変更も、Netscape Navigator 3.0で表示できず</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/</link>
				<pubDate>Mon, 01 Apr 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/</guid>
				<description>&lt;p&gt;StackOverflow をはじめ、StackExchange の各質問サイトが一斉にデザイン変更されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackoverflow-aprilfool.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackoverflow-aprilfool_hu_a244c8209a670b29.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackoverflow-aprilfool_hu_7cb12144964176df.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackoverflow-aprilfool_hu_d3fb74b5c52f6fc8.webp 1172w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackoverflow-aprilfool.png&#34; width=&#34;1172&#34; height=&#34;636&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;上部にはバナーが右から左へ流れ、マウスカーソルの後にはキラキラ星がついてきます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://meta.stackexchange.com/questions/326036/announcing-the-stack-exchange-time-machine&#34;&gt;同社のアナウンスによれば&lt;/a&gt;、この「タイムマシン機能」によって、もしStackExchangeが1998年に存在していたなら、を追体験できるということ。&lt;/p&gt;&#xA;&lt;p&gt;ページのフッターには、ゲストブックも設置されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-guestbook.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-guestbook_hu_329fe7cec74d2e11.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-guestbook_hu_e0ec3e44da0a8e07.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-guestbook_hu_5d75bee1d24c1d86.webp 1055w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-guestbook.png&#34; width=&#34;1055&#34; height=&#34;714&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;しかし、ゲストブックの後ろ、サイトの末尾に高らかに「Netscape 3.0で最も良く表示されます」アイコンをつけたせいで、&lt;a href=&#34;https://meta.stackexchange.com/questions/326023/does-not-work-on-netscape-navigator-3-0&#34;&gt;バグレポート&lt;/a&gt;が出されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-not-showed-on-netscape-navigator-3.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-not-showed-on-netscape-navigator-3_hu_e9ffc32f1e8a056f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-not-showed-on-netscape-navigator-3_hu_d0bcc1ab3c59de44.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-not-showed-on-netscape-navigator-3_hu_674e2050c261a218.webp 820w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/stackoverflows-new-90s-design/stackexchange-not-showed-on-netscape-navigator-3.png&#34; width=&#34;820&#34; height=&#34;676&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;「Netscape Navigator 3.0 で表示したが何も出てこない」&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;試したんかい。&lt;/p&gt;&#xA;&lt;p&gt;しかし、実際問題、NN3 でも表示できるようにするのって大変そう。NN3 で「だけ」表示ならともかく。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
