現在位置：ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向：
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する：
-
- gulp を使用した圧縮の例
- 1. ノードをダウンロードしてインストールします http://nodejs.org にアクセスし、大きな緑色のインストール ボタンをクリックします。ダウンロードが完了したら、プログラムを直接実行すれば準備完了です。 npm はインストール パッケージと一緒にインストールされます。 2. コード行を開きます node -v //ノードのバージョンを確認し、バージョン番号が表示されればインストールは成功です。 npm -v //npmのバージョンを確認し、バージョン番号が表示されていればインストール成功です。 位置
- H5 チュートリアル 1444 2017-06-21 15:21:18
-
- 全画面切り替え効果例のオンラインデモ
- オンラインデモ: DEMO デモ以下のコードには互換性のあるコードがありません。IE バージョンは CSS3 サポートにあまり適していません。IE11 で開くとスクロール効果がありません。 互換性のあるコードプレフィックス: -ウェブキット- -モズ- -o- -MS- コードに直接移動します。 <!DOCTYPE html> <html lang="ja"> <頭> <
- H5 チュートリアル 1855 2017-06-21 14:57:30
-
- ダイナミックなビジュアル差分背景（h5）の作り方
- ウェブサイトを作成する場合、視覚的な差分効果が使用される場合があります 写真のように 視覚的な収差は、Web ページを作成するときに非常に素晴らしい効果をもたらします。今日は、動的な視覚的な収差を表現する方法について話したいと思います。 効果は次の図に示すとおりです。 制作方法にはまず視覚差分プラグインが必要です 私が使用しているプラグインは、より一般的な視覚差分プラグインです。 <link rel="stylesheet" type="text/css" href="css/reset.css?1.1.10" /> &l
- H5 チュートリアル 5148 2017-06-21 14:34:40
-
- ページ上に円形のクリック可能領域を実装するにはどうすればよいですか?
- 1. マップ+エリア DW ソフトウェア導入方法ビデオ: http://www.chuanke.com/3885380-190205.html 2. 境界半径（H5） <スタイル> 。丸{ /*サークル設定*/
- H5 チュートリアル 2383 2017-06-21 14:33:57
-
- WEBフロントエンド標準ネーミングの紹介
- ヘッダー ----------------ヘッダーに使用されます メインコンテンツ main ------------ メインコンテンツ（中盤）に使用 左メイン-左 -------------左レイアウト 右メイン-右 -----------右レイアウト コートラップ ------------------ 最外層に使用 ナビゲーション バー ナビゲーション ------------------Web メニュー ナビゲーション バー 内容コンテ
- H5 チュートリアル 1785 2017-06-21 14:33:16
-
- Less と Sass フレームワークを使用するにはどうすればよいですか?
- 1. 構文の削減 1. 変数宣言: @変数名: 変数値; 1 @newHeight:20px; 2. 変数を呼び出します。 1 .box { 2 幅: @newHeight; 3 高さ: @newHeight; 4} 3. 多重継承 (Mixins): 既存のクラスを独自のメンバーとして呼び出します。 1 .box1 { 2.ボックス; 3}
- H5 チュートリアル 2154 2017-06-21 14:28:56
-
- HTML5のセマンティックタグと互換処理について詳しく解説
- <header></header> ヘッダー 主にページの先頭の情報紹介に使用されますが、セクションのヘッダーにも使用できます。 <hgroup></hgroup> ページ上のタイトルの組み合わせ、タイトルとサブタイトル、またはスローガンの組み合わせ <hグループ> <h1>素晴らしい教室</h1> <h2>人道的な IT トレーニングを受講してください</h2> </h
- H5 チュートリアル 1392 2017-06-21 14:27:54
-
- Sina Weibo動画とMiaopai動画をダウンロードする方法
- Sina Weibo アプリ自体には Weibo 動画をダウンロードする機能はありませんが、サードパーティのツールを使用して Weibo 動画をダウンロードできます。インターネット上の多くのソフトウェアは、コンピュータにインストールして利用する必要がありますが、携帯電話で利用したい場合は利用できません。 そこで今日は、携帯電話にWeiboとMiaopaiの動画をダウンロードする方法を紹介します。 Sina Weibo 動画と Miaopai 動画をダウンロードする方法: 1. Sina Weibo アプリを開き、ダウンロードしたいビデオを見つけます。ビデオを含む Weibo ページで、右上隅にある 3 つの点 (...) をクリックすると、共有ポップアップ ウィンドウが表示されます。クリックしてリンクまたはポイントをコピーします
- H5 チュートリアル 4442 2017-06-21 14:13:23
-
- CSS3フレックスボックスの使い方は？
- 記事の出典: http://www.zhufengpeixun.cn/article/173 I.はじめに Flexbox は名前が示すように、CSS3 のボックス モデルです。なぜこの属性が最近人気になったのでしょうか。その主な理由は、CSS3 仕様がついに普及してきたこと (または IE がついに失敗したこと) と、モバイル デバイスの開発により、適応する長さと幅にかなりの柔軟性を備えたレスポンシブ レイアウトの台頭が促進されたことです。
- H5 チュートリアル 2200 2017-06-21 14:09:08
-
- jQuery Validationの使い方を詳しく解説
- jQuery 検証フレームワーク: 基本的な HTML コード: 1 <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1 .10"></script> 3 <script> 4 $(関数
- H5 チュートリアル 2072 2017-06-21 13:33:23
-
- Web SQL データベースの使用方法のチュートリアル
- Web SQL Database API は HTML5 仕様の一部ではありませんが、SQL を使用してクライアント データベースを操作するための API セットを導入する独立した仕様です。コア メソッド: openDatabase - 既存のデータベースまたは新しいデータベースを使用してデータベース オブジェクトを作成します。トランザクション - ものを制御し、この状況に基づいてコミットまたはロールバックを実行できます。executeSql - 実際の SQL ステートメントを実行してデータベースを開きます。 openDatabase() メソッド
- H5 チュートリアル 2222 2017-06-21 13:19:34
-
- クイックスタート createjs サンプル チュートリアル
- createjs フレームワークを使い始めたとき、インターネット上に関連するチュートリアルがまだほとんどないことがわかりました。そのため、将来の参照に便利な記事を書きました。 createjs 入門の公式 Web サイト: http://www.createjs.cc/createjs には、次の 4 つの部分が含まれています。 EaselJS: スプライト、アニメーション、ベクター、ビットマップの描画、および HTML5 Canvas でのインタラクティブなエクスペリエンスの作成に使用されます (マルチタッチを含む) TweenJS: アニメーション効果に使用されます SoundJS:
- H5 チュートリアル 3746 2017-06-21 10:33:14
-
- HTML5 をゼロから学ぶ
- HTML5 をゼロから学習するのに役立つ 1 つの基本的な HTML5 入門チュートリアルと 4 つの HTML5 小規模プロジェクト チュートリアル。 【HTML5の基礎入門】 このチュートリアルでは、構造タグ、新しいフォームタグ、ファイル操作、キャンバス、ローカルストレージなど、HTML5の新機能を紹介します。フロントエンド プログラミングに興味があり、HTML をすでに学習している人に適しています。実験リスト: [HTML5 ベースのローカル画像トリミング] このプロジェクトは、HTML5 キャンバス技術の使用を実装し、HTML5 ファイル AP を組み合わせます。
- H5 チュートリアル 3938 2017-06-21 10:28:43
-
- アークとセクターのローディングアニメーションを作成するにはどうすればよいですか?
- 0. 静的レンダリング 1. 円弧を描くコード width: 3em; height: 3em; border: 7px 透明なソリッド; border-left: 7px #4DB6AC ソリッド; 別の方法です。 #4DB6AC ソリッド ボーダー半径: 50%;
- H5 チュートリアル 1740 2017-06-21 10:28:01
-
- 毎日の小さな JS スライドショー。主な知識ポイント: イベント
- <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>ドキュメント</title><style type="text/css">body { margin: 0; #wrap {マージン: 100px 自動; ポジティブ
- H5 チュートリアル 1378 2017-06-21 09:01:04
ツールの推奨事項
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
