「tools」タグアーカイブ

ボックス要素のサイズを表示するブックマークレット“XRAY”

xray_t.png

久々に便利そうなブックマークレットを発見。調べたいページで登録したブックマークレットをクリックするとのボックス要素の、表示位置、サイズや、margin、padding、borderの上下左右の幅、positionやfloatの状態を表示。

XRAY :: for web developers

続きを読む ボックス要素のサイズを表示するブックマークレット“XRAY”

このエントリーをはてなブックマークに追加
はてなブックマーク - ボックス要素のサイズを表示するブックマークレット“XRAY”
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

タータンチェック柄の背景画像を生成できるサイト

Tartan Maker ストライプの背景画像を作成できるサイトStripe Generatorの作者がタータンチェックを生成できるサイトを立ち上げてます。古めかし雰囲気ですがしっかりajaxなインターフェイスで手軽にタータンチェックのタイル画像を作れます。

Tartan Maker – tartan pattern background ajax generator designer

web2.0っぽいサイトの定番となったストライプ画像は、あまりにどこでも使われてて今ひとつ使う気になれなかったんだけど、これはサイズや色で結構バリエーションに差が出ます。ギャラリーで公開されているパターンを見ると、懐かしい柄ばかりでもなく、色次第で今っぽい感じやサイバー(?)な感じもつくれるんだなと。

このエントリーをはてなブックマークに追加
はてなブックマーク - タータンチェック柄の背景画像を生成できるサイト
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

色んなサイトをひとつのページから検索 ? Sputtr.

sputtr.com 今どきはネットで何かを検索しない日なんてのはないってぐらい当たり前に検索しますが。当たり前になってくると、その種類も増えて同時に手間も増えます。
「おととい検索したあのページはどこで検索したんだっけ」とか、「ついさっき見たあの画像はどの写真共有サイトだ?」とか、その度にあちこちのサイトにいっては検索して見つからず、別のサイトいって検索して見つからず…なんてことになったりして。

で、とりあえず検索出来るめぼしい各サイトを、ひとつのテキストエリアから検索できるようにしたページ。

Sputtr.

テキストエリアに単語を入力して、下のアイコン群から検索したいサイトをクリックすればそのまま検索結果にジャンプします。

まとめ検索ページとでもいうんでしょうか。同じようなのでは、sidekiq なんてのもあって、特別新しいことではないですが見た目がなんかいいので。大きいテキストエリアと大きなアイコン。シンプルがすばらしい。

このエントリーをはてなブックマークに追加
はてなブックマーク - 色んなサイトをひとつのページから検索 ? Sputtr.
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

写真からカラースキームを生成 pic2Color

pic2color_1_t.png

URLで指定した写真、またはFlickrからランダムに選ばれた写真からカラーパレットを生成してくれるサイト。さらにもう1つイラスト等の画像を指定すると、写真から生成したカラーパレットの色を使って後から指定したイラストに色を付けてくれる。

pic2color

続きを読む 写真からカラースキームを生成 pic2Color

このエントリーをはてなブックマークに追加
はてなブックマーク - 写真からカラースキームを生成 pic2Color
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

オンラインで写真を編集/補正 ? Wiredness

wiredness_t.jpg

以前にもウェブブラウザを使ってオンラインで写真の補正が出来るサイトを紹介しましたが、後発のこちらはさらに色々出来るうえかなりデスクトップアプリケーションに近い操作感を表現してます。リサイズ、切り抜き、明るさ補正などの基本はもちろん、ポラロイド風のふちを付けたり、テキストをのっけたり、さらに「ぼかし」たり「スケッチ風」に加工したりも出来ます。

Wiredness: Image Manipulation

続きを読む オンラインで写真を編集/補正 ? Wiredness

このエントリーをはてなブックマークに追加
はてなブックマーク - オンラインで写真を編集/補正 ? Wiredness
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

リンク先のプレヴューを表示するjavascript:「Snap Preview Anywhere」

SPA_t.jpg

普段見ているサイトのあちこちでリンクにカーソルをのせたときにリンク先のスクリーンショットが小さく表示されるポップアップを見かけて気になったのでクレジットをたどって見つけたJavascriptを利用したサービス、「Snap Preview Anywhere」。

Snap Preview Anywhere

提供しているのはSS付きで検索結果を表示する検索サイトSnap。簡単な登録をし、表示された短いスクリプトをhtmlの<head></head>内に記述するだけで、他サイトへのリンクにマウスオーバーするとリンク先のスクリーンショットを吹き出し風にポップアップして表示してくれます。リンク部分やその他のの部分に手を加えることがなく気軽に使えます。
リンク先にジャンプする前にだいたいのイメージがつかめるのは何となく安心感があっていい感じ。

当然ながら全てのサイトのSSが登録されている訳ではないのですが、まだ登録されてないサイトのリンクにマウスオーバーするとぐるぐる回るホイール画像とともに「Capturing Previe now…」の表示が出てしばらく絶つとちゃんとSSが表示されるようになります。

このエントリーをはてなブックマークに追加
はてなブックマーク - リンク先のプレヴューを表示するjavascript:「Snap Preview Anywhere」
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

kuler:カラーテーマ作成webアプリ 

kuler_1.png

カラーパレットを作って閲覧するサイトは以前からありますが、最近Adobe Labがリリースしたkuler。作ったカラーパレットを保存しておけるのは以前から他でもあったけど、タグ付けによる分類やキーワードによる検索などいわゆるWeb2.0的なウェブアプリ。何よりインターフェイスが操作してて気持ちいい。わかりやすいし。見た目の雰囲気はLightroomににた感じでUIの細かいとこまでちゃんとできてて関心。

kuler

いいと思ったのはカラーサンプルがでかい!やっぱ色見るのにちっちゃい四角のサンプルじゃイメージ湧かないもの。上のでかいカラーサンプルをクリックするとさらに画面下までのびて帯状になります。

このエントリーをはてなブックマークに追加
はてなブックマーク - kuler:カラーテーマ作成webアプリ 
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

blummy: Wikipedia検索用blummletを作ってみました

wikipedia_blummlet_1_t.png

ついこないだから使い始めた「ブックマークレットを管理するブックマークレット、blummy」。wikipediaのblummlet(: blummy用に作られたブックマークレットのことをこう呼ぶそうで)はいくつかあったのですが日本語のWikipediaを検索するblummletがないので自作してみました。といってもイタリア語のWikipedia用blummletをちょっと直しただけなんですけどね。

Wikipedia (ja) lookup。あ、名前もほぼパクリですいません。
これをblummyに登録しとけば、調べたい単語をブラウザ上でドラッグして選択、blummyを開きWikipedia (ja) lookupをクリックすると選択した単語のページにジャンプします。

続きを読む blummy: Wikipedia検索用blummletを作ってみました

このエントリーをはてなブックマークに追加
はてなブックマーク - blummy: Wikipedia検索用blummletを作ってみました
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

Blummyでブックマークレットを一括管理

blummy_logo_1.png

一つまた一つと増えるブックマークレット。del.icio.usやBlue Dotなどのソーシャルブックマークサービス。ブログへのクイックポスト、wiki参照などなど、ブラウザのブックマークバーがいっぱいいっぱいになりつつあるのでなんとか整理できないものかと探してみるとBlumyなるブックマークレットを管理するブックマークレットがありました。

続きを読む Blummyでブックマークレットを一括管理

このエントリーをはてなブックマークに追加
はてなブックマーク - Blummyでブックマークレットを一括管理
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]