Category: HTML5

ドラッグ&ドロップ操作を活用する(2)

「ドラッグ&ドロップ操作を活用する(1) 」では、ブラウザでドラッグ&ドロップ操作を 活用する手順をご紹介しました。 HTML5では、デスクトップに保存されているファイルをブラウザにドラッグ&ドロップして 任意 […]
Read More

jQueryMobileでフォームを使う

通常のHTML同様にjQueryMobileでもフォーム要素を使うことが可能です。 jQueryMobileでは簡単にiOSのようなフォーム用のユーザインタフェースを実現してくれます。 主なフォームの種類としては以下のも […]
Read More

ドラッグ&ドロップ操作を活用する(1)

HTML5ではブラウザ上でドラッグ&ドロップ操作することができるようになりました。 ドラッグ&ドロップを利用するために以下の2点がポイントとなります。 ドラッグ元、ドロップ先を定義 ドラッグ& […]
Read More

jQueryMobileの基礎/ツールバー 2

jQueryMobileの基礎/ツールバー 1でツールバー(ヘッダー、フッター)の基本的な使い方について説明しました。 今回はツールバーの以下の特殊なモードについて説明します。 固定ポジションモード ナビゲーションバー […]
Read More

jQueryMobileの基礎/ツールバー 1

今回はツールバーについて解説します。 ツールバーとは、iPhoneやAndroidのネイティブアプリで多く見られる画面の上下に存在しているバーです。表示される位置によって分けられ、上に存在しているツールバーをヘッダー、下 […]
Read More

図形に色を付ける

前回の記事でブラウザ上で図形を描画する方法についてご紹介しました。 Canvas APIでは更に図形に対して色を付けたり、グラデーションを設定したりすることも可能です。 なお、今回ご紹介するのはJavaScriptを用い […]
Read More

jQuery Mobileの基礎/ダイアログ

jQuery Mobileの基礎/ページでページ遷移の方法を説明しましたが、jQueryMobileではモーダルダイアログとしてリンク先のページを表示させることも可能です。 モーダルダイアログは、一度開いたダイアログボッ […]
Read More

jQuery Mobileの基礎/ページ

jQuery MobileでWebサイトを作成する際に、jQuery Mobileを使わない一般的なWebサイトの構築と異なるのがページの概念です。 一般的なWebサイトを構築する際には1つのHTMLファイルが1ページに […]
Read More

ブラウザ上で図形を描画する

HTML5ではブラウザ上に図形を描画することができるようになりました。 図形の描画にはCanvas APIと呼ばれる機能を利用します。 Canvas APIを使うことで図形のほかアニメーションなどの描画も可能になります。 […]
Read More