現在位置：ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向：
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する：
-
- html5で実装された各種画像スタイルの使用例まとめ
- 日常的な Web ページのレイアウトでは、マウスがポインタを通過して指の形に変化するなど、オブジェクト内でマウス ポインタを制御する場面に遭遇することがよくあります。一部の Web サイトでは、マウスのさまざまな小さな画像スタイルが用意されているのが一般的です。それでは、これをどのように実装するかというと、マウスのスタイルはどうでしょうか。以下にマウススタイルの実装方法をまとめていきます！ CSS でのマウス スタイルの実装: 1. CSS でのマウス スタイルの詳細 この記事では、CSS でマウス スタイルを実装するための一般的なパラメータについて詳しく説明します。これは、CSS でマウス スタイルを実装する場合に非常に役立ちます。 2. Web でマウスのスタイルをカスタマイズ...
- H5 チュートリアル 4769 2017-06-12 11:04:44
-
- デザイン参考におすすめの記事5選
- 今日の Web ページはますますハイエンドになり、操作が簡単になりました。jQuery の広範な適用により、Web 開発者はフロントエンド ページを簡単に制御できるようになりました。また、HTML5 の導入により、Web ページの要素がより鮮明でダイナミックになりました。この記事では主に、デザインの参考として、ページをより目を引くようにできる HTML5/jQuery アニメーション プラグインをいくつか紹介します。 1. HTML5 Canvas はダンスタイムアニメーションを実現します。この HTML5 アニメーションは、まず時計をプロトタイプとしていますが、Canvas テクノロジーを使用しているため、時計は動作しません。
- H5 チュートリアル 1881 2017-06-12 10:50:27
-
- 標準モードとは何ですか?標準モードの使用例をまとめます
- 1. 新しい Doctype <!DOCTYPE html> を使用しても、ブラウザがこの文を理解できない場合でも、標準モードに従ってレンダリングされます。 2. Figure 要素は <figure> を使用することも検討できます。 ; および <figcaption> キャプション付きの画像を意味的に表現するには <img src=”path/to/i
- H5 チュートリアル 4892 2017-06-12 10:28:55
-
- html5キャンバス描画の使用例まとめ
- HTML5 キャンバス描画HTML5 <canvas> タグは、(スクリプト、通常は JavaScript を介して) イメージを描画するために使用されます。ただし、<canvas> 要素自体には描画機能はありません (グラフィックスのコンテナーにすぎません)。実際の描画を行うにはスクリプトを使用する必要があります。 getContext() メソッドは、キャンバス上に描画するためのメソッドとプロパティを提供するオブジェクトを返します。このマニュアルでは、完全な getContext("2d&q...
- H5 チュートリアル 2784 2017-06-12 09:55:29
-
- 描画ツールの使い方は？描画ツールの使用例まとめ
- 前回は動的な時計を作るためのHTML5のパスと円の描画、動く太陽系を作るための異次元空間の反転を学んだのに続き、この2日間で線の描画、円の描画などの知識をまとめました。ツール: デモを見る: HTML5 のシンプルなオンライン描画ツールの機能には、無料のブラシ、消しゴム、テキストの塗りつぶし、三角形の描画、円の描画などが含まれます。私のような初心者にはかなり難しいですが、それでも情報を参照して、ゆっくりと「解決」してください。フリーブラシのアイデア: /******* フリーブラシ *******/fun...
- H5 チュートリアル 3311 2017-06-12 09:35:18
-
- localStorage と sessionStorage に関するおすすめ記事
- 1. 概要 LocalStorage と sessionStorage は、Web ページがブラウザ側にデータを保存できるようにするため、Web Storage と総称されます。 sessionStorage によって保存されたデータはブラウザ セッションに使用され、セッションが終了すると (通常はウィンドウが閉じられる)、localStorage によって保存されたデータは、次回 Web サイトにアクセスするときまで存続します。ページは以前に保存したデータを直接読み取ることができます。保存期間の違いを除けば、2 つのオブジェクトのプロパティとメソッドはまったく同じです。彼らはクーによく似ています...
- H5 チュートリアル 1992 2017-06-12 09:17:07
-
- 基本テンプレートに関するコースの推奨事項
- HTML5 基本テンプレートのコード共有例<!doctype html><!-- 簡略化された doctype は以前のすべてのバージョンの HTML でも機能します -->
- H5 チュートリアル 1694 2017-06-12 09:15:50
-
- FileAPI の詳細な紹介
- HTML5ではファイル操作用のAPIが提供されており、このAPIによりWebページからローカルファイルシステムにアクセスする際の関連処理が非常に簡単になります。今のところ、一部のブラウザのみがサポートしています。 1. FileList オブジェクトと File オブジェクト FileList オブジェクトは、ユーザーが選択したファイルのリストを表します。HTML4 ではファイル コントロールに配置できるファイルは 1 つだけですが、HTML5 では複数のファイルを配置できます。 multiple 属性を追加して制御します。コントロール内でユーザーが選択した各ファイル...
- H5 チュートリアル 1917 2017-06-11 16:32:54
-
- アニメーション形式の詳細な紹介
- この記事で使用する主な知識: この記事では主に Canvas API のdrawImage メソッドを使用します。このメソッドについては、以下で簡単に紹介します。 Canvas API で画像を描画するには、drawImage メソッドを使用します。これは次のように定義されたオーバーロードされたメソッドです: context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context .drawImage( 画像,sx,sy,sw,sh,...
- H5 チュートリアル 1801 2017-06-11 15:03:50
-
- 移動局の使い方は？移動局の使用例のまとめ
- 現在、携帯電話を利用して買い物をする人が増えており、モバイル端末のトラフィックがPCのトラフィックを上回っているため、多くの加盟店が自社のモバイルサイトを直接立ち上げており、従来のPCサイトを放棄してモバイルサイトのみを構築しているところもある。モバイル サイトは非常に人気があり、PHP 中国語 Web サイトでも、スタイリッシュなモバイル モール フロントエンド テンプレートを 5 つお勧めしています。ダウンロードを歓迎します。 1. モバイル WAP フルーツ モール Web サイト テンプレートのフル セットをダウンロードし、ダウンロード アドレス: http://www.php.cn/xiazai/code/184 モバイル WAP フルーツ モール Web サイト テンプレートのフル セットをダウンロードします。ダウンロードする！ ...
- H5 チュートリアル 1648 2017-06-11 13:56:48
-
- ブラウザ履歴の詳細な紹介
- DOM の window オブジェクトは、window.history メソッドを通じてブラウザ履歴へのアクセスを提供し、ユーザーのアクセス レコード内を前後に移動できるようにします。 HTML5 からは、この履歴スタックの操作を開始できるようになります。 1. History は、back()、forward()、および go() メソッドを使用して、ユーザーの履歴を前後に移動します。 window.history.back(); このメソッドは、ユーザーがクリックしたように表示されます。ブラウザツールのバーのリターンキーと同じです。同じ...
- H5 チュートリアル 1998 2017-06-11 13:29:14
-
- モバイルページの詳しい紹介
- モバイル ページを扱う場合、Flipbord のモバイル ページなど、最高のエクスペリエンスを得るために、バナー画像を画面と同じ幅の正方形にする必要がある場合があります。 そこで、純粋な CSS を使用して、以下に適応できる正方形を作成する方法を説明します。毛織物のサイズは？解決策 1: CSS3 vw 単位 CSS3 は、表示領域のパーセンテージに対する新しい長さ単位 vw、vh、vmin、vmax のセットを追加します。ここで、vw はビューポート幅のパーセンテージを表す単位です。1vw = 1% ビューポート幅...
- H5 チュートリアル 1965 2017-06-11 13:25:32
-
- %r と %s の使用例の概要
- HTML5 は、クロスドキュメント メッセージング (Cross-Document Messaging) をサポートしています。メッセージ通信なのでイベントが発生する必要があります。イベントの生成と消費に従って、送信者と受信者、つまり Sender と Listener を見つけることができます。 Litener は次の作業を行う必要があります: メッセージ処理関数を作成し、メッセージ処理関数を登録します: addEventListener('message', function, fal...
- H5 チュートリアル 2091 2017-06-11 13:16:00
-
- レスポンシブ Web ページを使用するにはどうすればよいですか?レスポンシブ Web ページの使用方法をまとめます。
- レスポンシブ Web デザインは、マルチスクリーンの問題に対する優れた解決策ですが、印刷の観点から見ると少し困難です。固定のページ サイズ、ミリメートルやインチ、物理的な制限はなく、開始方法もありません。 Web サイトを開くことができるデバイスが増えているため、デスクトップとモバイルのピクセル設計手法を排他的に使用することも過去のものになりました。したがって、レスポンシブ Web デザインの基本原則をいくつか明確にし、それに対抗するのではなく、流動的な Web ページを受け入れる必要があります。 1. レスポンシブ Web デザインとアダプティブ Web デザイン これらは同じように見えるかもしれませんが、実は違います。 ...
- H5 チュートリアル 1969 2017-06-11 10:52:01
-
- 体性感覚に関するおすすめ記事10選
- 1. はじめに どのようなゲームを作りますか?先日の成都TGC2016展示会では、主にモバイルゲームの章「九尾襲来」をシミュレーションした「NARUTO-ナルト-モバイル」用の体性感覚ゲームを開発し、ユーザーが四代目となって九尾と競い合い、注目を集めました。多数のプレイヤーが参加します。 表面的には、このゲームは他の体性感覚体験と何ら変わりません。実際、ブラウザー Chrome で実行されています。言い換えれば、それに基づいた Web ベースの体性感覚ゲームを開発するために必要なのは、対応するフロントエンド技術だけです。キネクト。 2. 実施原理と考え方は何ですか? H5を使用...
- H5 チュートリアル 2047 2017-06-11 10:36:45
ツールの推奨事項
jQuery エンタープライズ メッセージ フォームの連絡先コード
jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。
フォームボタン
2024-02-29
HTML5 MP3 オルゴール再生効果
HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。
プレイヤーの特殊効果
2024-02-29
HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。
メニューナビゲーション
2024-02-29
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。
フォームボタン
2024-02-29
有機果物と野菜のサプライヤー Web テンプレート Bootstrap5
有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5
ブートストラップ テンプレート
2023-02-03
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
バックエンドテンプレート
2023-02-02
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
ブートストラップ テンプレート
2023-02-02
かわいい夏の要素のベクター素材 (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
室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-05-09
フレッシュカラーの個人履歴書ガイドページテンプレート
フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-29
デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
現代のエンジニアリング建設会社のウェブサイトのテンプレート
最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
