現在位置：ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向：
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する：
-
- アニメアプリのおすすめ記事6選
- この記事では、Web 開発者にとって役立つ情報をいくつか紹介します。HTML5 と CSS3 の開発に興味がある場合は、次の HTML5 アニメーション アプリケーションに間違いなく興味があるでしょう。この記事では、デモを提供しながら、いくつかのコア コードを表示および分析します。気に入っていただければ幸いです。 jQueryボックスのグラデーションアニメーションメニューは、他のメニューのように縦横に配置されておらず、長方形のグリッドに配置されており、メニュー項目をクリックするとメニューの詳細情報がアニメーション形式で展開されます。 CSS3 を使用して非常にクールなアニメーション効果を生成します。 D...
- H5 チュートリアル 1576 2017-06-13 09:41:45
-
- アニメ演出に関するおすすめ記事
- この記事では、HTML5 と CSS3 を使用して実装された 8 つのアニメーションのデモを共有し、誰もがダウンロードして参照できるようにソース コードも共有します。 1. HTML5 3D 点配列波ローリング アニメーション この HTML5 キャンバス アニメーションは非常に壮観で、人々に波が砕ける視覚効果を与えます。オンラインデモ ソースコードのダウンロード 2. 発光スイッチボタンを実装するための純粋な CSS3 このボタンは非常に便利です。
- H5 チュートリアル 1474 2017-06-13 09:39:02
-
- オンラインお絵かきボードに関するおすすめ記事10選
- 非常にクールな HTML5 Canvas ネットワーク描画ボードのコード例の詳細な説明 今日の HTML チュートリアルでは、HTML5 Canvas を使用して非常にクールでシンプルなネットワーク描画ボード関数を実装する方法を学びます。このチュートリアルでは、ブラシの種類、ブラシのサイズ、ブラシの色を選択できます。もちろん、描画ボードとして必要な機能もいくつかあります。ここでは最も基本的な描画機能のみを紹介します。長方形や楕円などの複雑な要素を自分で描画します。ここでデモのデモを見ることもできます。この HTML5 ネットワークの実装を簡単に分析してみましょう。
- H5 チュートリアル 7299 2017-06-13 09:24:31
-
- 新機能の使い方は?新機能の使用例をまとめます
- ECMAScript 6 (略して ES6) は、JavaScript 言語の最新標準です。 ES6 の現在のバージョンは 2015 年にリリースされたため、ECMAScript 2015 とも呼ばれます。 WeChat アプレットは、ES6 の新機能のほとんどをサポートしています。定数 (定数) ES6 では、定数を宣言するために使用される const キーワードが追加されています。一度宣言すると、定数の値は変更できません。 const は、それが宣言されているブロックレベルのスコープ内でのみ有効です。スコープ (スコープ) ES6 は宣言する let キーワードを追加します...
- H5 チュートリアル 1571 2017-06-13 09:21:20
-
- おすすめの3Dフロップエフェクト特殊効果（集）
- 今日はCSS3で作った反転効果をご紹介します。要素の上にマウスを置くと、その要素の背後にある情報が見えるようになります。記憶力を試すポーカー系ゲーム「連聯館」を作ったり、ガールフレンドに言葉を書いたりする場合は、この例で作成したフォトアルバムに入れてから試してみてくださいね、は〜 レンダリング: 例で使用されている一部の CSS3 New属性: a. -webkit-perspective: 800px; パースペクティブ (パースペクティブ、パースペクティブ): 属性定義 3...
- H5 チュートリアル 5229 2017-06-12 16:10:36
-
- タッチ スクリーン バージョンのページを作成する方法
- フロントエンドは初めてです。携帯電話でのタッチ スクリーン バージョンのカルーセルの実装プロセスを共有します。一般的な機能は次のとおりです。 周期的なスライド幅をサポートしていますが、任意に設定することはできません。ページは画面と同じ幅である必要があります。コールバックは、サードパーティのライブラリの原則を使用せずに、要素の切り替えを監視するように設定できます。親要素内にすべての子要素を配置するには、絶対配置を使用します。親要素 .item と同じ幅を親要素に追加します: touchstart、 ...
- H5 チュートリアル 3569 2017-06-12 15:42:10
-
- H5でのカルーセル画像の作り方について
- フロントエンドは初めてです。携帯電話でのタッチ スクリーン バージョンのカルーセルの実装プロセスを共有します。一般的な機能は次のとおりです。 周期的なスライド幅をサポートしていますが、任意に設定することはできません。ページは画面と同じ幅である必要があります。コールバックは、サードパーティのライブラリの原則に頼ることなく、要素の切り替えを監視するように設定できます。 item は 375px です。親要素内にすべての子要素を配置するには、親要素 .carousel の幅を 375px に設定します。タッチ イベントを追加します。 、...
- H5 チュートリアル 6571 2017-06-12 15:41:16
-
- ポップステートの使い方は？ Popstate インスタンスの使用法の概要
- この記事では主に HTML5 における Pushstate と Popstate の操作の歴史を紹介します。ウィンドウの履歴を表す Window.history については次の記事を参照してください。オブジェクトはユーザーによってアクティブに生成され、JavaScript スクリプトによって制御されるグローバル オブジェクトを受け入れます。 window オブジェクトは、history オブジェクトを通じてブラウザ履歴へのアクセスを提供します。非常に便利なメソッドとプロパティがいくつか公開されています...
- H5 チュートリアル 5731 2017-06-12 13:43:21
-
- モバイルページに関するおすすめ記事10選
- この記事では、HTML5 でモバイル ページを長押しすると貼り付けとコピーが無効になる問題の解決策に関する関連情報を主に紹介します。これは非常に優れており、必要な場合は次の解決策を参照してください。 CSS ファイルのコードに、携帯電話での貼り付けやコピーを禁止する機能を実現できます: XML/HTML コードの内容をクリップボードにコピー*{ —-webkit-tou...
- H5 チュートリアル 2148 2017-06-12 13:33:14
-
- おすすめの 8 つの html5+JavaScript サンプル チュートリアル
- <!doctype html><html><head><meta charset=utf-8 /><title>html5 Web ページの効果 電子メール アドレスの検証</title><style>body、inpu
- H5 チュートリアル 3309 2017-06-12 13:25:41
-
- 基本的な描画使用例チュートリアル 10 個のまとめ
- 疑似クラスと疑似要素はドキュメント構造から独立しています。要素を取得する方法は、ID、クラス、属性などの基本的な要素特性に基づいているのではなく、特別な状態にある要素 (疑似クラス)、または要素内の特別なコンテンツ (疑似要素) に基づいています。違いは次のように要約されます。 CSS 疑似クラス (疑似クラス): 特定のセレクターに特殊効果を追加するために使用されます。つまり、要素の現在の静的スタイルに基づいて特殊効果 (通常は動的効果) を追加します。特定の状態にあるとき、状態が変化すると疑似クラス スタイルを取得する可能性があります。
- H5 チュートリアル 1556 2017-06-12 13:16:59
-
- ボタンの背景デザインに関する記事まとめ
- XML テンプレート、カスタム ボタンの背景<?xml version="1.0" encoding="utf-8"?><corners android:bottomleftradius="4dp" android:bottomRightRadius="4dp"
- H5 チュートリアル 1658 2017-06-12 12:00:27
-
- CreateJSの詳しい紹介まとめ
- CreateJS ライブラリは、HTML5 ゲーム開発用のエンジンであり、豊富なインタラクティブなエクスペリエンスを備えた HTML5 ゲームを構築できるオープンソース ツールキットで、HTML5 プロジェクトの開発の難しさとコストを軽減し、開発者が使い慣れた環境でより最新のゲームを作成できるようにすることを目的としています。ネットワークインタラクションの経験。 CreateJS をマスターすると、HTML5 ゲーム開発をより簡単に完了できるようになります。 CreateJS は、EaselJS、TweenJS、SoundJS、PreLoadJS の 4 つのツールを提供します。 EaselJS: HTML5 キャンバス Tw の処理を簡素化します。
- H5 チュートリアル 4895 2017-06-12 11:49:36
-
- 火災効果に関連する 10 件の記事を共有する
- Canvas は HTML5 では非常に重要で便利なもので、Flash を作成するのと同じように、Canvas 上に任意の要素を描画できます。今回はCanvas上に炎の発光エフェクトを作成していきます。これは古代の火の玉大砲のようなもので、ブラウザの端で跳ね返ることができ、非常にクールに感じられます。レンダリングを見てみましょう。ここで火炎球のデモデモを見ることができます。もちろん、ソース コード、主にいくつかの JS コードを分析する必要があります。まず、ページに Canvas タグを配置し、シンプルなスタイルを与えます: &...
- H5 チュートリアル 2200 2017-06-12 11:45:30
-
- HTML5 オーディオとビデオの詳細な紹介
- 1. Pyglet とは: Pyglet は、マルチメディアおよびウィンドウ特殊効果アプリケーションを開発するために純粋な Python 言語で書かれたクロスプラットフォーム フレームワークです。必要な理由: グラフィカル インターフェイス アプリケーションに必要な機能モジュールを最初から開発するのは非常に面倒です。Pyglet には、ウィンドウ関数、OpenGL 特殊効果、オーディオとビデオの再生などの既製のモジュールが多数用意されており、時間を大幅に節約できます。キーボードとマウスの処理と画像を扱います。 (ただし、Pyglet はボタン、ツールバー、メニューなどの UI コンポーネントを提供しません。) 上記のモジュールはすべて W...
- H5 チュートリアル 2038 2017-06-12 11:16:47
ツールの推奨事項
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
