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

  • H5 を使用して写真をアップロードする方法
    H5 を使用して写真をアップロードする方法
    今回は、H5 を使用して画像をアップロードする方法と、H5 を使用して画像をアップロードする際の注意点について説明します。以下は実際のケースです。
    H5 チュートリアル 8563 2018-06-04 11:20:00
  • JS ネイティブ配列スプライス メソッド インスタンス
    JS ネイティブ配列スプライス メソッド インスタンス
    <!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>タイトル</title></head><body><script>/** splice(start 、削除カウント、データ1、
    H5 チュートリアル 2355 2018-05-30 09:54:23
  • HTML5 プレースホルダー属性の詳細な紹介
    HTML5 プレースホルダー属性の詳細な紹介
    プレースホルダー (プレースホルダー) は、HTML5 で追加された新しい HTML 属性で、入力フィールドの期待値に関するプロンプト情報を提供するために使用され、主流のブラウザーで広くサポートされており、使い方は非常に簡単です。
    H5 チュートリアル 5517 2018-05-30 09:51:30
  • HTML5 キャンバスの基本的な描画テキストのレンダリング
    HTML5 キャンバスの基本的な描画テキストのレンダリング
    テキストのレンダリングに関連するプロパティとメソッドは主に 3 つあります。 上記のプロパティとメソッドの基本的な使用法は次のとおりです。 context.font="bold 30px Arial"; // スタイルを設定します。
    H5 チュートリアル 2831 2018-05-29 11:09:39
  • HTML5+JavaScriptを使ってブラウザ上でPPTを作成する方法を詳しく解説(画像とテキスト)
    HTML5+JavaScriptを使ってブラウザ上でPPTを作成する方法を詳しく解説(画像とテキスト)
    最近、HTML5 は IT 分野でやや普及しており、Google、Adobe、Microsoft などの大企業の間で騒動が起きています。 HTML5 に対する熱狂は単なる見せかけかもしれませんが、Web にとっては本当の技術革命である可能性もあります。それは実際に、Web をデスクトップ アプリケーションに戻し、ブラウザーをプラットフォームにする可能性があります。将来のインターネットに関して、次のような考えをお持ちかどうかはわかりません。Web ページは現在のデスクトップ上のアプリケーションのようなもので、ブラウザは Windows などのオペレーティング システムのようなものです。すると、将来の PC メカニズムにはブラウザやストレージなどの基本的なアプリケーションが必要になります。デバイス。
    H5 チュートリアル 9934 2018-05-29 11:03:42
  • HTML5: Canvas を使用してビデオをリアルタイムで処理する
    HTML5: Canvas を使用してビデオをリアルタイムで処理する
    HTML5でビデオとキャンバスの機能を組み合わせることで、ビデオデータをリアルタイムに処理し、再生中のビデオにさまざまな視覚効果を追加できます。このチュートリアルでは、JavaScript コードを使用してクロマキー効果 (「グリーン スクリーン効果」とも呼ばれる) を実装する方法を説明します。
    H5 チュートリアル 6127 2018-05-28 17:58:12
  • HTML5 Canvasを使ってダイナミックなパーティクルグリッドアニメーションを作成するためのサンプルコード共有の詳細説明
    HTML5 Canvasを使ってダイナミックなパーティクルグリッドアニメーションを作成するためのサンプルコード共有の詳細説明
    この記事では、主に HTML5 Canvas を使用して動的パーティクル グリッド アニメーションを作成する方法を紹介します。必要な方は参考にしてください。
    H5 チュートリアル 3224 2018-05-28 17:48:39
  • モバイルブラウザからAPPを開く、またはダウンロードページにジャンプする実装
    モバイルブラウザからAPPを開く、またはダウンロードページにジャンプする実装
    モバイル ブラウザでアプリを開くか、ダウンロード ページに移動します。ハードウェア条件が限られているため、Android 用の自己参照リンクのみが以下に示されています。
    H5 チュートリアル 18819 2018-05-28 17:47:29
  • 三分钟HTML5画布(Canvas)动画教程
    三分钟HTML5画布(Canvas)动画教程
    此文下面的教程中将使用的是另外一个叫做kinetic的Web动画工具包。它们都是开源的。把鼠标放到上面的小丑脸上,然后移开,就会有如下效果。 第一步,画五官这个小丑没有耳朵和眉毛,所以只剩下三官,但它的两个眼睛我们要分别绘制,所以一共是四个部分。下面先看看代码
    H5 チュートリアル 4424 2019-11-26 17:45:16
  • H5モバイル端末での各種リスト作成方法を詳しく解説(3)
    H5モバイル端末での各種リスト作成方法を詳しく解説(3)
    前回の振り返り 前回のブログ記事「モバイル端末でさまざまなリストを作成する方法(2)」では、2つのデモを使用して、H5でのより要求の高いリストをモバイル端末上で作成するデモを行いましたが、どうやらそうではないようです。この章では、さらに詳しく説明します。この記事を最初に見た場合は、この記事の内容が一貫していて理解しやすいように、最初に上のリンクにアクセスして、対応するコンテンツを読むことをお勧めします。小さなアイコン付きのリスト 上の 2 つの章では、いくつかの普通のリストを作成しました。
    H5 チュートリアル 2668 2018-05-28 16:21:29
  • HTML5におけるMessageEventとSSEの仕様
    HTML5におけるMessageEventとSSEの仕様
    1. HTML5 仕様の MessageEvent インターフェイスで定義された新しい通信メソッドは、WebSocket であっても SSE であっても、映像と音声の通信を実装する WebRTC を含め、HTML5 仕様で定義されたインターフェイス MessageEvent に基づいています。これはメッセージベースのイベントです。まず、JavaScript の従来のイベント タイプを見てみましょう。従来の DOM イベントの基本クラスには主に次のものが含まれます。 (1) UIEvents: 一般化された UI イベント。マウス イベントとキーボード イベントが含まれます。
    H5 チュートリアル 3007 2018-05-28 16:16:06
  • 使用HTML5画布实现的超棒javascript动画仪表板:gauge.js?1.1.2
    使用HTML5画布实现的超棒javascript动画仪表板:gauge.js?1.1.2
    今天我们分享来自guage.js的超棒动画仪表板实现,这个类库使用html5画布来生成动态的自定义仪表板。不依赖 ...,。
    H5 チュートリアル 4279 2018-05-28 11:26:30
  • html5でキャンバスに画像を挿入する例を詳しく解説
    html5でキャンバスに画像を挿入する例を詳しく解説
    キャンバスに画像を表示するのは非常に簡単です。画像にスタンプを追加したり、画像を引き伸ばしたり、修正レイヤーを使用して画像を変更したりすることができ、通常は画像がキャンバス上のフォーカスになります。 HTML5 Canvas API に組み込まれたいくつかの簡単なコマンドを使用して、画像コンテンツをキャンバスに簡単に追加できます。
    H5 チュートリアル 7983 2018-05-26 16:09:14
  • アプリケーションキャッシュとは何ですか?
    アプリケーションキャッシュとは何ですか?
    HTML5 ではアプリケーション キャッシュ テクノロジが導入されており、キャッシュ マニフェスト ファイルを作成することで、Web アプリケーションをキャッシュしてネットワークなしで使用できるようになり、オフライン アプリケーションを簡単に作成できます。
    H5 チュートリアル 6661 2018-05-26 11:39:57
  • HTML5ファイル操作APIのコードケースを詳しく解説
    HTML5ファイル操作APIのコードケースを詳しく解説
    Web アプリケーションでファイルやディレクトリの読み書きができたらどんなに便利だろう、とよく考えてきました。オフラインからオンラインに移行した後、アプリケーションはより複雑になり、ファイル システムの API の欠如がネットワークの進歩を妨げています。バイナリ データの保存または操作はデスクトップに限定されるべきではありません。幸いなことに、FileSystemAPI の登場により、この状況はついに変わりました。 FileSystem API を使用すると、Web アプリケーションはユーザーのローカル ファイル システムのサンドボックス部分の作成、読み取り、移動、および書き込みを行うことができます。
    H5 チュートリアル 4895 2018-05-26 10:14:06

ツールの推奨事項

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