HTML Element をドラッグで移動可能にする JavaScript ライブラリ
概要 ドラッグで Element を移動できるようにする JavaScript ライブラリです。 ダウンロード 下記リンクを右クリックしてファイルを保存してください。 ElementMover ver.1.0 (update to ver.1.0.1 at 2010-03-27 JST) 使用方法 まず、上記リンクからダウンロードしたスクリプトファイルを HTML 文書内で読み込みます。 head 要素内 ではなく body 要素を閉じる直前に script 要素を置いて読み込んでください。 ドラッグにより移動可能にしたい要素の class 属性に "movable" または "movable_rel" を追加してください。 それだけでその要素はドラッグによる移動が可能になります。 なお、指定した class が "movable" の場合は CSS の position プロパティが "
JBasic08 - epubcafé
JBasic(ジェイ・ベーシック)は、EPUB3.0仕様に準拠した、日本語の出版物を制作するための指針です。対象となる出版物は、文庫、新書、一般書など、通常の書籍を想定しています。 日本語EPUB書籍を作りやすくするためのガイドラインで、特に、 書籍作成者がHTML、CSSなどの詳細を知らなくても、テキスト部分を編集すれば、それだけで電子書籍が作れるような「ひな型」も提供します。 JBasicを使用することにより、2つの国際的なEPUB描画エンジン 「Apple/Google WebKit」と「Adobe RMSDK」で同じような表示結果を得る ことを目標としています。 WebKit、RMSDK以外にもEPUBリーダーが登場するため、今回発表するJBasicは暫定版です。 今後、IDPF、JEPA(日本電子出版協会)、関係諸団体や、皆様からの意見をもとに、仕様を 改訂しますので、Faceb
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
アドインなしで実現可能！ ドラッグ＆ドロップを使いこなそう
HTML5のDrag and Drop APIは、Insider.NETの読者諸氏ならば習得が容易なはずだ。なぜなら、ドラッグ＆ドロップの実装方法が.NET FrameworkのWindowsフォーム・アプリケーションのそれと類似しているからだ。 HTML 5のDrag and Drop APIの実装方法は「ドラッグ操作」と「ドロップ操作」に切り分けて考える必要があるが、この考え方はずばりWindowsフォーム・アプリケーションのそれと同様である。これは、Drag and Drop APIの設計にマイクロソフトが大きな影響を与えている点に由来している。 WHATWG（Web Hypertext Application Technology Working Group）がHTML5の仕様策定を進める際、「先進的な機能を実装しているブラウザの挙動を規格化する」という基本理念があった。マイクロソ
ドラッグして画像を移動する - JavaScript
サンプルと機能 → Sample 1：ドラッグして画像を移動する ドラッグして、画像を移動させます。 キャラクターの洋服の着せ替えなども実現できます。 Netscape Navigatorには対応していません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：ドラッグして画像を移動する <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // ドラッグして画像を移動する x = 40; // マウスと画像の縦方向の距離 y = 30; // マウスと画像の横方向の距離 flag = false; window.docume
第五章 クライアントサイドの技術：ドラッグ処理を行う
ここでは基本的なドラッグ処理について説明します。ドラッグ処理の流れは以下のようになります。 オブジェクト(タグ上)でマウスのボタンが押されたら マウスの座標に合わせてオブジェクトを動かす マウスのボタンが離されたらオブジェクトを動かすのを中止 まず、マウスのボタンが押されたら、というのはmousedownイベントで検知できます。サンプルではdivタグにmousedownイベントハンドラを設定します。マウスボタンが押されたら、どのオブジェクトが押されているかを調べる必要があります。ここでは、どのオブジェクトなのかを示すdragObj変数を用意しておきます。以下のサンプルでは1つしかドラッグするオブジェクトがないので、dragObjには常に同じオブジェクト情報が入ります。Ajaxでは複数のオブジェクトをドラッグすることがあるため、複数のオブジェクトに対応できるようにしておきます。 ドラッグ中か
iPadで動く電子書籍アプリを作ってみる(4)
初めに あけましておめでとうございます。ponpoko1968です。昨年中はご愛読ありがとうございました。2011年も若手ブログをよろしくお願いいたします。 さて、今回はズーム機能の説明です。 通常のズーム機能 これまでの記事で何度かご説明したように、今回のアプリでは、文書のページイメージを表示するビューをUIScrollViewのサブビューとするようビューの階層構造を作っています。 これは、UIScrollViewのズーム機能を活用することが目的の一つでした。 早速、ページ表示画面にズーム機能を追加してみましょう。 UIScrollVeiwは、UIScrollViewDelegateというプロトコルをサポートしており、UIScrollViewに対してユーザが操作を行うタイミングの節目節目でこのプロトコルで定義されているメソッドをデリゲートに対して送ります。 デリゲートとなるオブジェ
C#で画像処理
C#言語を使った、誰でもわかる画像処理アルゴリズムとC#プログラムを公開しています。また、ソースのダウンロードもできます。 コンピュータで使用される画像は、たいてい赤青緑がそれぞれ256階調の情報を持ったものが使われます。グレイスケール画像では、白から黒まで256階調です。明るさを変更したい場合は、この256階調の輝度を増やすか減らすかで行われます。増やせばより明るく、減らせば暗くなります。こういった簡単な処理だけで済むためプログラムも簡単になります。ここでは、C#プログラムと実行結果を紹介（ダウンロード可）します。
C#で画像処理 ソーベルフィルター
画像上で輝度が急激に変化するところをエッジといいます。エッジを検出することで、輪郭のみの線画像を作ることができます。エッジ検出の画像処理手法は、かなりたくさんありますが、その中でも1次微分フィルタのソーベルフィルターをC#プログラムとともに紹介します。 画像は２次元であるため、１次微分フィルタをかけるときは、Ｘ方向とＹ方向の２回行う必要があります。それぞれのソーベルフィルタオペレータは次のようなものを使います。 x方向 1 0 -1 2 0 -2 1 0 -1 y方向 1 2 1 0 0 0 -1 -2 -1 このような画像は、 フィルタするとこのようになります。 プログラムです。 // 画像のエッジ検出 // ソーベルフィルタを使用する。 // x方向 // 1 0 -1 // 2 0 -2 // 1 0 -1 // y方向 // 1 2 1 // 0 0 0 // -1 -2 -1 /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソリティア８ - HTML5版
イマジン アカデミー: テクノロジースキル & 認定資格 | Microsoft Education
イマジン アカデミー: テクノロジースキル & 認定資格 | Microsoft Education