html5 - BinaryDevelop

html5フォームにおけるrequired属性の使用について

説明今日、フォームに空でない機能があることを知り、調べたところ、required属性はHTML5の新属性であることが判明しました定義と使用方法必須属性はブール値属性です required属性は、投稿前に入力フィールドが埋められなければならないことを指定します。この属性が使用されている場合、フィールドは必須（または必須）である。注：必須属性は、次のタイプに適

2022-01-21 15:15:47
HTML5セマンティックタグ（モバイル必須）

HTML5の標準仕様が策定・公開されてから数年が経過し、取材でも必然的にHTML5のセマンティクスの理解が求められるようになりました。しかし実際には、まだバージョンの低いブラウザを使っているユーザーがいることもあってか、HTML5のタグを開発に使っている人はあまりいないようです（追記：推論でいくつかの巨大企業のWebサイトを確認しました）。でも個人的には、いくつかのタグを選ぶと絡んでしま

2022-01-21 14:56:46
Html5は、同時に複数のsdkのヒントをサポートする

必要条件実際のプロジェクトでは、通常、いくつかのクロスプラットフォームのページを作成する必要があります。例えば、WeChatのアプレットや自社アプリ、Alipayなどのプラットフォームで表示する必要のあるイベントページなどです。今回はh5が非常にニーズに合っています。もし要件がもっと複雑で、例えばこの活動ページで何らかのスイープ機能を呼び出す必要があったり、決済機能を呼び出す必要があった

2022-01-21 14:49:30
HTML5ページオーディオの自動再生実装

最近、携帯電話でページを読み込むと、自動的に音楽リソースを再生する要件がありました。通常であれば解決するのですが、様々な携帯電話で安定したパフォーマンスを確保するのはなかなか大変というか、一工夫が必要です。自動再生オーディオ・オブジェクトを作成するには、一般的に3つの方法があります。 1つ目は、ページ内にaudioタグを作成し、autoplay='autoplay'などの関連属性を書き、通

2022-01-21 14:38:03
Html5で新しくなったこと

はじめに HTML5は、次世代のHTMLであり、HTML、XHTML、HTML DOMの新しい標準となるものです。はじめに HTML5は、W3CとWHATWGの共同作業によって生まれたものです。 HTML5で制定されたルールの一部をご紹介します。新機能は、HTML、CSS、DOM、JavaScriptをベースとしたものであるべきです。外部プラグイン（F

2022-01-21 13:03:26
HTML5の再適応スキームとビューポート適応の問題点を解説

