[PSD] 30 Fresh and Free PSD Website Templates – Webデザイン作例のテンプレートPSDまとめ

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

by on 8月.20, 2014, under Web Design

Webデザイン作例のPSDが30例まとめられてます。Freshとありますが、この記事自体8ヶ月前のもののようなので、実はそれほど新しくはありません。けど紹介されている作例の質が高いので、デザインのネタ帳として悪くないんじゃないかと思います。PSDでテンプレート配布されてるのもナイスです。

コメントを書く :, ,

[Tool] 16:9 Aspect Ratio Calculator for content area width – HD動画ファイルのサイズ変更に便利な計算機

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

by on 8月.20, 2014, under WebApp

HD動画ファイルのサイズを変更する際に便利な計算機。16:9のアスペクト比を維持したまま、横幅を変更した際に縦幅はいくつになるのかを算出してくれます。単純な比率計算なので手元でもできますが、Youtubeの動画をembedで貼る時に便利だなーと思ったので紹介。ちなみに従来型のアスペクト比4:3の計算機もあるようです。比率が固定されているので低機能ではあるけど、シンプルで使いやすいですな。

コメントを書く :,

[Picture] DesignersPics – デザイン素材に適した写真配布サイト

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

by on 8月.19, 2014, under Material

デザイン素材に適したフォトストックサイト。まぁ早い話がよくある感じの写真素材サイトなんですが、扱ってる写真がちょっと変わった構図だったり、色合い的に加工がされていたりして、デザイン的に使いやすそうなものが多い点が特徴。言い方変えると、写真の力でサイトの印象をオシャレに見せたい時に使える素材が多いです。ちょっとオシャレな印象の写真素材探す際にナイスです。ところでロブスターの写真見て思い出したんですが、健康診断の結果尿酸値が高くて、わたくししばらく甲殻類とか魚卵とかビールとか禁止でございます。夏にビールが飲めないとか何の罰ゲームだよこれ・・・。

コメントを書く :,

[Bootstrap] 36 Open Source Twitter Bootstrap Code Snippets – Twitter Bootstrap用のコードスニペットまとめ

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

by on 8月.19, 2014, under Web Design

Twitter Bootstrapで使えるコードスニペットをまとめた記事。パララックス・スクロールのナビゲーション、ボックスカルーセル、フォーム装飾、フォトギャラリー、Facebook風のタイムライン、レスポンシブなイメージスライダー、UIキット、Modalウィンドウ、メガナビゲーション、プライシングテーブル、ウィザード式のフォーム、ログインフォーム、ユーザープロフィール画面、カレンダー、テーブルソート、ローディングイメージなどが紹介されてます。Bootstrapでサイト立てる時に役立ちそうです。

コメントを書く :, ,

[Gif Gif Gif] GIF YouTube – Youtubeに上がってる動画をGifアニメ化してくれるサイト

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

by on 8月.18, 2014, under WebApp

Youtubeに上がっている動画をアニメーションGifにしてくれるサイト。いやこれ便利ですよ。アニメGifにしたい!って思った時にいちいちPhotoshop立ちあげなくて済みます。作り方は簡単なんだけど、ちょっとコツがいります。まずはGifにしたい動画をYoutubeで普通に表示させて、ブラウザのアドレス欄のドメイン部分「youtube.com」を「gifyoutube.com」にします。つまり「gif」の3文字を追記するだけ。それでエンターを押すと、gifyoutube内で該当の動画を開く事ができます。あとはGifにした時に再生を開始したい場所までスライダーを動かしてCreate Gifボタンを押すだけ。Gifファイルの長さについてもいくつかの選択肢から選ぶ事ができますが、まぁ短い方が軽いファイルになるのであまり長くしない方がイイですね。左のサムネールはこのサイトを使って作ったアニメGif。こういうのもサクっと作れます。ネタ動画作る時にとっても便利です。ドーン!

コメントを書く :, ,

[Typography] 40 Fresh Adobe Illustrator Text Effects – イラストレーターで作るテキストエフェクト作例まとめ

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

by on 8月.15, 2014, under Typography

Illustratorで作るテキストエフェクトの作例まとめ。色々なタイポグラフィー作例が紹介されているので、ロゴデザインやグラフィックデザインの元ネタとしても良さそう。ちょうどついさっき「ロゴ作ってー」というオーダーが来たばかりなので、この記事からネタ拝借しようかなとか思っているところであります。お盆だってのに今年はなんだか忙しいな・・・。

コメントを書く :, , ,

[Illusion] Bees & Bombs – 見てるとキマってくるTumblrブログ

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

by on 8月.15, 2014, under Misc

見てるとキマってきちゃうような気がするTumblrブログ。錯視系というかなんというか、不思議な動きをするアニメGifばかりを紹介するブログなんですが、サイト内ではこれを「ポリゴンポルノ」と呼んで紹介しています。なんという適切な表現。最近じゃ実際様々なポルノがありますしね。こういうのはシラフで見ててもあんまし楽しくないですね。けど酒のんで見ると吐きそうな気もするので注意が必要です。

コメントを書く :,

[Freebie] Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad – ベクター形式のiOS 7 UIキット

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

by on 8月.14, 2014, under Material

ベクター形式で作られたiOS 7のUIキットが無料で配布されています。ダウンロードしてみましたが、.aiフォーマットのようです。iPhoneだけでなくiPadのUIパーツも同梱されています。次期iPhone発表直前のこのタイミングに、汎用性の高いベクター形式でのUIキットというのもなかなかナイスなタイミングです。最近じゃiPhoneも2年毎にディスプレイサイズ変りますからね。制作者にとってはありがたい素材かと。
いやーしかしお盆休みですな。わたくし普通に仕事しちょりますが。この時期電車とか人が少なくてイイですな。

コメントを書く :, , , , , ,

[Prototyping] iOS 7 Wireframe Kit – iOS 7 Appを制作する際に役立つワイヤーフレームキット

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

by on 8月.12, 2014, under UI Design

iOS 7用のアプリ制作の際に役立ちそうな、ワイヤーフレームキット。iOS 7の各種UIパーツのシンプルな絵が多数格納されています。Downloadボタンを押す事でファイル一式が落とせますが、様々なフォーマットが用意されてる点がとってもナイス。PNG、AI(イラレ)、Graffle(オムニグラフ用)、PDF、Sketch(Sketch用)が入っているので、多くのデザイナーやディレクターの使うツールに対応できそうです。

コメントを書く :, , ,

[WordPress] 45+ Best Free WordPress Themes of 2014 – 2014年クールなワードプレス用テーマ

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

by on 8月.12, 2014, under Web Design

今年のクールなWordpress用テーマをまとめた記事。今年言うてもまだ1/3残ってますけどね。WPのテーマって結構有料のもの多いけど、ここで紹介されているのはどれもフリーのようです。新しいテーマばかりという事で、多くはレスポンシブ・レイアウトに対応してます。フラットなデザインのものが多いのも、今風という感じがします。数も多いので、テーマ制作の素体探しにも使えそうです。

コメントを書く :, ,

Web Services

My Profile by iddy

Twitter Status