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

Browse By

Tag Archives: StarWars

[Star Wars] Star Wars Episode IV in one picture – スターウォーズ・エピソード4を1枚の画像で表現した作品

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

Star Wars Episode IV(公開順で言えば初作)のあらすじを、ただ1枚の画像で表した作品。あらすじとは言っても内容はかなり詳細で、誰がどこで何をしたのか、またそれに加えて登場する乗り物や兵器に関する知識についてもわりと詳細に解説されていて、SWオタにとってはなかなかタマらん内容となっております。Star Warsネタといえば、最近Chewbacca Momに軽くハマっております。この口が一緒に動くチューイのマスク超欲しい。

[CSS] The Star Wars Intro Crawl in Pure CSS – スターウォーズのイントロCSS

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

Star Warsのあらすじ説明のイントロを再現したCSS。JSとか使わずにCSSだけで再現しているようです。あらすじについてはもちろんテキストで書かれていて、最後に出てくるダウンロードボタンはちゃんとクリックする事ができます。ネタとはいえしっかりと作られててスゲーなぁと思いました。フォースの導きがありそうな作例ですな。

[Code Snipet] Star Wars Menu Icon – スターウォーズのライトセーバー風ハンバーガーメニュー

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

Star Warsのライトセーバー風のハンバーガーメニュー。画像はイメージです。悪ふざけで作りました。ちなみにCodepenはこちら。ハンバーガーメニューがライトセーバーになっているというものです。出てくるメニューがジェダイは緑、シスは赤、サミュエル・L・ジャクソン(メイス・ウィンドゥ)は専用の紫になっているという点が気が利いていますね。フォースに導かれ気味の素晴らしいナビゲーションだと思います。May the Force be with you。

[Star Wars] 内なるフォースの覚醒 – Googleのスターウォーズ関連コンテンツ

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

公開日が迫るにつれていろんなメーカーが便乗・・・いや販促キャンペーンとかしてますが、Googleもこの手のコンテンツを制作したようです。Googleアカウントにログインした状態でアクセスすると、ダークサイドかライトサイドの選択を迫られ、選んだサイドによってGoogleの各種コンテンツの見た目が変わるという仕組み。とりあえずライトサイドを選んでみましたが、Gmailの背景とかが変わりました。多分他にも色々変わるとは思うんだけど、そもそも俺Googleのサービスってそれほど使ってないからなぁ・・・。Googleのサービスに魂まで売り渡したシス寄りの人なら、サイドを変更する事で何がどう変化するのかもうちょい分かるかもしれません。May the force be with you.

[Misc] Frightgeist – アメリカのどこでどんなコスプレが流行っているのかが分かる、ハロウィン向けコンテンツ

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

アメリカのどこでどんなコスプレが流行っているのかを見る事のできる、ハロウィン向けのコンテンツ。Googleが作っているようで、Chromeでないとちゃんと動きません(Safariで見ると超カクカクなので非推奨)。地図上をマウスでなぞると、その地域で1位のコスプレが表示され、クリックする事でそれ以下のランキングを見ることが出来ます。またここでキャラ名をクリックすると、そのキャラクターの人気の推移を、ここ数年単位で見る事ができます。あちこち見ましたが、やはり今年はStar Warsの新作公開年だけにソレ系流行ってますね。ちなみに統計のリソースはGoogle Trendsのようで、多分「×××× コスチューム」って感じでググられてるワードを調査対象にしてるんだと思います。コスプレ選びの参考に是非。

[Star Wars] Watch Star Wars Evolve Through Its Spectacular History Of Posters – スターウォーズの歴代ポスター

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

Star Warsの歴代ポスターをまとめた記事。Ep.4から3まで(ややこしいなー)の各種ポスターがまとめられています。いわゆる公開時の作品を代表する1枚だけでなく、公開前のティザーや後になって発売されたリマスター版やボックスセットのためのアートワーク類も併せて紹介されています。Drew Struzanの作品が主体で、彼のアートワークが好きな人にはタマらないまとめ記事だと思います。昨日最新のトレーラーも公開されましたしね。もうあと2ヶ月で新作が見れると分かると、俺の体内のミディクロリアンも沸騰しそうです。フォース出す練習しなきゃ。

[Javascript] boyega – サイトにストームトルーパーを追加できるJS

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

サイトに時限式のストームトルーパーを仕込めるJS。あ、これ真面目な記事じゃないですネタ記事ですw Star Wars Episode 7のトレーラーを観ていない人、そもそもスターウォーズに興味が無い人にとっては少しもオモしろくないのでスルーしてください。ちなみにこちらのページに動作デモがあります。表示されたら、フォースの力を信じて忍耐を持って少し待ちましょう。トレーラーとほぼ同じ間で彼が出てきますから。ちなみに導入方法は簡単で、JSリンクの1行をサイトに追記するだけ。簡単ですね。ところで彼、誰なんでしょうね? ジャンゴ・フェットとは俳優が違うし、クローン元が別人なのかな。フォースと共にあらんことを。

[May the force be with you] Star Wars – 日常生活に溶け込むスターウォーズ

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

現代の日常生活の中にシレっと顔を出すスターウォーズのオブジェクトたち。白黒写真の中に自然と溶けこませた作品がいくつも見る事ができます。この人の作品、ほんとに自然に置いてあるので、よーく見ないとどこにSW的なものがあるのか分からない場合が多いです。例えばゴミ捨て場に置いてある炭素冷凍されたハン・ソロとか、ゴミ捨て場にいるジャワとか。フォースに導かれたパダワンの皆さんならきっと楽しめると思います。