[Freebie] Apple Watch GUI Sketch Template – SketchフォーマットのApple Watchテンプレート

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

by on 11月.21, 2014, under Material

Sketch用の、Apple Wach GUIテンプレート。この前PSDテンプレートを紹介しましたが、Sketch用のも出てきましたね。まだ発売前なのに、こういうの作る人ってスゴいなぁ。ちなみにここで配布されているのは42mm版のApple Watchテンプレートのようです。38mm版と解像度が違うんですよねーあれ。ちなみに俺は42mm版を買うつもり。買う事は決定してるんだけどバンドで延々迷っております。やっぱミラネーゼループかなぁ・・・。

コメントを書く :, , ,

[Misc] Pixactly – ピクセルの大きさを学べるコンテンツ

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

by on 11月.20, 2014, under Misc

ピクセルの大きさを学べるコンテンツ。例えば「Width 40px、Height 120pxで短形描いて」みたいな感じで問題が出るので、画面内をドラッグしてその大きさの四角形を描くというのが目的。全部で5問出題され、トータルスコアで競われます。普段からPhotoshopを使ってピクセルの大きさには慣れてるつもりの俺がやってみましたが、 結果は331点。結構残念なリザルトです。デザイナーやめたろか思いました。

コメントを書く :,

[Typography] flipping typical – 任意のテキストで、ローカルにインストールされているフォント一覧を作ってくれるサイト

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

by on 11月.18, 2014, under Typography

ローカルPCにインストールされているフォントの一覧を作ってくれるサイト。表示する文字列は任意にタイプできます。ロゴ作る時やタイポ組む時に、ベースとするフォントを選ぶ際にとっても役に立ちそう。この手のサイトは他にもあるんだけど、このサイトは日本語フォントもちゃんとロードされる点がナイス。インストールされているフォントが多い人の場合は1回で全てロードされないので、「あのフォント出てねぇじゃねーかYO!」という場合はページ最下部の「Load More」をクリックすると幸せになれます。いやーこれは便利。

コメントを書く :, ,

[Web Application] Precursor – リアルタイムに他者と共有できるオンラインのキャンバス

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

by on 11月.17, 2014, under WebApp

リアルタイムに他者と共有ができる、オンラインのキャンバス。Precursorに行くとまずグリッドの付いたキャンバスが出ますが、この時点ですでに固有のキャンバスIDが割り振られ、誰かと共有できる状態になっています。共有するにはURLを送るだけでオッケー。同じページにランディングした人には同じキャンバスが見えてるという仕組み。試しにMac, iPhone間でやってみましたが、ちゃんとiOS相手でも共有できるようです。しかも描いた結果の反映が速い。ほとんどリアルタイムに描画内容が反映されます。なんかスゴいですこのスピード。他には右クリックでツールパレット、画面の左上のハンバーガーアイコンからは、共有している相手のリストやチャット画面などができます。テキストで話しながらやりとりできるので、オンラインでの打ち合わせなどに使えそうです。画像とか貼れるともっとイイなーと思いました。

コメントを書く :,

[SNS] Always Up-to-Date Guide to Social Media Image Sizes – 各種SNSの画像サイズまとめ

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

by on 11月.14, 2014, under Web Design

様々なSNS内で使われる画像サイズをまとめた記事。紹介されているのはTwitter、Facebook、Google+、Pinterest、LinkedIn、Youtube、Instagram、Tumblr。いわゆるメジャーどころのSNSがおさえられてます。ヘッダーイメージのサイズだけでなく、SNSの各パーツごとに使われる画像のサイズを細かく解説してくれてます。この手の仕様ってコロコロ変わるので(特にFacebookお前だ)、常に最新の情報をおさえておきたいところです。

コメントを書く :,

[CSS3] SpinKit – 画像を使わないCSSスピナー

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

by on 11月.14, 2014, under Web Design

画像を使わずにCSSだけで描画されるローディングスピナー。全部で8個用意されていて、左右のスクロール(十字キー使えます)で見る事ができます。各ページ内から「Source」ボタンを押す事でCSSコードが表示されるので、コピペするだけで使えます。ローディングアニメーションをサクっと導入したい時に使えそうです。アニメーションもクール。

コメントを書く :, , ,

[Generator] last.fm top albums generator – last.fmのプロフィール欄に、よく聴くアルバム一覧を追加できるジェネレーター

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

by on 11月.13, 2014, under Webservice

last.fmのプロフィール欄に、自分のよく聴くアルバムのジャケットを表示させるソースコードのジェネレーター。ユーザー名を入力して「Get the code!」ボタンをクリックするとソースコードが生成されます。あとはそれをlast.fmプロフィール欄の「自己紹介」にペーストするだけでオッケー。またどの時期によく聴いたアルバムにするか、カバーの有無や大きさ、表示するアルバムの数などのオプションを設定する事もできます。last.fm常用している音楽ヲタの人におすすめ。けど実際あんましいないだろうなぁ・・・。自分はここ数年、聴いた音楽の全てをScrobbleしてますが、過去に聴いた音楽を振り返る事はあっても他人のプロフィールとか見ないし。っていうかlast.fm、digg、delicious、FlickrといったWebサービス初期に盛り上がったサービスって、今どれも下火ですよね。なんだか寂しいなぁとちょっと思いました。

コメントを書く :, ,

[Javascript] Full Screen Vertical Scroller – CSS3とjQueryで動くフルスクリーンスクローラー

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

by on 11月.13, 2014, under Web Design

CSS3とjQueryを使って作る、フルスクリーンのスクローラー。ウィンドウをスクロールしようとすると、ブラウザウィンドウの縦幅単位でスクロールするアレです。最近じゃAppleなんかも製品ページとかでよく使ってますね。ページ右端には各ページへのダイレクトリンクも用意されており、各ページにはアンカーで飛べる仕組みになっているので、固定リンクも可能。ソースコードはGithubから一式ダウンロードできるようです。全画面背景画像とか、パララックススクロールあたりと組み合わせるのも良いですな。

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

[Photoshop Plugin] Swatchy – スウォッチをフォルダ管理できる機能拡張

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

by on 11月.12, 2014, under Software

スウォッチをフォルダ管理する事のできるPhotoshop用機能拡張。使い方はサイト内にあるアニメーションGifを見ればだいたい分かります。カラーパレットで作った色をSwatchに新規保存して、まとめたいものはフォルダの中にインできるようです。デザイン対象ごとにカラーパレットって異なるので、案件ごとにフォルダ分けて管理すると便利やなー思いました。この機能純正で用意してほしいな。

コメントを書く :, ,

[Web Application] Polarr – 高機能なオンラインフォトエディタ

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

by on 11月.12, 2014, under WebApp

高機能なオンラインフォトエディター。ブラウザ内で動作する簡易的なグラフィックアプリです。できる事は露出や彩度、色補正などのよくあるフォトエディット機能。あとInstagramのようなフィルター機能もあります。作業をした画像ファイルはダウンロード以外にも、Facebookへの書き出しやクラウドドライブへの書き出しにも対応しています。複数の写真をサムネールで管理する機能もあるようです。Photoshopが手元になかったり、そもそも持っていないけど写真の補正くらいはしたい、という場合に便利そうですね。

コメントを書く :, ,

Web Services

My Profile by iddy

Twitter Status