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

Browse By

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

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

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

[Web Design] Bootstrap Hover Image Gallery – マウスオーバーエフェクトのギャラリー

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

様々なマウスオーバーエフェクトのギャラリー。各サムネールにマウスオーバーする事でアニメーションが再生され、Show Codeをクリックする事でコードを確認できます。フレームワークとしてBootstrapが使われているようなので、Bootstrapベースのサイトでならサクっと実装できそうです。Twitter、Facebook、Instagram、Dribbbleへの投稿ボタンが用意されているものもあります。かっちょいいエフェクト多めです。

[Resources] Design Lazy – 様々なデザインリソースを紹介するサイト

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

Webデザインに役立つ素材や、各種モックアップ、UIパーツなどの様々なデザインリソースを紹介するサイト。まだローンチしてそれほど経ってないようで、紹介されている点数こそ多くないですが、内容はわりと使えそうなものが多いので、素材探しの時なんかに使えそうです。日常的な巡回ルートにも良さそうです。

[Photo Stock] Good Free Photos – パブリックドメインの写真素材サイト

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

パブリックドメインのフォトストックサイト。5月24日現在6180枚の写真が用意されているようです。写真素材サイトとしてはそれほど多い量ではないけど、何よりパブリックドメインというのが素晴らしいです。写真もオシャレな感じのものが多く、素材として使いやすそう。各素材はカテゴリ分けされており、またサイト内検索もできます。予算がなく、またクレジット表記も入れづらいデザイン制作の際に使えそうです。

[CSS] CSS Paradise – クールなCSS装飾やTipsを動画で紹介するギャラリーサイト

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

クールなCSSデザイン作例やTipsを紹介するギャラリーサイト。アニメーションする作例についてはGifを使って紹介されているので、動きも含めて閲覧できます。わりと最近始めたばかりのTumblrブログのようで掲載数こそ少ないけど、紹介のされ方がなかなかナイスなので、今後掲載作例が増えていくとイイなーと思いました。ちょっとしたCSS装飾のネタ帳としても便利そうです。パラダイスですしね。

[Web Design] Google モバイルフレンドリーテスト – 指定したサイトがモバイルフレンドリーかどうかを調査してくれるサービス

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

指定したサイトがモバイルフレンドリー(モバイル対応済み)なのかどうかを調べてくれるGoogleのサービス。使い方は簡単で、入力フォームに調べたいサイトのURLを突っ込むだけ。ちょっとだけ待たされた後で結果を出してくれます。モバイルフレンドリーでないと診断された場合は、どうすれば対応扱いとなるのかまで教えてくれます。モバイル対応の可否って検索結果にも関連してくるので、最近じゃSEO的にも無視できないですからね。レスポンシブレイアウトでサイト作った時の、結果の確認にも使えそうです。

[Web Design] Plyr – シンプルなHTML5動画プレイヤー

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

シンプルな機能のHTML5動画プレイヤー。動画だけでなくオーディオのみの再生にも対応しています。さらにYoutubeやVimeoなどの外部サービスに動画をホスティングするという使い方もできるようです。プレイヤーとしての機能はプログレスバーやボリューム調整、キャプションのオン/オフ、画面の最大化などに対応。Githubでは詳細な導入方法も解説されています。サイト内に動画置きたい時に使えそうです。

[Photo Tool] Filters for Photos – 写真.appにフィルターを追加できる機能拡張

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

Mac純正の写真.app(Photos)に、Instagramのようなフィルターを追加できる機能拡張。サイト内では30のフィルターが無料で使えると紹介されています。いまどきのトイカメラ風だったりするアレ系のオシャレなフィルターです。独立したソフトウェアではなく、使い慣れた写真.app上で使えるのがナイスですね。どうって事ない写真をフィルターの力を借りてなんとなくオシャレな雰囲気にしようって時なんかに使えそうです。