現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル

  • H5アクティビティページのモバイルREMレイアウト適応方法の詳細説明
    H5アクティビティページのモバイルREMレイアウト適応方法の詳細説明
    デザイン案を入手した後、レイアウトを元に戻すにはどうすればよいですか?厳密ではないレスポンシブ デザインのみを実行する必要がある場合は、メディア クエリを使用してそれを実現しても問題ありません。設計ドラフトを正確に復元する必要がある場合、これは通常、ズームによって実現されます。一般的なソリューションには、ビューポートベースおよびレムベースのスケーリング ソリューションが含まれます。この記事では、H5アクティビティページのモバイルREMレイアウト適応方法を詳しく解説した関連情報を中心に紹介しますので、皆様のお役に立てれば幸いです。
    H5 チュートリアル 2289 2017-12-09 10:19:40
  • HTML5シングルページにおけるジェスチャースライド画面切り替え原理の解析
    HTML5シングルページにおけるジェスチャースライド画面切り替え原理の解析
    H5 のシングル ページ ジェスチャ スライド スクリーン切り替えは、HTML5 タッチ イベント (Touch) と CSS3 アニメーション (Transform、Transition) を使用して実装されています。この記事では、その実装原理と主なアイデアについて簡単に説明します。
    H5 チュートリアル 1858 2017-12-08 09:10:49
  • html5でコンテンツを整理する
    html5でコンテンツを整理する
    この記事では主にhtml5編成の内容を紹介します。
    H5 チュートリアル 1643 2017-12-08 09:07:11
  • HTML5 フォーム検証失敗プロンプトの問題
    HTML5 フォーム検証失敗プロンプトの問題
    フロントエンドの子供たちがページを書いているとき、彼らは必然的にフォーム検証の罠に足を踏み入れることになります。このとき、私たちはチェックするために大量の js を書かなければならないので、ひざまずかなければなりません。しかし、H5 の出現以来、多くのことが一般的です。この記事では、HTML5 フォームの検証が失敗するという問題について説明します。
    H5 チュートリアル 2036 2017-12-08 09:03:23
  • HTML5デスクトップ通知プロンプト機能の実装
    HTML5デスクトップ通知プロンプト機能の実装
    この記事では主に HTML5 でのデスクトップ通知プロンプト機能の実装について紹介します。これは非常に優れており、必要な方は参考にしてください。
    H5 チュートリアル 2613 2017-12-07 16:03:45
  • HTML5 Canvasをベースに地下鉄駅監視を実現
    HTML5 Canvasをベースに地下鉄駅監視を実現
    国内経済の急速な発展に伴い、人々の安全に対する要求はますます高まっています。次のような事態が起こらないようにするために、セキュリティ システムの導入を検討する必要があります。 証拠と手がかりの提供: 多くの工場、銀行、盗難、事故では、関係機関がビデオ情報に基づいて事件を検出できます。これは非常に重要です。手がかり。この記事では、HTML5 Canvas に基づいた地下鉄駅監視の実装について説明します。
    H5 チュートリアル 2486 2017-12-06 16:23:41
  • postMessageによるhtml5クロスドメイン通信方式
    postMessageによるhtml5クロスドメイン通信方式
    h5 ページはプレビュー モジュールとして PC ページに埋め込まれており、ユーザーは PC ページ上でいくつかの操作を行うと、h5 ページが応答して変更を加えてプレビュー効果を実現します。ここで最初に思いつくのは、iframe を使用して h5 ページを PC の Web ページに埋め込み、次に PC が postMessage メソッドを通じて変更されたデータを iframe に送信し、iframe に埋め込まれた h5 が addEventListener を通じてデータを受信することです。 、その後、データに応答して変更を加えます。この記事では、postMessage を使用した HTML5 でのクロスドメイン通信の方法を詳しく紹介します。
    H5 チュートリアル 1543 2017-12-06 13:40:14
  • html5オフラインストレージの知識を詳しく解説
    html5オフラインストレージの知識を詳しく解説
    HTML5 が登場する前は、ログイン ユーザー情報や検索履歴情報などの一部のデータをブラウザ側でキャッシュするために Cookie を使用していました。ただし、Cookie でサポートされる容量は 4K のみであり、操作のための専用 API はなく、Cookie 情報の保存と取得には Cookies.js が使用されます。
    H5 チュートリアル 3376 2017-12-05 16:22:16
  • Canvas での画像の処理方法
    Canvas での画像の処理方法
    Canvas (中国語では「キャンバス」と訳されます) には、HTML5 に新しい <canvas> 要素があり、JavaScript と組み合わせてキャンバス内にグラフィックを動的に描画できます。この記事では、Canvas でのグラフィック描画ではなく、画像の処理方法について説明します。
    H5 チュートリアル 1968 2017-12-05 13:46:03
  • ブラウザ互換性を実現するための HTML5 ビデオ方式
    ブラウザ互換性を実現するための HTML5 ビデオ方式
    この記事では、HTML5 ビデオのブラウザ互換性を実現する方法について説明します。かつては、Web ページ上のビデオを解決するには Flash が最適な方法でした。現在でも、Youku などのビデオ Web サイトでは Flash が主流です。また、Xiami のようなオンライン Web サイトでは、再生サービスを提供するために依然として Flash が使用されています。しかし、この状況は HTML5 の発展によって変わります。ビデオに関して言えば、HTML5 にはビデオが追加され、オンラインでビデオを再生する機能が実装されます。
    H5 チュートリアル 2873 2017-12-04 11:55:11
  • Geek Academy HTML5 の新機能、基本的なビデオ コースウェアのソース コード
    Geek Academy HTML5 の新機能、基本的なビデオ コースウェアのソース コード
    HTML5 は、World Wide Web Consortium (W3C) によって 2014 年 10 月に完成された HTML の最新改訂版です。 HTML5 はモバイル デバイスでマルチメディアをサポートするように設計されており、習得が簡単です。 「Geek Academy の HTML5 の新機能に関する基本的なビデオチュートリアル」では、HTML と比較して HTML5 によって追加された新機能を理解し、HTML5 の新しいマルチメディア機能、新しいアプリケーション、新しいグラフィックスなどを体験できます。
    H5 チュートリアル 1987 2017-12-04 11:27:34
  • HTML5 で新しいタグを使用する方法
    HTML5 で新しいタグを使用する方法
    HTML5 は、nav (Web サイト ナビゲーション ブロック) やフッターなど、いくつかの新しい要素と属性を提供します。このタグは、検索エンジンのインデックス作成に役立ち、小さな画面のデバイスや視覚障害のある人をより適切に支援します。さらに、オーディオ タグやビデオ タグなど、他の閲覧要素にも新しい機能が提供されます。 HTML5 で新しいタグを使用する方法を一緒に学びましょう。
    H5 チュートリアル 3001 2017-11-29 10:07:08
  • HTML5ビデオ再生チュートリアル
    HTML5ビデオ再生チュートリアル
    ビデオ再生に関しては、開発の世界では頻繁に遭遇します。この記事では、HTML5 ビデオ再生ソリューションについて説明します。この章を読んだ後、HTML5 についてさらに詳しくなり、HTML5 を使用してビデオを再生できるようになることを願っています。ビデオ再生機能を書き込みます。
    H5 チュートリアル 4746 2017-11-28 09:51:25
  • いくつかの便利な HTML5 モバイル開発フレームワーク
    いくつかの便利な HTML5 モバイル開発フレームワーク
    インターネット技術の発展に伴い、HTML5 はますます改良され、モバイル ハードウェアはますます強力になります。携帯電話上のアプリケーションを詳しく見てみると、多くのアプリケーションがひっそりとハイブリッド開発を使用しています。 HTML5 の開発は非常に遅いという人もいますが、実際はそうではありません。開発時には優れた HTML5 開発ツールを使用する必要があり、それでも優れたモバイル アプリケーションを開発できます。
    H5 チュートリアル 5072 2017-11-23 09:07:05
  • フロントエンド開発スキルを素早く習得
    フロントエンド開発スキルを素早く習得
    H5 チュートリアル 1609 2017-11-21 18:59:19

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。