CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 | 100SHIKI
CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。 しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。 使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。 次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色
ミニチュア模型風の写真が簡単に作れる『Tilt Shift Maker』 | 100SHIKI
これは知っておくと便利かと。 好きな写真をアップし、簡単な操作をするだけでミニチュア模型風の写真を作ってくれる。 こうした加工は画像編集ソフトで行うこともできるが、こうしたシンプルツールになっているとお手軽である。 写真はなるべく遠景のものが適しているだろう。同サイトにはこのツールで作られた写真を集めたFlickrグループへのリンクがあるのでどういう写真が良いか、ご自身で確かめてほしい。 写真を見せるときに一工夫できるこうしたツールは良いですな。
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI
CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。 つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。 要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。 当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。 似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。
サイトのUIに関するテストを手軽に作れる『Five Second Test』 | 100SHIKI
サイトを作ったら試してみたいのがFive Second Testだ。 このサイトではあなたが作ったサイトのスクリーンショットをアップするだけで、簡単なUIに関するテストを作ることができる。 テストを受ける人はアップされた画像を5秒間だけ見せられて、そのあとに何を覚えていたかを書かされる、という仕組みだ。 このテストを実施することで、あなたのデザインで何が印象に残るか、もしくは残らないかを知ることができるのだ。 自分が意図したとおりにユーザーに情報が伝わっているか、きちんと確かめるのは大事だ。こうしたテストはお手軽でいいかもしれないですな。
不要なところは削除して好きなところだけ印刷できる『Print What You Like』 | 100SHIKI.COM
これは超絶便利！ よくウェブページを印刷するといらないヘッダーやらのおかげで意味不明なページを印刷することになるが、そうした悩みを解決してくれるサービスだ。 使い方は簡単で、印刷したいページのURLを入力し、ブラウザ上のエディターっぽいもので印刷したい部分だけを取り出してから印刷するだけだ。 ユーザビリティもしっかりしていて、選択した部分を削除したり、逆に選択した部分だけを残してあとを削除したりすることもできる。 選択できるのはどうやらDOMのようだ。その要素の親要素、子要素を選択することもできるので使いやすい。 印刷用のスタイルシートがある場合もあるが、そうでないサイトも多い。とっても便利なので覚えておくといいですな。
特殊文字をコピペするためだけの『Copy Paste Character』 | 100SHIKI
コピーライトやら登録商標だとかに使われる特殊文字。こうした文字は特殊な記法があるのだが、いちいちそれを調べるのも面倒だ。 そこで登場したのがCopy Paste Character。 このサイトではそうした特殊文字がだだっと表示されている。記法を調べるのが面倒な人は、自分が使いたい特殊文字をコピペしてね、というわけだ。 たったそれだけのサイトではあるが、地味に便利かもしれない。 知っておいても悪くないですね。
喧嘩の言い分を双方が投稿して投票してもらえる『SideTaker』 | 100SHIKI
「よーし、じゃ、SideTakerに聞こう！」 なんてことが喧嘩の決着になる日も来るかもしれない（ないか）。 このサイトでは、彼氏や彼女と喧嘩したときにどちらの言い分が正しいかを決めてくれるらしい。 まずは自分の言い分を投稿し、恋人にSideTakerに行くように指示し、そこでそちらの言い分を投稿してもらう。 あとはSideTakerの読者がどちらの言い分が正しいかを投票で決めてくれるというわけだ。 一方的な言い分を投稿できるサイトは数多くあるが、双方が投稿できる点が新しい。新しいという点では評価できるのでは。 まぁ、それによってさらに油に火を注ぐことにはなりそうだが・・・。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
結婚式に特化した写真共有サービス『Olapic』 | 100SHIKI
ブラウザだけで作曲、作った音楽をブログに貼り付けられる『Noteflight』 | 100SHIKI.COM
返送用封筒の捨てる部分で折り紙『Netflix Origami』 | 100SHIKI