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

  • グラフィックの歪みに関するチュートリアルの例
    グラフィックの歪みに関するチュートリアルの例
    HTML5 のいくつかの変換 HTML5 にはいくつかの変換メソッドがあります。次のような不規則な変形を実現したい場合は、機能しません。HTML5 のこれらのメソッドを段階的に見てみましょう。 1. スケーリング方法は次のとおりです<!DOCTYPE html>...
    H5 チュートリアル 2195 2017-06-13 11:05:34
  • セキュリティ攻撃と防御に関する入門チュートリアル: セキュリティ攻撃と防御に関するゼロベースの推奨入門チュートリアル 10 選
    セキュリティ攻撃と防御に関する入門チュートリアル: セキュリティ攻撃と防御に関するゼロベースの推奨入門チュートリアル 10 選
    転載する場合は出典を明記してください: HTML5 セキュリティ攻撃と防御の詳細分析の最終章: HTML5 のセキュリティ向上 HTML5 は、古いセキュリティ戦略に多くの追加を加えています。 1. iframe サンドボックス HTML5 は、iframe 要素に Sandbox 属性を追加して、信頼できない Web ページが親ページの DOM へのアクセス、スクリプトの実行、ローカル ストレージやローカル データベースへのアクセスなどの特定の操作を実行できないようにします。しかし、この安全保障戦略がもたらすものは...
    H5 チュートリアル 3032 2017-06-13 10:42:02
  • フィルとストロークの注意点まとめ
    フィルとストロークの注意点まとめ
    この記事では、HTML5 のキャンバスの塗りつぶしとストロークのテキスト効果について詳しく説明します。具体的なコードは次のとおりです。 Canvas がテクスチャの塗りつぶしとストロークを実装する方法に基づく、HTML5 のキャンバスの塗りつぶしとストロークのテキスト効果は誰にとっても役立ちます。 1: カラーの塗りつぶしとストローク カラーの塗りつぶしは fillStyle を通じて実現でき、ストロークのカラーはストローク Sty を通じて実現できます。
    H5 チュートリアル 1779 2017-06-13 10:40:43
  • パフォーマンスに関するおすすめ記事4選
    パフォーマンスに関するおすすめ記事4選
    HTML5 は新興分野としてますます人気が高まっています。しかし、モバイル デバイスのハードウェア パフォーマンスが PC よりも低いという状況では、パフォーマンスに対する要求がより重要になります。最適化前と最適化後の HTML5 のパフォーマンスには大きな違いがあります。パフォーマンスを最適化する方法を知っている人はほとんどいません。パフォーマンスを向上させるために。この記事では、例として LayaAir エンジンを使用し、コード例を通じてエンジンを使用して HTML5 のパフォーマンスを最適化する方法を詳しく説明します。トピックには以下が含まれます: コード実行の基礎 ベンチマーク メモリの最適化 グラフィックス レンダリング パフォーマンス CPU 使用率の削減 その他の最適化...
    H5 チュートリアル 1365 2017-06-13 10:28:59
  • アニメーションツールに関するおすすめ記事
    アニメーションツールに関するおすすめ記事
    HTML5 は、デザイナーがファッショナブルな Web サイトを作成するために使用する最も人気のあるプログラミング言語の 1 つで、非常に使いやすく、組み込みの視覚要素、指定された構造マークアップ、インタラクティブなドラッグ アンド ドロップなどのさまざまな機能を提供します。開発者はこれらの機能を活用して魅力的な Web サイトを作成できます。さらに、Chrome、IE、Firefox などの最新のブラウザもサポートされています。アニメーションの作成は時間と面倒なプロセスです。このプロセスを簡素化するために、現在市場には多くの HTML5 アニメーション ツールが用意されています。有料のものと無料のものがありますが、どちらも役立ちます...
    H5 チュートリアル 1396 2017-06-13 10:28:18
  • マルチパースペクティブ入門チュートリアル: 6 つの推奨マルチパースペクティブゼロベース入門チュートリアル
    マルチパースペクティブ入門チュートリアル: 6 つの推奨マルチパースペクティブゼロベース入門チュートリアル
    この記事は、MaNong.com の Xiaofeng によって書かれたものです。転載については、記事の最後にある転載要件をお読みください。有料投稿プランへの参加を歓迎します。 HTML5 は確かにブラウザー、さらにはソフトウェア業界全体に革命をもたらす新しいテクノロジーであり、Web 開発者がサポートとして肥大化した Flash を必要とせずに、Web ページにアニメーション効果を簡単に実装できるようになります。この記事では、非常に優れた効果を備えた 7 つのトップ HTML5 Canvas アニメーションを紹介します。 1. 3D HTML5 ロゴアニメーション HTML5 マルチビュー 3D 回転アニメーション HTML5 3...
    H5 チュートリアル 2186 2017-06-13 10:23:10
  • おすすめの落ちアニメ特撮10選(集)
    おすすめの落ちアニメ特撮10選(集)
    HTML5をベースにした落ち葉アニメーションです。CSS3で描画したものではなく全て絵ですが、落ち葉のアニメーション効果は非常にリアルです。この HTML5 葉が落ちるアニメーションは Webkit カーネルに基づいています。つまり、このアニメーションは Webkit カーネルを備えたブラウザーでのみ使用できます。オンライン デモのソース コードのダウンロード HTML コード&lt;p id="container"&gt;&lt;!-- コンテナ
    H5 チュートリアル 4423 2017-06-13 10:21:21
  • Uploadifyの使い方まとめ
    Uploadifyの使い方まとめ
    HTML5/CSS3 の古典的なケース - プラグインを使用しないドラッグ アンド ドロップ画像のアップロード (1): アップロードは基本的にプロジェクトで一般的に行われ、通常は次の方法を使用します。 1. フォーム送信 2. flash3、html5form 送信によりページが更新され、非同期でアップロードするのは難しい; フラッシュは、ほとんどすべてのブラウザを考慮できるため、私がプロジェクトのアップロードツールとして常にjqueryのuploadifyを使用しているためかもしれません。これもHTML5に基づいているようです。もちろん、公式ウェブサイトにアクセスしてご覧ください。
    H5 チュートリアル 4152 2017-06-13 10:20:56
  • 3Dフォーカスマップ関数の定義と使い方のまとめ
    3Dフォーカスマップ関数の定義と使い方のまとめ
    これは、HTML5 と jQuery に基づいた 3D フォーカス マップ アニメーションです。フォーカス マップ内の画像は、CSS3 の関連機能を使用して画像の傾斜効果を実現し、それによって画像に 3D の視覚効果を与えます。この HTML5 フォーカス マップは、ボタンをクリックして手動で画像を切り替えるだけでなく、画像の自動切り替えもサポートしており、非常に使いやすくなっています。 Web サイトに製品画像を表示する必要がある場合は、このフォーカス画像プラグインが最適です。オンライン デモのソース コードのダウンロード HTML コード<section id="dg-container...
    H5 チュートリアル 1617 2017-06-13 10:20:53
  • カスタム要素関数の定義と使用法の概要
    カスタム要素関数の定義と使用法の概要
    XML 名前空間は、XML 名の使用範囲を示します。XML は要素タグをカスタマイズできるため、異なる XML アプリケーション間で XML 名が重複する可能性が高くなります。適用されない名前を区別する方法がないと、混乱が生じます。 XML 名前空間は、この問題を解決するために設計されています。 XML 名前空間を通じて、さまざまな XML アプリケーションの XML 名を区別できます。
    H5 チュートリアル 1971 2017-06-13 10:18:10
  • html5プレーヤー関連の使い方まとめ
    html5プレーヤー関連の使い方まとめ
    Web 上で見られるプレーヤーは、単なる WMP/RealPlayer/Flash Player であり、コンピューターにインストールされている一部のプレーヤーは、エンコードとデコードが統合されているだけです。技術は同じです。例: インターネット上で最も一般的な Windows メディア ストリーム (asf、wma、wmv 形式)、リアル ストリーム (rm、rmvb 形式)、MPEG シリーズ エンコード形式 (MP4、MP3 形式)。以下、管理人です…
    H5 チュートリアル 3127 2017-06-13 09:57:07
  • マウスアニメーションの詳細な紹介
    マウスアニメーションの詳細な紹介
    今日は、いくつかの興味深い HTML5 マウス アニメーションを紹介します。マウスを動かすと、ページ上に魔法のようなアニメーション効果が表示されます。もちろん、これらのアニメーションは実際のアプリケーションでは使用されない可能性がありますが、HTML5 と CSS3 に関する皆さんの研究には非常に役立つはずです。この記事で共有する 7 つの HTML5 マウス アニメーションはすべて、優れたリソースとなるソース コードのダウンロードを提供します。 1. HTML5 クジラのアニメーション 今日は HTML5 をベースにしたクジラのアニメーションを見つけました。絵は非常に立体的で、クジラがとてもリアルです。ホントにHTMLって…
    H5 チュートリアル 1980 2017-06-13 09:52:48
  • パーティクル アニメーションに関する簡単な説明と特殊効果の実装例の概要
    パーティクル アニメーションに関する簡単な説明と特殊効果の実装例の概要
    パーティクル アニメーションは、いくつかの方法で ThreeJs に実装できます。この例では、Sprite クラスを使用してパーティクルを構築します。Sprite クラスの公式の説明では、スプライトは常にカメラの方向を向いている平面です。
    H5 チュートリアル 2566 2017-06-13 09:50:45
  • 身長に関するおすすめコース10選
    身長に関するおすすめコース10選
    テスト用の電話機は IPHONE6、開発者ツール バージョン 0.10.102800 です。WeChat アプレットのキャンバスは、多くの点で h5 キャンバスと異なります。以下に、私が少しずつテストした役立つ情報をすべて示します。 1.wxcanvas には、h5canvas のような幅と高さの属性や幅と高さのスタイルがありません。スタイルのみがあり、単なるフレームとして理解できます。
    H5 チュートリアル 1554 2017-06-13 09:49:34
  • メディアが推奨する 10 のコンテンツ
    メディアが推奨する 10 のコンテンツ
    Flv.jsとは何ですか?これは HTML5 Flash ビデオ (FLV) プレーヤーであり、純粋にネイティブ JavaScript で開発され、Flash は使用されません。 bilibili ウェブサイトによってオープンソース化されています。概要: HTML5 ビデオでの FLV 形式ビデオの再生を実装する JavaScript ライブラリ。これは、FLV ファイル ストリームを ISO BMFF (MP4 フラグメント) フラグメントにトランスコードおよび多重化し、それらを Media Source Ext... に渡すことで機能します。
    H5 チュートリアル 2095 2017-06-13 09:45:44

ツールの推奨事項

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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。