imgAreaSelectは画像の切り抜きに役立つ範囲選択機能を提供するjQueryライブラリです。 ユーザにアップロードされた画像の一部を切り出してアイコンに使うと言ったような操作はよくあります。そんなUIをjQueryを使って実現するのがimgAreaSelectです。 一例です。 選択されていない場所はグレーになるので分かりやすいです。 各ポイントの数値が取れます。 imgAreaSelectではユーザが縦、横の長さを自由に変更できる他、比率固定でサイズを変更したり、あらかじめ決められた場所に選択範囲を置くと言った指定ができます。切り抜く箇所や大きさの値が受け取れるので、後はサーバサイドで切り抜き処理を行えば良いでしょう。 imgAreaSelectはjQuery/JavaScript製のオープンソース・ソフトウェア（GPL/MIT License）です。 MOONGIFTはこう見る

久々に CSS3 についてのエントリーです. 以前書いた, 『CSS3 の display:box; を使ったフレキシブルな段組みレイアウト』 が大変好評だったので, CSS3 関連のエントリーもちょくちょく投稿していこうかなと思います. 今回は, text-shadow についてまとめました. text-shadow はその名の通りテキストに影をつけるプロパティです. しかし, そんな単純なプロパティだったらわざわざエントリーにしません. text-shadow プロパティはオフセット値やぼかし具合が指定可能であることはよく知られています. が, なんとこれいくらでも指定できちゃうんです!! コンマ区切りで! 複数の text-shadow を指定することで文字をぼかしたり強調したり光らせたり燃やしたりといったさまざまな装飾が簡単に行えます. そんな活用例をサンプルとしてまとめましたので

enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ

管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworksの「パスパネル」を使うと、パスに関するほとんどの操作をワンクリックで行うことができます。そんな中にある「パスの操作」の項目に、オブジェクトをユニークな形に編集できる機能があるので、その使い方と効果をご紹介します！ ※Fireworks CS3以前のバージョンだと、今回ご紹介する項目は無いかと思いますのでご了承下さい。 パスの押し出し パスをなんか押し出すというか、立体的な形にしてくれます。適用の際には、「間隔」「角度」「テイバー」「ツイスト」のつまみを調整することで様々な形にすることが可能です。それぞれのつまみの効果は、たぶん説明するより触ってプレビューされるのを見た方がてっとり早いかと思います。（

iPadやiPhoneあるいはAndroid端末からWindowsやMacの自宅PCにリモートデスクトップにできる「PocketCloud」を紹介します。 このアプリを利用することでiPadやiPhoneを自宅PCのリモートデスクトップにすることができます。 下のスクリーンショットはiPad miniから自宅のWindowsにリモートデスクトップ接続したところです。試してみたところ、ウィンドウの移動や画面のスクロール、アプリケーションの実行、文字入力などが可能です。右クリックメニューを出すこともできます。 （クリックで拡大） スマホ向けリモートデスクトップは色々出回っているようですが、本エントリーではこの「PocketCloud」について紹介します。 １．特徴 本アプリは、クライアントとなるスマホはiOSとAndroid、サーバとなるPC側はMacとWindowsに対応しています。 またこ

CSS おれおれ Advent Calendar 2012 – 04日目 iOSでよくみるあのメニューっぽいのをCSSで組んでみたいと思います。 必要になる知識はこんな感じ: border-radius :first-child, :last-child box-shadow デモ 先に完成品です。 作り方 HTML グループを括る要素と各項目の要素が必要です。 何でも良いですが、今回は愚直にul>liにして、ulの方にクラス名を与えました。 最初のCSS まずは枠を用意します。 全体を括る枠があるのですが、ulではなくliの方に付けます。そして項目の境界部分が太くならないよう、下側を空けます。 ここで:last-childというのが出てきました。疑似クラスというやつで、:hoverの仲間です。この場合は「兄弟の中で最後のもの」を指します。 兄弟？ あ、「兄弟」とかわかりますかね？　HTM