[Cheat Sheet] All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery – CSS3やHTML5, jQueryに関するチートシートまとめ

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

by on 9月.22, 2014, under Web Design

CSS3やHTML5、jQueryに関するチートシートをまとめた記事。世の中にはこういうの便利なものを作ってくれる人がいて、しかもそれぞれ印刷に向いてたりWebで探すのに便利なようにインデックス化されていたりして、色々と便利です。ものによっては的を絞った内容になっていて、例えばHTML5の文章マークアップだけにフォーカスしたチートシートなどもあります。印刷したりMacの壁紙にしたりブックマークしたり、色々な使い道がありそうです。

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

[Photoshop] 20 Incredible Photoshop Tools To Make Life Easier – フォトショップをもっと便利にするツールまとめ

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

by on 9月.19, 2014, under Software

Photoshopがもっと便利になるツール類がまとめられた記事。エクステンション系が多いですが、それ以外にも、モックアップ、テクスチャー配布サイト、レイヤースタイル関連ツール、定規、ショートカットのチートシート、カラーピッカー、チュートリアル動画などもあります。日常的にPhotoshop使う人にオススメの記事。ガイド生成やスライス系ツールは実用的で便利ですな。

コメントを書く :,

[Freebie] iOS 8 Illustrator Vector UI Kit Update – イラストレーター用のiOS 8 UIキット

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

by on 9月.18, 2014, under Material

Illustrator用のiOS 8 UIキットが配布されてます。なかなか早いですね。ベータは以前からあるとはいえiOS 8公開されたの今朝ですよ。ベクターデータで出来ているので、イラレでUI制作する人にはとってもナイスな素材かと。ちなみに俺、今朝起きて真っ先にiOS 8のアップデートかけたんですが、思ったより時間がかかって会社遅刻しました。カメラアプリにタイムラプス機能が付いたのイイですね。

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

[Photoshop] LayerCraft – UIパーツを書き出すのに便利なフォトショップエクステンション

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

by on 9月.17, 2014, under Software

Photoshopのレイヤー内のオブジェクトを書き出すのに便利なエクステンション。レイヤー内の可視部分のみでトリムし、PNGなどで書き出す事ができるようです。またiOSのRetinaディスプレイやAndroidの高解像度保存にも対応しているようで、設定で色々と選べるようです。iPhone 6 Plus向きの画像は@3xになるようですしね。Slicyの代わりに使う事もできそう。UIデザインしてる人には便利かもしれません。

コメントを書く :,

[Education] The Bézier Game – ベジェ曲線を上手に描くゲーム

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

by on 9月.16, 2014, under Education

ベジェ曲線を上手に描くゲーム。このサイトの作り方どっかで見た事あるなーと思ったら、以前紹介したKern Typeを作ったサイトでした。相変わらずイイ趣味してます。
最初に3ステージ分チュートリアルが用意されているので、ベジェ曲線を描いた事のない人でも描き方はなんとなく分かると思いますが、やってみると結構難しいです。4ステージ目以降は実践で、ステージごとに最大手数も決められています。できるだけ少ない手数で描画した方が高得点。これからイラレとか始める人にはちょうど良さそうな教育系コンテンツですね。

コメントを書く :,

[Freebie] iOS 8 UI Kit + for Sketch – Sketch用のiOS 8 UIキット

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

by on 9月.16, 2014, under Material

Sketch用のiOS 8 UI Kit。素材一式をZipでダウンロードできます。自分はSketch使ってないので素材の中身までは確認してませんが、iOS向けのUIデザインしてる人には役に立ちそうな素材。Sketch導入しようと思ってるんだけど、なんか以前半額セール逃して以来「また半額やるんじゃねーか」的なアレでなかなか買えません。貧乏性なのでね。

コメントを書く :, ,

[iPhone 6] iPhone 6 Screens Demystified – iPhone 6と6 Plusのスクリーンについて

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

by on 9月.12, 2014, under Apple

iPhone 6と6 Plusが発表されましたが、今回まぁべらぼうにスクリーンが大きくなってますよね。こちらではそのスクリーンサイズに関する仕様についてのインフォグラフィックが公開されてます。物理ピクセル→論理ピクセル的な話です。興味深かったのは、iPhone 6 PlusのDevice pixel ratioが、2でも3でもなさそうな点。まぁこのへんの情報は近いうちにまとめられるんでしょう。WebやApp制作者にとってはまた覚える事が増えそうです。
ちなみに今日からiPhone 6のキャリア予約始まりますね。自分はiPhone 6 Plus, Space Gray 128GBに決めました。はー早く触りてぇなー。

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

[Photoshop] 50 Photoshop Tricks for a Fast-Paced Work Environment – 作業を効率化するフォトショップのトリック

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

by on 9月.11, 2014, under Design

作業を効率化する、Photoshopのトリックという記事。ショートカットの表現がとても見やすいです(Macユーザー準拠です)。紹介されてる中からいくつかピックアップすると、透明度指定、ツールバー関連のショートカット、定規のオン・オフ、カスタムバインド、テキスト入力に関するTips、レイヤーやマスクに関するトリック、フルスクリーン表示やズームに関するショートカット、Optionキー特集(これ特に良かった)などがあります。いやこれなかなか役に立つ記事ですよ。Photoshopでの作業をできるだけ効率化したいショートカット厨の人にオススメです。

コメントを書く :,

[Photoshop Plugin] 15 of the Best Time Saving Photoshop Plugins – 時間短縮に役立つフォトショッププラグイン

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

by on 9月.11, 2014, under Software

時間短縮や作業の効率化に役立つPhotoshop用プラグインをまとめた記事。様々な機能拡張が紹介されてて、多くは無料のものです。個人的には記事内1つ目で紹介されてるPixel2Vectorってやつが特に気になりました。最近じゃUIデザインでもWebデザインでもベクターデータを扱う機会増えたので。機能拡張ではないけど、自分の場合はSlicyとかが手放せないツールですね。もうこれなしでデザイン制作すんの無理ってくらい依存しちょります。

コメントを書く :,

[Web Design] 50 Awesome Tools and Resources for Web Developers – Web制作に便利なツール類まとめ

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

by on 9月.10, 2014, under Web Design

Web制作に便利なツール類をまとめた記事。50ものリソースが紹介されてます。その中からいくつか抽出すると、パターン、フォント、写真素材、コードスニペット、カラーピッカー、コーディングツール、CSS関連ツール、ブラウザチェッカー、ブラウザリサイザー、画像編集ツール、プレイスホルダー、Chrome機能拡張など。あると便利なツールっていうよりは、様々なツールを組み合わせて使う最近のコーディングスタイルでよく使われるツール類の紹介が多いです。BootstrapとかHerokuとかGitHubとか。
そういや昨日の発表でAppleのサイト大きく変わりましたね。あれだけやらないやらない言うてたけどレスポンシブレイアウトにも対応してました。iPhone 6とApple Watch、まぁどっちも問答無用で買いますけどね。

コメントを書く :,

Web Services

My Profile by iddy

Twitter Status