現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向:
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する:
-
- HTML5 セマンティックタグ導入の概要
- HTML5 の新しいセマンティック タグには多くのメリットがありますが、古いバージョンの IE ブラウザでは依然として互換性の問題があり、人々は思い切って新しいタグを使用するべきでしょうか、それとも従来の意味のない多数の DIV ラベルを使用するべきでしょうか。今日は、H5 の新しいタグの互換性について簡単に説明します。まず、簡単なコードの小さな部分を見てみましょう: HTML コード: <!DOCTYPE html><html><head lang="en"...
- H5 チュートリアル 1699 2017-06-14 14:16:13
-
- 自動認証に関するおすすめ記事
- HTML5 でユーザー登録の自動検証機能を実現 コード例 05-24 10:49:46 著者: PHP Chinese Network は、自動検証機能を備えた Html5 ユーザー登録のデモを作成しました。 Handlebars テンプレート テクノロジーと携帯電話認証コード認証を使用します。以下は効果のスクリーンショットです。 1. ページ コード: usersRegister.hbsXML/HTML コード コンテンツをクリップボードにコピーします <!DOCTYPE html&n...
- H5 チュートリアル 1376 2017-06-14 14:13:46
-
- ドラッグ アンド ドロップ イベントの入門チュートリアル
- はじめに HTML5 は直接ドラッグ アンド ドロップ API を提供するため、大量の JS を記述する必要がなく、ドラッグ アンド ドロップ イベントをリッスンするだけで済みます。さまざまなドラッグ アンド ドロップ機能を実現する要素。要素をドラッグ アンド ドロップする場合は、要素の draggable 属性を true に設定する必要があります。この属性が false の場合、ドラッグ可能は許可されません。 img 要素と a 要素の両方の draggable 属性はデフォルトで true に設定されているため、これら 2 つの要素を直接ドラッグ アンド ドロップすることができます。これらの 2 つの要素をドラッグ アンド ドロップしたくない場合は、属性を false に設定します。
- H5 チュートリアル 1482 2017-06-14 13:34:47
-
- 3D カルーセルのコンテンツの推奨事項
- このブログの目的は、前回の HTML5/CSS3 特別トピック「CSS3 で Baidu Tieba の 3D 反転効果を作成する」という古典的なケースでは、言及されていなかった CSS 3D 効果に関する重要な知識ポイントがあるためです。レンダリングと翻訳: ふふ、私は母校 ~ 1 の育成の恩恵を忘れずに、大学の卒業式の写真をメリーゴーランドに作り、リベラルアーツ専攻の周りを回転させました。 パースペクティブ属性には 2 つの属性が含まれます: none と length 値ユニット付き。どの視点で...
- H5 チュートリアル 1971 2017-06-14 13:30:30
-
- 3Dモデルの使い方は? 3Dモデルの使用例をまとめます
- 1. 概要 現在の WebGL プログラミングで使用される 3D モデルのほとんどは、3DsMax モデルまたは Blender モデルから変換されています。この作業モードは、3D デザイナーと 3D プログラマーが共同で作業するシナリオに適しています。しかし、単独で作業する WebGL 愛好家にとって、このモードは重すぎます。変換の成功率を大幅に低下させる変換プラグイン自体のさまざまなバグは言うまでもなく、単純なモデルを生成するだけでも 3DsMax やその方法を体系的に学習する必要があります。 Blender を使用すると、人々は利益が利益を上回っていると感じます。 上記の考察に基づいて、私はまとめるつもりです...
- H5 チュートリアル 5893 2017-06-14 11:22:21
-
- 基本的な機能の関数定義と使用法の概要
- 私は最近、Bootstrap と LESS に出会いました。最も広く使用されている CSS プリプロセッサは、いずれも CSS を開発言語に組み込み、単純な記述言語から手続き型の特徴を備えた言語に移行しようとしているものです。変数、ミックスイン、ネスト、継承などです。チュートリアルで説明したように、CSS プリプロセッサは、CSS をデザイナー用のツールから開発者用のツールに変換します。しかし、読んだ後、私は次のように感じます...
- H5 チュートリアル 2227 2017-06-14 10:48:16
-
- テキストレンダリングに関する推奨コース
- テキストのレンダリングに関連する属性とメソッドは主に 3 つあります。 上記の属性とメソッドの基本的な使用法は次のとおりです。 var Canvas = document.getElementById("canvas");
- H5 チュートリアル 1542 2017-06-14 10:20:42
-
- 印刷に関するおすすめ記事10選
- レスポンシブ Web デザインは、マルチスクリーンの問題に対する優れた解決策ですが、印刷の観点から見ると少し困難です。固定のページ サイズ、ミリメートルやインチ、物理的な制限はなく、開始方法もありません。 Web サイトを開くことができるデバイスが増えているため、デスクトップとモバイルのピクセル設計手法を排他的に使用することも過去のものになりました。したがって、レスポンシブ Web デザインの基本原則をいくつか明確にし、それに対抗するのではなく、流動的な Web ページを受け入れる必要があります。 1. レスポンシブ Web デザインとアダプティブ Web デザイン これらは同じように見えるかもしれませんが、実は違います。 ...
- H5 チュートリアル 2805 2017-06-14 09:10:23
-
- 写真を追加するための入門チュートリアル: 写真を追加するための推奨される基本チュートリアル 10 選
- 前回のチュートリアル「HTML5 実践 - CSS3 画像スタイル」では、画像に背景画像パッケージを追加し、box-shadow と border-radius を使用して画像にさまざまなスタイルを設定する方法を紹介しました。興味のある方は戻って読んでください。それ。しかし最近、PhotoTouch テーマをデザインするときに、背景画像のサイズを調整できないという問題が発生しました。これはレスポンシブ デザインには理想的ではありません。今日...
- H5 チュートリアル 1839 2017-06-13 11:59:39
-
- HTML5 セマンティック要素に関するチュートリアルの例
- セマンティック要素とは何ですか? セマンティック要素はブラウザーと開発者に対してその意味を明確に説明します。セマンティック要素の例: <div> および <span> - コンテンツを考慮する必要はありません: <form>、<img> は、そのコンテンツを明確に定義します。 +、Firefox、Chrome、Safari...
- H5 チュートリアル 1609 2017-06-13 11:51:38
-
- HTML5開発に関するおすすめ記事10選
- 現在、HTML5 を使用して開発しようとする人が増えており、HTML5 エンジンの数も徐々に増えていますが、開発者はどのようなエンジンを選択すべきでしょうか。今回は個人的にかなり良いと思ういくつかのエンジンの効率を比較してみます。この比較に参加するエンジン: 1.createJSwww.createjs.com2.cocos2d-HTML5www.cocos2d-x.org/wiki/Cocos2d-html53.enchant.jsenchantjs.com4.
- H5 チュートリアル 2156 2017-06-13 11:42:35
-
- 簡単アニメーションのおすすめコース10選
- 1. 効果図 2. 原理 最初のステップは、カスタマイズされた色で完全な円を描画することです。 2 番目のステップは、外側の円より小さい半径を持つ内側の円を描画することです。最後のステップは、色をカスタマイズすることです。パーセンテージに応じて 3 番目の円が表示され、色がカスタマイズされます。 動的描画の 3 番目のステップの効果を実現するには、タイマー機能を追加し、時々距離を描画し、しきい値を設定します。このしきい値を超えると、このしきい値は実際にはクリアされます。パーセント値を表示します。描画するたびに 0.01 注: タイマーで描画する場合は、2 番目のステップで内側の円を描画する必要があり、空白の円もタイマー内にあります。
- H5 チュートリアル 1446 2017-06-13 11:25:07
-
- オープンソース ライブラリの詳細な紹介
- 1. lufylegend.js とは何ですか? lufylegend は HTML5 オープン ソース エンジンで、ActionScript 3.0 に似た構文を使用して HTML5 開発を実装します。LSprite、LBitmapData、LBitmap、LLoader、LURLLoader、LTextField、LEvent など、Google Chrome や Firefox をサポートします。 、オペラ、IE9、IOS、A...
- H5 チュートリアル 1366 2017-06-13 11:09:52
-
- Box2dWeb に関するおすすめコース 10 選
- Angry Birds は人気のあるパズル ゲームです。現在、lufylegend ライブラリと Box2dWeb 物理エンジンを使用して、このような古典的な物理ゲームを HTML5 で作成する方法を試しています。準備 1 まず、lufylegend ライブラリ バージョン 1.4.1 http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb をダウンロードする必要があります。http://code.google.com/p からダウンロードできます。 。
- H5 チュートリアル 1698 2017-06-13 11:08:35
-
- HTML5 ゲーム開発 - Angry Birds に関する記事の推奨事項
- Angry Birds は人気のあるパズル ゲームです。現在、lufylegend ライブラリと Box2dWeb 物理エンジンを使用して、このような古典的な物理ゲームを HTML5 で作成する方法を試しています。準備 1 まず、lufylegend ライブラリ バージョン 1.4.1 http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb をダウンロードする必要があります。http://code.google.com/p からダウンロードできます。 。
- H5 チュートリアル 1717 2017-06-13 11:06:23