ビデオ: HTML5講座 上巻 第4章 HTML 5で登場した新しい要素【動学.tv】 2024
Dynamic Drive CSS3スクリプトはいくつかのカテゴリに分類されています。各カテゴリには、特定のニーズを満たす多数のスクリプトが含まれています。たとえば、ページに静的に表示されるポップアップカレンダーではなく、ポップアップカレンダーが必要な場合があります。 Dynamic Driveは、スクリプトが両方のニーズに対応するカレンダーカテゴリを提供します。
次のリストは、それぞれのカテゴリで見つかると予想されるスクリプトの種類を示しています。
<! - 1 - >-
カレンダー: これらのスクリプトはすべてユーザーから送信されます。基本的、動的、ポップアップのカレンダーがいくつか含まれています。
-
Date&Time: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。それらには、多数のデジタルおよびアナログ時計の例が含まれています。
-
ドキュメントのエフェクト: これらのスクリプトの多くは、Dynamic Driveによって作成されました。各スクリプトは、ドキュメントコンテンツとのやりとり方法を特別な方法で提供します。たとえば、タブ付きまたはリスト選択可能なインターフェイスを使用して、さまざまな方法でドキュメントを表示できます。
<! - 2 - > -
動的コンテンツ: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。これらのスクリプトの目的は、ページコンテンツを独自の方法で提示することです。たとえば、長いページコンテンツをスライドショーとして表示して、あるトピックから次のトピックに簡単に移動することができます。
メッセージやさまざまな種類の広告を表示するスクリプトもあります。後で使用するためにユーザーが入力したテキスト情報を保存するためのメモ帳アプリケーションを作成する方法の例もご覧いただけます。これらのテクニックはすべてインラインフレーム(IFrame)と非同期JavaScriptとXML(AJAX)を組み合わせて使用しています。
<! - 3 - > -
フォームエフェクト: これらのスクリプトのほとんどは、Dynamic Driveによって作成されたものです。すべてのスクリプトは何らかの形でフォームを処理します。ヒントを提供し、提出の進捗状況を表示し、さまざまな種類の検証を実行するコントロールを見つけることができます。
-
ゲーム: これらのスクリプトはすべてユーザーが提出したものです。ゲームは信じられないほど単純で、いくつかのゲーム理論を実証していますが、実際にはあまり面白くありません。チック・タック・トゥーやクロス・ブラウザー・スネークのような新しいスタイルのゲームのような古いお気に入りから選ぶことができます。
-
画像エフェクト: これらのスクリプトの多くは、Dynamic Driveによって作成されました。飛行機のようなページ上の効果を作成するなど、さまざまなタスクを実行するためのスクリプトを見つけることができます。スクリプトのいくつかは、元の画像の反射画像を表示するなどの特殊効果を実行します。
最も実用的なスクリプトは、画像を拡大するなどの作業を行い、視聴者が容易に見ることができるようにします。
-
リンクとツールチップ: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。ほとんどの場合、これらのスクリプトはそれぞれ、何らかのツールチップを使って情報の提示を強化します。たとえば、マウスカーソルをリンク上に置くと、画像とそのリンク先の説明が表示されます。
スクリプトの中には、マウスカーソルをその上に置くと、リンクの色を動的に変更するなどの特殊効果があります。スクリプトのいくつかは、ボタンなどの他のコントロールを扱い、マウスカーソルをコントロール上に置いたときに、使いやすくするか、ユーザーに追加情報を提示します。
-
メニューとナビゲーション: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。今日のほとんどのアプリケーションの不可欠な部分は、機能を選択したり、新しい場所に移動する機能です。メニューとナビゲーション機能により、煩雑なページを簡単に使用できるページにすることができます。たとえば、メニュー選択をアコーディオン形式で表示するスクリプトを見つけることができます。
-
マウスとカーソル: これらのほとんどはユーザーによって提出されました。各スクリプトは、何らかの形でマウスポインタまたはカーソルの外観を変更します。より興味深いスクリプトの中には、カラフルなマウスの軌跡が追加されているため、モバイルデバイスを使用している人がマウスカーソルを明るいところで見やすくすることができます。
-
スクロールバー: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。 Scroller は、テキストまたはグラフィックスのより大きなサンプリングのうちのあるビットのテキストまたはグラフィックを表示するために使用されるボックスまたは他のコントロールである。 テキストアニメーション:
-
これらのスクリプトの多くは、Dynamic Driveによって作成されました。各スクリプトは、画面上にテキストを表示できる新しい方法を提供しようとしています。これらのアニメーションの多くの目的は、テキストを特定の方法で強調して、ユーザーがそれを見逃さないようにすることです。映画「 The Matrix 」のテキスト情報の提示に基づく特別な効果もあります。 ユーザー/システム設定: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。いずれの場合も、スクリプトはブラウザとアプリケーションの動作方法や画面上に情報を表示する方法を変更します。たとえば、ユーザーが複数のスタイルシートオプションから選択できるようにするスタイルシートスイッチャーを見つけることができます。
-
ウィンドウとフレーム: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。ウィンドウとフレームの両方がコンテンツのコンテナとして機能します。ウィンドウまたはフレームを作成して表示する方法は、そのウィンドウまたはフレーム内に表示されるコンテンツに対するユーザーの認識に影響します。これらのスクリプトは、モードレスウィンドウを表示する、アニメーション効果を使用して画面上に情報を表示するなどのタスクを実行します。
-
XMLとRSS: これらのスクリプトはすべてDynamic Driveによって作成されました。これらのスクリプトの背後にある基本的な目的は、XMLまたはRSS(Really Simple Syndication)情報を画面上に簡単に表示できるようにすることです。ユーザーはリンクをクリックして(ほとんどの場合)、現在のトピックに関する追加情報を表示することができます。
-
その他: これらのスクリプトのほとんどは、Dynamic Driveによって作成されました。これらのスクリプトは、一般に、このリストに記載されている他のカテゴリに収まらない便利なタスクを実行します。たとえば、サウンドエフェクトを再生するための特別なスクリプトがあります。興味深いスクロールバーを作成するスクリプトもあります。他のカテゴリに必要なスクリプトが表示されない場合は、これを参照してください。
-