ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • Canvas描画の浮遊ボールエフェクトの例

    Canvas描画の浮遊ボールエフェクトの例

    最近、ブロックチェーン情報に注目していて、ぶらぶらしていると、このウェブサイトのホームページの効果を偶然目にしました。それは、ボールが近づくと、それに接続されるセンシングラインがあります。マウスはボールを使って感知ラインを作成することもできます。以下は Canvas で作成したもので、オリジナルの効果に気づくまでにかなり苦労しました。
    2025-02-01
  • モバイルHTML5ページ生成画像ソリューション

    モバイルHTML5ページ生成画像ソリューション

    現在、WeChat のパブリック アカウントの運用活動が多くなっており、写真を生成する必要があります。生成した写真は、友人に送信したり、モーメントで回覧したりすることができ、製品のプロモーションに役立ちます。 1. Canvas を使用して画像を生成できますが、html2canvas というオープンソース ライブラリがすでに存在するため、時間を節約するために独自の Github アドレスを記述しませんでした: h
    2025-02-01
  • カラフルなリングのカウントダウン効果を実装する SVG サンプル コード

    カラフルなリングのカウントダウン効果を実装する SVG サンプル コード

    リングのカウントダウンはよく見られますが、これを実装する方法はたくさんあります。しかし、この記事では、SVG を使用してカウントダウン機能を実装する新しい実装方法を紹介します。この記事では主に SVG のストローク-ダシャレー機能とストローク-ダシャオフセット機能を使用します。下の図はカウントダウンの実行エフェクトです: SVG カウントダウンの場合
    2025-02-01
  • HTML5 ページの iPhoneX への適応に関する問題

    HTML5 ページの iPhoneX への適応に関する問題

    1. iPhone の概要 サイズの拡大関係を発展させますが、これは単なる外面的な現れです。ダブルグラフコアの影響要因
    2025-02-01
  • HTML5キャンバスに基づく実現ボックス効果

    HTML5キャンバスに基づく実現ボックス効果

    ユーザーマウスが移動すると、この需要は非常に一般的です。これはHTML要素を扱うときは簡単ですが、HTML5キャンバスで構成されるグラフィックスで処理されている場合、キャンバスはキャンバス、キャンバスにどれだけのグラフィックが描かれているかに関係なく、別のメカニズムを使用するため、この方法はもはや適用できません。
    2025-02-01
  • HTML5ではli-canvasを利用することで、単一画像、複数画像、角丸画像描画、単一行テキスト、複数行テキスト等を簡単に実現できます。

    HTML5ではli-canvasを利用することで、単一画像、複数画像、角丸画像描画、単一行テキスト、複数行テキスト等を簡単に実現できます。

    新しく追加された Html5 のキャンバスは、誰もが毎日使用していると思われますが、画像を合成するために使用されることもありますが、コードが非常に重くなります。面倒なため、よく使用されるキャンバス描画、テキスト描画、保存機能がカプセル化されており、今のところすぐにキャンバス描画を完了することができ、非常に満足しています。
    2025-02-01
  • HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

    HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

    問題の説明: 書かれた h5 ページが携帯電話上で右にスライドすることがあり、その結果、スタイルの問題が発生することが判明しました ~ 問題のトラブルシューティングの理由 1: 携帯端末への適応がありません。 HTML ヘッダーに次のコンテンツを追加します。
    2025-02-01
  • ミニプログラムのウォーターフォールフローにより、左右の高低差が大きすぎる問題を解決します

    ミニプログラムのウォーターフォールフローにより、左右の高低差が大きすぎる問題を解決します

    ウォーターフォールフローのレイアウト効果を実現し、左から右の順に表示したい場合、CSS レイアウト方法では当面のニーズを満たすことができません。小紅酒の滝の流れの効果を参照してください。小紅酒は左右の列に分かれており、奇数と偶数に応じて表示できます。<view class=waterfall>
    2025-01-31
  • PhoneGapを使用して、デバイスのいくつかの情報方法を取得する

    PhoneGapを使用して、デバイスのいくつかの情報方法を取得する

    device.name device.phonegapphonegapの名前の名前の名前の名前device.phonegapphonegapバージョンplatform device.uuidデバイスの唯一の識別デバイスによって実行されるオペレーティングシステムの識別番号。
    2025-01-31
  • モバイル側での iframe スケーリングのサンプルコード

    モバイル側での iframe スケーリングのサンプルコード

    仕事で奇妙な問題に遭遇しました。長い間苦労しましたが、ついに解決しました。ここに分析のアイデアと解決策を記録します。レスポンシブな企業公式 Web サイトを構築するプロジェクトで、初期段階で静的な画像ページが切り取られた後、テンプレートとして使用するためにバックエンドに送信され、基本的にプロジェクトは終了しました。バックエンドを実装したところ、モバイル端末でのページ表示が正しくなく、非常にぼやけて見えることがわかりました。いいえ。
    2025-01-31
  • HTMLページ内の完全な検索機能

    HTMLページ内の完全な検索機能

    最近、多くの人が修正したフレームワークに取り組んでいて、毎日コードを見るとめまいを感じますが、バックエンドと構成可能なフロントエンドが作成できたことを実感しています。 2 つのライブラリの異なるデータ範囲を確認できました。非常に満足したので、その日はそれを共有するために取り出しました。今日は、ここ数日間取り組んでいた機能について説明します。 htmlページ。この機能は主に以下で実装されています。
    2025-01-31
  • HTML5はQQチャットバブル効果を実現します

    HTML5はQQチャットバブル効果を実現します

    今日、私はHTML/CSSを使用して、QQのようなチャットバブルを作成します。次に、HTMLおよびCSSコードを投稿します（それほど多くありません）。ステップ1：レイアウトメッセージは、Div+フロートレイアウトを使用します。
    2025-01-31
  • HTML5には、テーブルフォーム検証体験の最適化と迅速なバブル変更機能が付属しています

    HTML5には、テーブルフォーム検証体験の最適化と迅速なバブル変更機能が付属しています

    HTML5にフォーミュラが付属している場合、多くの友人がフォームを確認したときにjQueryまたはJSを手動で使用するか、jQueryプラグインを使用して検証します。 HTML5には認証が付属していると誰もが考えているからです。実際、HTML5にはフォーム検証が策定されており、現在は非常に強力です。純粋なHTMで私を見てみましょう
    2025-01-31
  • Html5 IphoneX適応方法を簡単に説明します

    Html5 IphoneX適応方法を簡単に説明します

    IphoneX への適応の鍵は、ページをノッチ、下部の操作領域、および大きな丸い角にどのように適応させるかです。他の携帯電話と比べたiPhoneの違い
    2025-01-31
  • HTML_ Power Node Java Collegeの紹介

    HTML_ Power Node Java Collegeの紹介

    HTMLとは何ですか？ HTMLは、Webページを説明するために使用される言語です。 HTMLは、マークアップ言語であるHyperTextMarkuplanguageを指します。マーク言語は一連のラベルです（マークアップTA
    2025-01-31
前のページ 159160161162163164165166167次のページ