ネット・PC

簡単に「20世紀末ごろのジオシティーズ」なデザインのサイトを再現できるBootstrap「Geo」


20世紀末、無料で誰でもwebサイトがもてるサービス「ジオシティーズ」が大流行していたころによく見かけたあの懐かしのデザインをBootstrapで再現した「Geo」です。ここまでやられるともうかっこいいです。

ジオシティーズは、日本では「Yahoo!ジオシティーズ」として現在でもサービスは続いていますが、本場アメリカでは2009年にサービスが終了しています。

こちらがデモ・サイト。非常に懐かしくもあります。
Geo for Bootstrap, a Timeless Theme by Divshot

主なCSSはこんな感じになっています。

1. タイポグラフィー

2. ボタン

3. ラベルやバッジ、アラートなど

「Geo」は、カリフォリニア州のWebデザイン会社Divshotが、Bootswatchを使用して制作したものです。

Gitbubで公開されています。興味ある方はCSSフレームワークとして採用してもおもしろいのではないでしょうか。
ソース:geo-bootstrap

関連記事

ベストなCSSのフロントエンド・フレームワークをまとめたコレクション「FRONT-END CSS FRAMEWORKS」 - DNA

ITデベロッパー必携、主要なプログラム言語やツールなどのほぼすべてを網羅したチートシート集「OverAPI.com」 - DNA

ケン(ストリートファイターⅡ)の必殺技をCSS3で完全再現 - DNA

ウェブページ製作者は必見、HTMLやJavascript等のチートシート19個 - DNA

TwitterやNikeなど有名なロゴをCSS3のみで再現 - DNA

ほぼCSS3のみで見事に「Mac OSX Lion」の起動画面を再現 - DNA

この記事をブックマーク/共有する


前後の記事

DNAをこれからもよろしくお願いします!

Facebook上のコメント一覧

Twitter上のコメント一覧