Archive for the ‘ ライフハック・便利ツール ’ Category

指定したサイトのDOMツリーを表示してくれる『domtree』

Pocket

あぁ、ちょっといいかも?別にDevToolsで見れるからいいのだけれども。

というわけでdomtreeは指定したサイトのDOMツリーを見せてくれるサイトですね。

Domtree breckyunits com v=2

↑ 例えばドットインストール。

微妙にインタラクティブで、クリックしてNodeを展開したりできますな。というわけでよろしければどうぞ!

» domtree.breckyunits.com/?v=2

UIを設計する際に使える顔アイコンリストジェネレータ『UI Faces』

Pocket

アプリを設計する際に「ここにユーザーの顔写真が・・・」というシーンはよくありますよね。ただしそうした素材をさっと用意するのはわりと面倒です。

そこで使えるのがUI Facesですね。さまざまなパラメータにあわせて顔アイコンリストを作ってくれますよ。

User Inter Faces 1

↑ こういうのが作れます。

User Inter Faces 2

↑ パラメータはこんな感じです。

わりと便利じゃないですかね。ご利用は以下からどうぞ。

» User Inter Faces

子猫に学ぶ『良い彼氏になるための12の法則』

Pocket

まぁ、ネタではありますが、癒されたので。

↑ 1分半ほどの映像です。

子猫と赤ちゃんには勝てないすねぇ。

» Cute Kitten Teaches 12 Steps of Being a Good Boyfriend [VIDEO]

『ノン・デザイナーズ・デザインブックを読み解く』スライドがとても参考になった

Pocket

個人的にもかなり推している「ノン・デザイナーズ・デザインブック」ですが、その効用をまとめたスライドがとても参考になりました(いまさらですが)。

本に書かれていることのみならず、さまざまな心理法則にも言及されているのでとても説得力があります。

↑ 一度見ておくべしですよね。217ページですが、必読。

なお、このスライドで言及されていて勉強になった心理法則をざっとまとめておきます。

本はこちらね。制作会社のみならず、日常の資料つくりにも役立つので誰もが読んでおいたほうがいいと思いますです。

4839928401
ノンデザイナーズ・デザインブック [フルカラー新装増補版]
Robin Williams、吉川 典秀 毎日コミュニケーションズ; フルカラー新装増補版

» read-a-non-designers-designbook // Speaker Deck via 強火で進め

本日、ぐっと来た言葉『You Snooze, You Lose』

Pocket

ライフハックとかいろいろありますが、ぶっちゃけ早起きの習慣が一番生産性が高いかと思います、と、この映像を見て思いました。

↑ 2分ちょっとの映像です。

「You snooze, you lose」ってそのとおりですねぇ(自戒を込めて)。

» Why You Should Stop Hitting The Snooze Button. [VIDEO] | Most Watched Today | The Best Online Videos

同じタブ内でリンク先を開いてくれるChrome拡張『INTAB』がちょー便利

Pocket

Iansilber com intab

あ、これ、便利です。とても。まだ開発中で多少バグがある、という触れ込みではありますが、手放せない予感・・・。

Iansilber com intab 1

↑ リンクを見つけたらOption+Cmd+クリックです。

intab-1

↑ 左のリンクをそのようにクリックすると・・・。

intab-2

↑ あーら便利。タブ内で新しいウィンドウを開いてくれます。

ちょっと見てみたいけど、新しいタブを開くまでもない、というときに便利かと思います。ちょっと閉じるボタンが上すぎるのがあれだけど。

» INTAB

Joi Itoさんが提唱する『新時代で働くための9つのルール』とは?

Pocket

NewImage

JoiさんのWIREDインタビューからかな。納得ですね。

  • 強さよりしなやかさ。
  • PushよりPull。
  • 安全でいることよりもリスクをとること。
  • 個々の事象よりもシステムに着目すること。
  • 全体を把握するよりも進むべき方角を知ること。
  • 理論よりも実践。うまく動いているものに着目しよう。
  • 服従よりも反抗(良い意味で)。
  • 専門家よりクラウド。
  • 教育よりも学習。

多少意訳しましたが、間違えがあったら教えて下さい。原文はこちら。

» BruceS — Joi Ito of MIT Media Lab: From a Wired…

【3月13日リリース】 『GarageSale (ガレージセール)』が不要品の処分になかなか良さそうな件

Pocket

GarageSale ガレージセール で不要品をなくそう 誰よりもスマートに これが ネットで売る の未来  GarageSale

なかの人に教えてもらったのでご紹介。なお、記事広告ではありませんw。

3/13に「GarageSale」なるサービスがリリースされるようです。そのティーザー映像を見ているとなかなか期待できそうですよ・・・。

↑ 1分ちょいの映像です。The iMovieという感じですがw。

GarageSale ガレージセール で不要品をなくそう 誰よりもスマートに これが ネットで売る の未来  GarageSale 1

↑ 交渉画面かな。「2人が交渉中です」とか燃えますねw。

この映像とタイトルタグから、最近はやりの「個人が開設できる販売サイト」であることがわかりますね。特徴的なのは普通に販売する他に「あげる」「値段を交渉する」という機能があることでしょうか。

たしかに個人の経済圏だと「この人にはこの値段、知らない人にはこの値段、てか君にはあげちゃおう♡」ということもあるでしょうし、そもそも「いくらでもいいからまぁ、売りたい。買いたい人はどのぐらい出せるか言ってよ」ということもあるのでなかなか良いのではないでしょうか。

個人的にいろいろ在庫処分したいと思っていたのでナイスタイミングかな、と。リリース直後はいろいろあるかとは思いますが、明後日になったら自分でもお店を開設してみたいと思います。

» GarageSale(ガレージセール)で不要品をなくそう。誰よりもスマートに。これが「ネットで売る」の未来。 – GarageSale

方眼紙をカスタマイズしてPDFダウンロードできる『PaperKit』

Pocket

いつか使いそうな気がしないでもないのでメモしておこう。PaperKitを使えば、自分好みの方眼紙が作れるようです。

Tincta Pro 2

↑ いろいろ指定できて良いですな。

Tincta Pro 3

↑ 横罫線だけのノートも作れる。

Tincta Pro 5

↑ 完成したPDF。地味だけど便利そうだ。

というわけでご利用は以下からどうぞ。

» Paperkit – printable graph paper template

CSSとPHPのインスタント検索ツール『Voke』

Pocket

よくあるツールですがシンプルで使いやすそうだったので。CSSとPHP(なぜこの2つ?)のインスタント検索ツールですね。

Voke  background image

↑ CSSのプロパティ調べたり。

Voke  is array

↑ PHPも。サンプルコード見れるのいいな。

というわけでご利用は以下からどうぞ!

» Voke – background-image