inspiration_bookmarks

このページは、100%healthを作成するにあたって参考にしたサイトや、今後参考になりそうなサイトをまとめたページです。

デザインの参考§

デザインの参考サイトを列挙します。

wikipedia: PlayStation Portable Homebrew

https://en.wikipedia.org/wiki/PlayStation_Portable_homebrew

のっけからサイトではないのですが、このサイトを作りはじめるにあたってイメージしていたのは、「CFWを導入したPSPで、通常UIにビットマップフォントのいかがわしいメニューがオーバーレイされるあの感じ」みたいな雰囲気を出したい、というものでした。

イメージが固まる前の2019年から2020年にかけて、現在の構造とは異なる試作的なデザインのサイトを作っていました。その時に特に念頭に置いていたのがこのPSP Homebrew的なデザインでした。

nezu.world

https://nezu.world/

lisaさんのサイトです。ちょっと正確に思い出せないのですが、たしか2020年から2021年頃、lisaさんがこのドメイン名に移行する前に別のデザインのサイトを運営していて、その頃のデザインが、このサイトのトップページの参考になっています。正確なリンクが思い出せないのでそのうち追記する予定です。

詳細不明

https://unknown.example/

じつは、このサイトのトップページを作るにあたり一番参考にしたのは、子どもの頃にみたあるかっこいいサイトの記憶です。どんなサイトでどんな名前だったのか全く思い出せないですが、トップページに各ページのリンクが並んでいて情報量が多く、それが他のサイトとはすこし違った雰囲気でかっこよかった、かっこいいと思ったという記憶がだけがあります。もう一度見てみたいと思うのですが、手がかりが全くなく、実在したのかさえ記憶が曖昧になってしまいました。

David Rudnick

https://davidrudnick.org/

デザイナーのDavid Rudnickさんのサイトです。直接参考にしたわけではないのですが、単に好きでかっこいいと思っていたのでリンクを挙げておきます。

かっこよすぎるので、自分のデザインはむしろダサくていいなと思って、フォントを微妙なビットマップフォントにしました。

David Rudnick大先生の名前を挙げるのは勇気が必要ですね。

Daniel Swan

https://danielswan.co.uk/

映像作家・グラフィックデザイナー・アーティストであるDaniel Swan氏のポートフォリオページです。

このサイトのキラキラマウスエフェクトがかっこよかったので、開発者ページを見てjavascriptの配布ページ「RV's free Javascript/DHTML effects」を知り、そこからコードを拝借しました。

現在はコードを少し改変して使用しています。使用しているのはTINKERBELL MOUSE EFFECTです。

他社比社

https://x3x.tc/

クリエイター集団「iseneehihinee(他社比社)」のサイトです。直接参考にしたわけではないですが、2021年当時くらいに参考にしようとメモってたURLのなかの一つにこのサイトがありました。

かっこいいですね。どういうルートで知ったかは覚えていませんし、詳しく知っているわけでもありませんが、多彩な活動をしている(た?)集団です。一般的に一番わかりやすい入口としては、ヒップホップグループ「ザマギ」が参加していたことで知られています。めんどくさいvsやってみようのスタイル。

sua yoo

https://suayoo.com/

アーティストのsua yooのサイトです。

現在シンプルになっていますが、以前トップページがポートフォリオのようになっていたはずです。

参考にしたというより参考にしようとした、というのが正解で、たしかこのポートフォリオページでは作品ごとにクリエイティブ・コモンズのライセンスが明記されていました。自分もこれに憧れてイラスト全てにクリエイティブ・コモンズのライセンスを明記しようとしたのですが、単にやる気の問題で断念してしまいました。

ライセンスを明記しているサイトはありますが、これいいなちゃんとやってみたいな、と思ったのはこのサイトを見たのがきっかけだったと思います。

sua yooさんの代表作はDeath Gripsのアルバム「The Money Store」のジャケットのイラストレーションだと思います。すごい好き。Death Gripsも好きです。車内でひとりguillotineのモノマネを時々する。No Love Deep Webのジャケをみなさん見てくださいね。

ナンタラ

https://nantara.kenkenpa.net/

楽煮さんの個人サイトです。イラストが多くてかわいいサイトです。

雑記ログ」コーナーのインデックスの見せ方は、このサイトの雑記ページの、特にフッターメニューの参考にしました。

うちの雑記ページは現状コンテンツが多くないのですが、楽煮さんのサイトではイラストが多くて賑やかで憧れますね。雑記でweb拍手の返信とか、やってみたいです。

もっとあると思うんだけど記憶が曖昧なので思い出したら追記します。

そのうち参考にしたいサイト§

そのうち参考にしたいサイトを列挙します。

大山崎すとりぃむ

https://koitsu100dora.net/index.htm

個人サイトアドベントカレンダーで知ったko.i.tsuさんのサイトです。

管理人のプロフィールページに趣味嗜好の個別ページへのリンクを載せていて、パクリ参考にしたいなと思いました。

好きなキャラクター」ページに、『スプーンおばさん』の「ルウリィ」の項目があり、そこに幼少期には、このキャラクターがお姉さんに見えていましたとあって非常にぐっと来ました。

風仙堂

https://fengxian-urawa.com/

風仙堂さんのサイトです。参考というか、サイトのデザインがよくてここに挙げたいと思います。

サイトデザインと記事のヘッダーのデザインがかっこいいです。古代史・中国語・web/PC関連......という書かれている記事のテーマがまずいい。アマチュアリズムというと失礼かもしれませんが、インターネット、個人サイトかくあるべしと思います。

UNCANNY

https://uncanny.services/

クリエイティブスタジオ「UNCANNY」のサイトです。シンプルかと思いきやじつは凝っていてかっこいい。

UNCCANYは、OPNTranquilizerのアートワークをしていて知りました。

「D.I.S.」のMVアルバムのビジュアライザーには無料ゲームサイト「ダンボール」の「砂遊び」およびその派生ゲームが利用されているようです。結構有名らしいんだけど全然知らなかった。

技術的な参考§

技術的な参考サイトを列挙します。

富永日記帳

https://blog.w0s.jp/

富永冴樹さんの個人サイトのブログです。ウェブ技術とアクセシビリティについての記事が多く、参考になります。

このサイトはといえばあまりこだわっていないので色々とアクセシブルでないですが、ちゃんとしたいと思っています。

制作者」ページの「利用サービス」のテーブルがよくて、profile.htmlパク参考にしました。