ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5でビデオ連打機能を実装

    HTML5でビデオ連打機能を実装

    1. まず、弾幕ビデオの元の画像を表示します。事実が物語っています。 2. コード表示 1>html コード表示<div class=barrage><video id=myvideo autoplay loop width=100% height=300px>
    2025-03-15
  • キャンバスパーティクルアニメーション背景の実装例

    キャンバスパーティクルアニメーション背景の実装例

    効果:) 接続効果なし: 接続効果あり: この効果を実現するチュートリアルは実際には非常に簡単で、いくつかのステップに分けることができます: キャンバスを作成するには、まず、表示する必要がある親要素に Canvas タグを作成する必要があります。パーティクルの背景、幅と高さを指定します。ランダムな点座標を生成するときに wi を使用する必要があります。
    2025-03-14
  • html5ページでアプリ機能を調整してみてください

    html5ページでアプリ機能を調整してみてください

    この機能は市場でよく見られます。今では、非常に一般的です。エッセンスエッセンスクリックした後、アプリを調整するか、ダウンロードページを開くか、直接ダウンロードします。しかし、ここでのこの機能は少し異なることがわかりました。
    2025-03-14
  • H5 での PushState と replaceState の使用法について簡単に説明します。

    H5 での PushState と replaceState の使用法について簡単に説明します。

    1. はじめに HTML5 では、history.pushState() メソッドとhistory.replaceState() メソッドが導入されており、それぞれ履歴エントリを追加および変更できます。これらのメソッドは通常、window.onpopstate と組み合わせて使用​​されます。 2.プッシュ状態
    2025-03-14
  • モバイル HTML5 フロントエンド フレームワーク - MUI の使用

    モバイル HTML5 フロントエンド フレームワーク - MUI の使用

    まえがき 以前の多くのフロントエンド フレームワーク (特にレスポンシブ レイアウト フレームワーク) では、UI コントロールが Web ページに似すぎていて、ネイティブな雰囲気がなかったという事実を考慮すると、ネイティブ UI の追求も MUI の重要な目標です。 MUI は iOS プラットフォームの UI に基づいており、Android プラットフォームに固有のいくつかの UI コントロールを補完します。 MUI には主に 3 つの意味があります。 1. 別の問題
    2025-03-14
  • HTML5 LocalStorageローカルストレージ

    HTML5 LocalStorageローカルストレージ

    LocalStorageは、Webサイト全体で長期的なデータを保存するために使用できます。このオブジェクトは、window.localStorageまたはlocalStorageを介してJavaScript言語で呼び出すことができます。特徴1）相同戦略の制限
    2025-03-14
  • HTML5モバイル端末をIphoneXなどの機種に適応させる方法

    HTML5モバイル端末をIphoneXなどの機種に適応させる方法

    まず、上の図で iPhone X モデルがどのように見えるかを見てみましょう。モバイル ページの一般的なレイアウトは、頭 + 胴体 + 下の 3 列モードです。頭と胴体は固定位置にあります。
    2025-03-14
  • HTML5 LocalStorageローカルストレージとリフレッシュ価値

    HTML5 LocalStorageローカルストレージとリフレッシュ価値

    H5の2つのストレージテクノロジーの最大の違いは、ライフサイクルです。 1。LocalStorageはローカルストレージであり、ストレージ期間は制限されていません。使用方法：localStorage.setItem（key、value）//
    2025-03-14
  • input [type = 'date'] in html5カスタムスタイルとカレンダー検証関数実装コード

    input [type = 'date'] in html5カスタムスタイルとカレンダー検証関数実装コード

    1.カレンダー制御カスタムスタイルHTML5はカレンダー制御機能を提供し、開発時間を短縮しますが、そのスタイルが実際に満足のいくものではない場合があり、次のコードに従って変更できます。提案：次のコードセグメントをコピーし、CSSファイルを個別に確立して、変更を促進します。 /*カレンダーコントロールのタイプを変更*/:: -webkit-
    2025-03-14
  • Yahoo フロントエンド最適化の 35 ルールについての簡単な説明

    Yahoo フロントエンド最適化の 35 ルールについての簡単な説明

    要約: 仕事でも面接でも、Web フロントエンドのパフォーマンスを最適化することは非常に重要です。では、どのような側面から最適化を始める必要があるのでしょうか?フロントエンドの最適化では Yahoo の 34 の Catch-Rules に従うことができますが、現在では 35 になっているため、フロントエンドの最適化では Yahoo の Catch-35 であると言えます。分類されているので、最適化のための比較ができるのは良いことです。
    2025-03-13
  • QRコードと透かし画像をキャンバスにダウンロードする方法

    QRコードと透かし画像をキャンバスにダウンロードする方法

    昨日は、HTML5 Canvas を利用して描画される QR コードを生成するプラグイン QRCode.js を紹介しました。さて、今日の主役はキャンバス、つまりキャンバスの実用化です。 1. QR コードをダウンロードします。HTMLCanvasElement は toDataURL メソッドを提供します
    2025-03-13
  • 概要ページに浮かぶフローリングとクリアリング

    概要ページに浮かぶフローリングとクリアリング

    1。フロート：主な目的は、テキストメッセージの写真の効果を達成することです。また、マルチカラムレイアウトを作成する最も簡単な方法にもなりました。<img src= /><p>テキストコンテンツコンテンツテキストコンテンツコンテンツ段落コンテンツコンテンツコンテンツコンテンツコンテンツコンテンツテキストコンテンツコンテンツコンテンツコンテンツコンテンツテキストテキストコンテンツコンテンツ段落コンテンツコンテンツ</p>picture p {mar
    2025-03-13
  • HTMLのDIVおよびSPANと比較してください

    HTMLのDIVおよびSPANと比較してください

    1つ、<div></div>そして<span></span>1。<div></div>ラベル<div></div>ラベルは、ドキュメントのパーティションまたはセクションを定義して、ドキュメントを独立した異なる部分に分割することができます。<div></div>タグはとして使用できます
    2025-03-13
  • Canvasシリーズのフィルターエフェクト

    Canvasシリーズのフィルターエフェクト

    Canvas は本当に魔法のようなもので、さまざまなグラフィック、テキスト、ビットマップを描画できるだけでなく、ビットマップ上で複雑なピクセル操作や処理を実行することもできます。したがって、フィルタなどは実際に Canvas を使用して実装できます。次に、奇跡を目撃する時が来ました。まず、Canvas コンテナーが必要です。例: <c
    2025-03-13
  • HTML5ドラッグアンドドロップ機能

    HTML5ドラッグアンドドロップ機能

    ドラッグアンドドロップは、HTML5標準の一部です。ブラウザは、Internet Explorer 9、Firefox、Opera 12、Chrome、Safari 5をサポートしています。ドラッグ要素、ドラッグメント：1、物事を追加します
    2025-03-13
前のページ 129130131132133134135136137次のページ