H5 remの適応スキームとビューポート適応レム remはCSS3で新たに追加された相対単位（ルートem、ルートem）現在のページのHTMLページのフォントサイズに応じてのみ設定、ルートのフォントサイズが18pxの場合、1rem=18pxとなるメディアクエリの設定 @media screen and (min-width: 320px) { html {

2022-01-21 12:52:42
html5で複数ページ通信を行うsharedWorkerのコード例

今日、githubで遊んでいて、ログインせずにいくつかのページを閲覧し、あるページでログインした。別のページに切り替えたところ、以下のようなプロンプトが表示されました。では、これはどのように機能するのでしょうか。一つの方法として考えられるのは、ページがログインしたときにlocalStorageの状態を変更し、他のページは表示されたときに最新の状態を読み、プロンプトを表示して

2022-01-21 10:44:20
Html5は、エンタープライズWeChatの実装を呼び出す

プリアンブル H5ベースのページチューニング Enterprise WeChat API (チューニングデモ) I. 環境エンタープライズWeChatの管理者は、アプリケーションを追加し、アドレスは、H5プログラムのアドレスにポイントします。(エンタープライズWeChatは、内部ツアーを介して、モバイルプロジェクトのWeb側のうち、独自の公開にアクセスするには、この記事の焦点

2022-01-21 09:53:17
キャンバス三動的円描画法の説明（要約）

前置き canvasはHTML5から生まれた描画APIコンテナで、グラフィックを扱うのに非常に強力です。ここでは、JavaScriptでcanvasを使った動的な円形エフェクトを紹介します。これを利用して、円形のプログレスバーを作って使ってみてください。ここでは、個人的に3つの実装方法をまとめてみました。方法1：arc()で円を描くコード <!DOCT

2022-01-21 09:35:14
キャンバスマルチシャドウグロー効果

プリアンブルあるプロジェクトで、クライアントが次のようなレンダリングで光り輝く効果を挙げていました。シャドウズ実はこれ、影で実現できるんです、という人もいるかもしれませんね。しかし、図からわかるように、かなり強い光り方の効果です。実際には、単純なシャドウパラメータでこれほど強い光輝効果を実現するのは難しいと思われます。例えば renderAllRows

2022-01-21 09:10:52
404の実装で雪見だいふくをする方法CANVAS

はじめにを、"li.li.li.li.li.li.li "と呼びます。パソコンもリトルキングにつないで、ゲーム、コントラ、スーパーマリオ、タンクバトルなどをよくやっていた。時代は白馬のごとく、技術はどんどん進歩し、今やネットワークテレビを持つものは二度とそんな状況は現れないだろうが、本当に懐かしい時代である。私たちのテーマは、今日404ページの雪の画面のバージョンを行うことです、

2022-01-21 07:34:27
html+cssでメニューバーのスロードロップダウン効果を実現するコード例

目標：html+cssを使って、マウスをメニューバーに移動させるとメニューバーがゆっくり表示される効果を実現する。この問題を解決するには、次の2つの方法があります。方法1：遷移（トランジション）フォーラムをオンにする-1 Absolute positioning (絶対)であるため、内側の li を親要素の外に出すと、それ以降のコンテンツが右側に圧迫されるため、親

2022-01-21 07:21:12
Html5 データストリームによる動画再生

PC、Android、IOS環境に対応したH5ページで、サーバーサイドの動画ファイルをデータストリーミングで再生する方法を紹介します。 H5ページでは、以下の方法で動画を再生することができます。 <ビデオタグを使用します。一般的な方法は以下の通りです。 \n src は、再生する動画の URL を、特定の動画ファイルへのパスとして指定します。アクセスリクエスト

2022-01-21 06:59:58
ローカルファイルの読み書きを行うためのHTML5実装

最近、htmlページ上にエクスポートするためのボタンがあり、クリックするとドキュメントを構築してローカルファイルシステムに保存するという要件がありました。また、クリックすると、ローカルファイルシステムからファイルを読み込んで、その内容を解析するボタンもあります。はっきり言って、ローカルファイルシステムからファイルを読み書きする方法というのは、一つです。このことは、html5以前は

2022-01-21 06:18:20
フロントエンドのHtml5でスクリーンショットを共有する方法のサンプルコード

プリアンブルこの記事では、canvasを使用してスクリーンショットを共有する方法について説明します。当初、canvasペイントで画像を共有するのは難しくないと思っていたのですが、実際に開発中に多くの落とし穴に遭遇しました例えば、こんな感じです。画像の背景が透明画像なし、文字だけの画像を共有する。画像クロスドメイン問題以下の例をご覧ください。共有画

2022-01-21 06:18:18
キャンバスは、マウスがまぶしい小さなボールの実装に従ってください。

マウスのボールを追う <ブロッククオートキャンバスに負けず劣らず、とても楽しかったです。エフェクトの実装超クール実装原理ボールを作成する blobにランダムな色とランダムな半径を追加するマウスの動きをインスタンス化して新しいBlobを追加するプロトタイプに追加されたメソッドを呼び出して、ブロブをアニメートさせる

2022-01-21 05:51:28
HTMLスケッチのためのEmmet構文ルールの実装

フロントエンドの開発プロセスにおいて、最も時間を要する作業はHTMLとCSSのコードを書くことである。タグや属性、括弧などがたくさんあって、頭が痛くなる。ここでは、推奨されるEmmetの構文規則は、あなたが飛ぶように時間を書くことができ、大幅にコードを書くことを改善することができ、唯一のあなたが望む完全なHTML構造を生成するコードの行をノックする必要があり、以下は、使用する方法を紹介します。

2022-01-21 05:20:55
html5でポップアップ画像のクリック機能を実装する

以下のように、フォアグラウンドコードとjsコードに分かれて、html5のクリックからポップアップ画像までを共有します。フォアグラウンドのコード <a href="javascript:;" onclick="repeat()"> <div id="modal_volume" style="position: fixed; text-align: center;

2022-01-21 05:14:53
html5 モバイル長押し禁止画像保存実装

モバイルでH5ページにアクセスした際、画像の長押しで画像が保存されます。ユーザーエクスペリエンスを向上させるためには、長押ししても画像が保存されないようにする必要があります。どうすれば実現できるでしょうか。ここでは、3つの解決策を紹介します。解決策1: ポインターイベント:なしを使用する img{ pointer-events:none; } 画像が開かれるWeCh

2022-01-21 04:36:31
Html5による大画面データビジュアライゼーション開発の実装

プロジェクトは、カンバンボードでデータ表示を行う必要があり、最初のタスクは、これは難しいことではないと思う受信し、美しいWebブラウザのフルスクリーンを行うことができます。しかし、それを行う過程で、私は問題に遭遇した。まず：ブラウザは、水平および垂直スクロールバーを持つことができない、とマウスのスクロール処理はありません。第二に：画面のサイズのすべての種類は、9ギガのスプライシン

2022-01-21 01:33:18

最新

おすすめ