Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Misc

[Misc] The Restart Page – 様々なOSのリスタートダイアログと、再起動時のアニメーションをまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なOSのリスタートダイアログと、その後の再起動の様子をアニメーションで紹介するサイト。よく出来てるなーと思ったのが、Windows系のダイアログの上にマウスポインタ持ってくると、ちゃんと白矢印になるんです。もちろんMac系なら黒矢印になります。各ダイアログはドラッグする事で移動する事もでき、「Restart」ボタンを押すとそれぞれのOSに応じた再起動プロセスがアニメーションで始まります。NextとかBeOSといった、変化球OSも用意されています。あとSystem 7系のリスタートダイアログも懐かしいですな。

[Misc] O RLY Cover Generator – オライリー本のカバージェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

Web関係の仕事してる人なら誰でも知っている、オライリーメディアのアニマルシリーズ。通称オライリー本の表紙画像を作れるサイト。自分の好きなようにタイトルや著者名を入力でき、ソレっぽい表紙を作る事ができます。動物の絵は40種類、カラーパレットは16種類用意されていて、この中から好きなものをチョイス可能です。カラーパレットのチョイスが、いかにもオライリー本にありそうなちょっとくすんだ色ばかりで「あー分かってるなー」感があります。ひとつ残念なのは日本語が使えない事。ですので英語版のつもりで作りましょう。作った表紙は大きいサイズでダウンロードする事もできます。

[Music] The Rock and Pop Fashion Hall of Fame – ロック&ポップスターの殿堂入りファッション

  • Pocket
  • このエントリーをはてなブックマークに追加

ロックスターやポップスターの殿堂入りファッションを、画一的なイラストで紹介するギャラリーサイト。それぞれどこのステージで、もしくはどのMVでしてたファッションなのかも併せて紹介されています。洋楽を聴く人なら誰もが見た事のあるコスチュームばかりです。個人的に印象的だったのはやっぱりGunsのアクセル・ローズ。ステージ上でバンダナと短パンが似合うのは彼くらいのもんですからね。特に年代を固定しているわけではないと思うけど、60年代〜80年台のものが最も多く、2000年以降のものはチラっとある程度です。これって作者の趣味とかではなく、きっとマスカルチャーにおけるファッションアイコンみたいなものが最近では生まれづらいせいなんだろうなぁ、とかめんどくさい事を考えちゃいました。

[Funny] trump.css – サイトにトランプ要素を足したい時に(ネタ)

  • Pocket
  • このエントリーをはてなブックマークに追加

Webサイトにちょっとしたトランプ要素を足したい時に使えるCSSフレームワーク。ソースコードはGithubでも公開されています。例えば.muslimsというclassを付ければ非表示に(display:none)、.womenというclassを付ければ簡単にフォントサイズを小さくできます(font-size: xx-small)。堅苦しいWebサイトをいくぶん愚かに、また差別的要素を加えたい時なんかに便利ですね。Web作った事ある人ならソースコード見て、きっとニヤニヤできますw

[Web Design] Startup Timelines – スタートアップ企業のWebデザインの変遷

  • Pocket
  • このエントリーをはてなブックマークに追加

世の中に星の数ほどあるWeb系企業が、サイトの立ち上げから今日に至るまでをスクリーンショットで見る事のできるサイト。トップ画面ではアニメーションを使った一覧で見る事ができ、詳細ページに入ると立ち上げから今までの変遷を時系列で見る事ができます。今じゃクールなデザインのサイトも、立ち上げ時はクッソダサかったんだなぁ・・・とか思いながら見ると感慨深いものがあります(それでも当時はそれがクールだったんだけどね)。個人的に特に興味深かったのが今はなきMacromedia。FlashとかDreamweaverを引っさげて、思いっきりAdobeに中指立ててたあの攻撃的な時代のWebサイトを見ると、なんだかWebの世界の移り変わりの速さというか、諸行無常みたいなものを感じます。

[Misc] This Redditor Is Turning Random People’s Photos Into Movie Posters – どんな写真でも映画のポスターにしてしまう職人さん(技術の無駄遣い)

  • Pocket
  • このエントリーをはてなブックマークに追加

どんな写真でも映画のポスター風に加工してくれる人がRedditで話題になっています。「あーこの手の職人さんてどこの国にもいるんだなー」とか思って見てみたらビックリしました。クオリティがはんぱない。加工技術といい発想といい、プロの仕事ですねこれ。特にスゲぇなーって思うのが発想の柔軟さ。元がなんでもない写真なのに見事に「何か意味がありそうな」1枚に変化しています。素材のロテイトやトリミングによって意味を持たせるという手法が多い気がします。ネタとしてもスゴいんだけど、グラフィック・デザインのネタ帳にもなりそうです。リンク先は彼の投稿をまとめた記事だけど、Redditの方ではまだ続いているようで、新しい作例が随時追加されています。

[Misc] ippy – 顔文字のコピペサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

顔文字のコピペサイト。顔文字は「新着」、「ポピュラー」、「ランダム」で並び替える事ができ、また自分で作ったものを投稿する事もできます。日本のサイトではないので様々な国の文字コードが混在しています。クリックすると「コピーできたよ!」って言われるんだけど、できてないんですよね・・・。Windowsならできるのかなこれ。まぁ普通にコピペする分には問題ありませんが。顔文字辞書替わりに使えそうです。

[Misc] Nótt Dagr 🌞 🌙 – 今日の夜明けと日暮れの時間を美しく表示してくれるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

今日の夜明けと日没の時間を、オシャレな感じでまとめて表示してくれるサイト。正確には夜明け、日の出、日没、日暮れの4つを表示してくれます。場所についてはPCやスマホから自動取得するようで、初回アクセス時には位置情報利用の可否を聞かれます。SunriseとSunset以外に、Dawn(空が白んでくる時間)とDusk(暗くなる時間)も知らせてくれる点がなんだかオシャレです。なんだかFrom Dusk Till Dawn観たくなってきました。