[B! JavaScript][image] komzのブックマーク

IDEA * IDEA

ドットインストール代表のライフハックブログ

komz 2008/09/12

リンク

DrPic.com Free Web Picture Editor and Image Host - Crop, Resize, Text

Crop, Resize, Add Text, Special Effects, and Host your pictures online for free at DrPic.com. Resize photos before posting them on your MySpace, Xanga, Facebook, and blog!Automatically adjust the brightness and contrast of your picture.

komz 2008/09/12

リンク

Glossy.js (now with IE 6/7 support)

Initialisation class "glossy" vary the radius by adding iradius followed by the desired radius in percent of half of the smaller picture dimension: Corner radius class "iradius25" - min=20 max=50 default=25 vary the shadow by adding noshadow: Noshadow class "noshadow" - default=false vary the background by adding ibgcolor followed by the desired color as hex: Background color class "ibgcolor" - mi

komz 2007/08/28

リンク

capture.atom.js ブラウザでキャプチャしてはてなフォトライフにアップロードするJSActionsスクリプト v.0.0.2b « ku

Share On Tumblr! するときに、サイトのロゴとかはだいたいタグの背景画像として設定されていているので選択できないし、さらに特定の背景色を前提にして画像が作られていたりするのでブラウザでレンダリングした状態でないときれいに表示されないので、ブラウザ上でスクリーンショットをとって、それをそのままatomでアップロードするJSActionsスクリプトをつくりました。 2007.12.1 v.0.0.2b jsactions_2007112102a1で動かなくなっていたのを修正しました。 2007.11.29 v.0.0.2a Firebugがインストールされていないときにエラーが出ることがあるのを修正しました。あと本文中で設定ファイルをcapture.conf.jsにしてくださいと書いていたところがあったのは間違いで正しくはcapture.atom.confでした。taizoooさ

komz 2007/08/12

リンク

画像にマスクを施せるJavaScriptライブラリ「Edge.js」と画像エフェクトライブラリ集:phpspot開発日誌

画像にマスクを施せるJavaScriptライブラリ「Edge.js」と画像エフェクトライブラリ集 2007年08月06日- Edge.js (with basic IE 6/7 support) Edge.js 1.1 allows you to add individual masks (inc. inbuilt mask) to images on your webpages. It uses unobtrusive javascript to keep your code clean. 画像にマスクを施せるJavaScriptライブラリ「Edge.js」。 Edge.js を使えば次のように、画像にマスクを与えることが可能です。次のように、JavaScript でマスク画像の配列を定義して、必要ライブラリを読み込んだ後、img タグに適切なクラスを付与する感じになります。 <!--

komz 2007/08/07

リンク

ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」

イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。詳細は以下の通り。ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない