[Photoshop Plugin] Ditto: Use variables in Photoshop – 複数のレイヤーを一括で操作できるようになるプラグイン

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

by on 7月.28, 2015, under Software

レイヤーに属性付けをする事で、1つのパネルから複数レイヤーを一括で操作する事ができるようになるPhotoshopプラグイン。言葉で説明してもよく分からないかもしれませんが、リンク先にあるアニメーションGifを見ればなんとなくどういうものか分かると思います。これよく見ると、レイヤー名の末尾に「#btnText」といった感じでCSSみたくIDが付いてるんですね。で、パネル内から色やテキストを変更すると、このIDが付いたレイヤーがまとめて変更されるという仕組み。ボタンなどの要素が重複するUIパーツに使うと一括編集できるようになるので、生産性上がりそうですね。

コメントを書く :, ,

[Misc] JS Character Count – シンプルな文字数カウンター

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

by on 7月.24, 2015, under Misc

画面の右側にテキストをペーストするだけで、文字数を教えてくれるシンプルなカウンター。文字数以外にもワード数(英語の場合)、段落数もカウントしてくれます。まぁ文字数カウントなんて普通はエディタでやると思いますが、いつも使ってるエディタがない場合や、セキュリティガチガチの会社PCでメモ帳しかない場合なんかに使えそうです。

コメントを書く :

[Game] Other Places – 美しいビデオゲームの世界を動画で紹介するブログ

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

by on 7月.23, 2015, under Games

美しいビデオゲームの世界を動画で紹介するブログ。いわゆるゲームのプレイ動画ではなく、淡々とゲーム内で描画される風景を写した動画が紹介されています。メジャータイトルからマイナーなものまで色々あり、例えばMetro 2033、GTAV、Metal Gear Solid V : Ground Zeros、Far Cry4など。ゲーム大好き野郎的な見方をすれば、それぞれのゲームエンジンごとの描画の違いを比較する事もでき、なかなか楽しめるサイトだと思います。美しい事が前提であるため、日本のゲームはほとんど出てきません(メタルギアくらいかな)。洋ゲー好きにオススメ。風景だけを淡々と見る事ができる点がイイですねこれ。ゲームがここまで綺麗になると、もうひとつの現実って気がしてきます。

コメントを書く :,

[Sketch] Sketch Repo – Sketch関連のリソース紹介サイト

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

by on 7月.23, 2015, under Material

Sketchに関するリソースの紹介サイト。UI作例やWebデザイン作例、アイコン、各種デバイスモックアップなどへのリンクが紹介されています。各リソースはタグ付けされているので、目的の素材も探しやすそうです。ちなみに同じコンセプトのPSD版サイトであるPSD Repoというのもあるようです。素材探しの際に重宝しそうです。

コメントを書く :, , ,

[Web Design] PlaceCage – ニコラス・ケイジ専門のイメージプレースホルダー

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

by on 7月.22, 2015, under Web Design

ニコラス・ケイジしか出てこないイメージプレースホルダー。http://www.placecage.com/200/300といった感じでURL記述する事で、その大きさのニコラス画像を呼び出す事ができます。上記の場合横200px縦300pxの画像って意味ですね。またオプションも用意されていて、http://www.placecage.com/g/200/300というようにgを付ける事でグレースケールの画像を、http://www.placecage.com/c/200/300のようにcを付ける事でクレイジーな画像を、http://www.placecage.com/gif/200/300のようにgifを付ける事でアニメーションGifにする事ができます。無駄に多機能。制作中のサイトをどうしてもニコラス・ケイジで埋めたいという場合などに重宝しそうです。ニコラスにまみれたいというごく一部のWeb制作者の方々にオススメです。

コメントを書く :,

[Freebie] 100+ Best Free Badges Vector & PSD – バッジ画像まとめ

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

by on 7月.21, 2015, under Material

Webのビジュアル制作なんかでたまに使うバッジ類の素材をまとめた記事。いわゆる「xx%オフ!」とか「今だけお得!」みたいなアピールしたい時に使うアレですね。ショッピングサイト運用時の素材なんかに良さそうです。

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

[UI Design] Calltoidea – UIデザイン作例のギャラリーサイト

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

by on 7月.17, 2015, under UI Design

UIデザイン作例のデザインギャラリー。この手のまとめサイトによくある感じで、ログイン画面やカレンダー、ポップアップ、フォームといった各種場面ごとにカテゴリ分けされて紹介されてます。UIデザインのネタ漁りに使えそうです。このサイトちょっと興味深いのが、レスポンシブレイアウトの手法というか見せ方。1つのカテゴリを3つのスクリーンショットの固まりで表現してるんだけど、後ろの2枚がスライドする形で横幅が可変します。こういうサムネイルの見せ方ってオモろいなーと思ったのであります。

コメントを書く :, ,

[Icon] SVG Porn – SVGロゴのコレクションサイト

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

by on 7月.16, 2015, under Material

デベロッパーのための各種SVGロゴを集めたサイト。企業やサービスのロゴをSVGフォーマットで集めたサイトなんだけど、デベロッパー向けというだけあってAWSとかCodepenなどの、各種サービスやフレームワーク、CMS、Web規格のアイコン類が豊富に揃っています。SVGフォーマットで作られているので汎用性も高く、この手のサービスロゴを掲載したい時なんかに便利ですね。SVG Porn(ポルノ)というサイト名もクールです。

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

[Template] Template Stash – HTMLテンプレートやテーマなどの紹介サイト

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

by on 7月.14, 2015, under Web Design

HTMLテンプレートやテーマなどのギャラリーサイト。いわゆる自動化されたまとめサイトではなく、手動でピックアップしてるから質が高いYO!というのがウリのようです。定番のWordpressテーマや、Bootstrapのテーマ、またマテリアルデザイン準拠のものなど、色々とカテゴリ分けされて紹介されています。テンプレート探しの起点として使えそうです。

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

[Typography] in a brush – ハンドレタリング作例のギャラリーサイト

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

by on 7月.14, 2015, under Typography

フリーハンドでササっと描いたレタリング作例のギャラリーサイト。作例によっては動画で紹介されてます。最近じゃまずは手書きから作業をスタートする人自体減ってそうですが、ロゴデザインの起点ってやっぱコレだよなーと個人的には思います。使っている道具も作例によって様々なので、例えばカリグラフィーとかに興味ある人なんかも楽しく見れる気がします。いやーしみじみと美しいですな。

コメントを書く :, , ,

Web Services

My Profile by iddy

Twitter Status