現在位置:ホームページ > 技術記事 > ウェブフロントエンド

  • 10 jQueryタイムピッカープラグイン
    10 jQueryタイムピッカープラグイン
    あなたのウェブページを新しく見せるための10の超クールなJQuery Time Selectorプラグイン!日付とカレンダーのセレクターはどこにでもありますが、タイムセレクターは比較的少ないです。これらの優れたプラグインを見せましょう! 更新:2016年3月24日、廃止、破損、または非推奨のプラグインが削除されました。リスト全体は、現在の設計動向と標準に基づいて更新され、いくつかの新しいプラグインが追加されました。 jquery.timepicker シンプルで使いやすいプラグインをお探しですか? Googleカレンダーに触発されたこのjquery.timepickerプラグインは、時間をできるだけ自然に入力するように設計された強力なライブラリです。 ホーム/デモ| ウィック
    jsチュートリアル 472 2025-02-18 08:44:11
  • Javascriptの6つの方法、react、es6&es7のこのキーワード
    Javascriptの6つの方法、react、es6&es7のこのキーワード
    キーポイント JavaScriptのこのキーワードは、特にコールバック関数内で混乱する可能性があります。 Reactでは、これはコンポーネントのコンテキストを参照します。コンポーネントのコンテキストは、関数コンテキストがシフトすると問題を引き起こす可能性があります(例:Promise Callbacks)。 いくつかの方法が存在します
    jsチュートリアル 874 2025-02-18 08:41:13
  • Aフレーム:VRを今日Webに持ち込む最も簡単な方法
    Aフレーム:VRを今日Webに持ち込む最も簡単な方法
    Aフレーム:Web開発者向けの簡単なWebVR開発 Web開発者は、まったく新しいプログラミング言語やUnityやUnreal Engineなどの複雑なゲームエンジンを学習することなく、仮想現実の世界を探索できるようになりました。 Aフレーム、オープンです
    jsチュートリアル 1032 2025-02-18 08:39:10
  • JavaScriptモジュールの理解:バンドリングと透過
    JavaScriptモジュールの理解:バンドリングと透過
    p.tip { バックグラウンドカラー:RGBA(128,128,128,0.05); Border-Top-Right-Radius:5px; 国境圏 - 右とradius:5px; パディング:15px 20px; 国境左:10pxソリッドRGBA(128,128,128,075); マージントップ:10px; } この記事はDAによってピアレビューされました
    jsチュートリアル 1003 2025-02-18 08:35:10
  • Moriを使用した不変のデータと機能的JavaScript
    Moriを使用した不変のデータと機能的JavaScript
    キーテイクアウト MoriはClojureの永続的なデータ構造を活用して、JavaScript開発者にコードのシンプルさと信頼性を高める不変のデータオプションを提供します。 MORIを利用すると、ENFによるJavaScriptの機能的なプログラミングパラダイムが促進されます
    jsチュートリアル 761 2025-02-18 08:34:10
  • HTML5フォーム:入力タイプ(パート1) -  SitePoint
    HTML5フォーム:入力タイプ(パート1) - SitePoint
    HTML5フォーム入力タイプとベストプラクティスの詳細な説明 コアポイント HTML5フォームは、電子メール、検索、日付、時刻、数字、範囲、色などの新しい入力タイプを導入します。これらのタイプは、データ型とより一致するユーザーインターフェイス要素とネイティブデータ検証関数を提供します。古いブラウザでさえ、これらの新しい入力タイプは、デフォルトで標準のテキストフィールドとして表示されることを除いて、適切に機能します。 検索入力タイプ(type = "検索")は、検索フィールドを提供し、ユーザーに直感的な検索サイトプロンプトを提供します。通常、組み込みのクリアボタンが付属しており、ブラウザまたはオペレーティングシステムに合わせてスタイルを整えることができます
    CSSチュートリアル 487 2025-02-18 08:28:10
  • jQueryなしでシンプルなJavaScriptスライドショーを作成します
    jQueryなしでシンプルなJavaScriptスライドショーを作成します
    キーテイクアウト このチュートリアルは、jQueryなどの外部ライブラリを使用せずにシンプルなJavaScriptスライドショーを作成するための段階的なガイドを提供します。
    jsチュートリアル 268 2025-02-18 08:25:09
  • 独自のJavaScriptライブラリを設計および構築する:ヒントとトリック
    独自のJavaScriptライブラリを設計および構築する:ヒントとトリック
    独自のJavaScriptライブラリを構築して公開:詳細なガイド コアポイント 目標を明確にする:ライブラリの構築を開始する前に、解決したい特定の問題を特定し、集中し続け、その有用性を確保します。 ユーザー中心のAPIデザイン:エンドユーザー中心でライブラリを設計して、シンプルで使いやすくし、ユーザーの採用と満足度を向上させます。 柔軟性とカスタマイズ:さまざまなユーザーのニーズに合わせて、構成、パブリックメソッド、イベント処理を通じてカスタマイズオプションを提供します。 テストとドキュメント:MochaやJasmineなどのフレームワークを使用して、徹底的なテストを実施し、理解と使用に役立つ包括的なドキュメントが提供されるようにします。 モジュールローダーの互換性:ライブラリがさまざまなモジュールローダーをサポートしていることを確認してください。
    jsチュートリアル 344 2025-02-18 08:24:13
  • GoogleマップJavaScript APIを正しい方法で活用します
    GoogleマップJavaScript APIを正しい方法で活用します
    この記事では、GoogleマップJavaScript APIを効果的に利用して、Webサイトにインタラクティブマップを作成する方法を示しています。 パフォーマンスと効率のためのベストプラクティスを強調し、よりシンプルな埋め込みメトーよりも堅牢なソリューションを提供します
    jsチュートリアル 584 2025-02-18 08:23:08
  • Web通知APIを使用して動的なメッセージを表示します
    Web通知APIを使用して動的なメッセージを表示します
    Web通知API:ブラウザの制限からWebサイト通知を取得する お気に入りのWebサイトやアプリからのモバイル通知に慣れていますが、ブラウザが通知を直接プッシュすることがより一般的になっています。たとえば、Facebookは、新しい友達リクエストを持っている場合、またはあなたが参加している投稿に通知を送信する場合に通知を送信します。 フロントエンドの開発者として、ブラウザ通知を活用して、多くの情報フローを処理しないWebサイトにサービスを提供する方法が興味があります。ウェブサイトへの訪問者の関心に基づいて、関連するブラウザ通知を追加する方法は? この記事では、Concise CSS Webサイトに通知システムを実装して、リリースされるたびに新しいバージョンのフレームワークを提供する方法を示します。
    jsチュートリアル 495 2025-02-17 13:06:09
  • JavaScriptを学習するのに最適な本は何ですか?
    JavaScriptを学習するのに最適な本は何ですか?
    JavaScript学習リソースの推奨事項:プログラミングの旅を始めるのを手伝ってください 適切なJavaScript学習本を選択することが重要です。この記事では、あなた自身のレベルに応じて適切な学習パスを選択するのに役立ついくつかの優れた本を推奨します。 エントリーレベル: 「JavaScriptを使用してコードを学ぶ」:これはJavaScriptプログラミングの優れた入門書であり、プログラミングのコア概念と基本的な知識を包括的に説明しています。この本は、サブスクリプションなしですべてのSitePointアカウントユーザーに無料で入手できます。プログラミングの基本を学び、徐々にJavaScriptをマスターします。マスターされたテクノロジーは、他のプログラミング言語に転送され、その後の学習のための強固な基盤を築くことができます。カバー変数、データ
    jsチュートリアル 1054 2025-02-17 13:02:10
  • Mixitup 3 JSライブラリでのアニメーションフィルタリングとソート
    Mixitup 3 JSライブラリでのアニメーションフィルタリングとソート
    Mixitup 3:CSSアニメーションに基づくWeb要素のフィルタリングとソートツール MixItup 3は、CSSアニメーションを使用してWeb要素をフィルタリングおよびソートする強力なJavaScriptライブラリです。これは、ポートフォリオ、フォトアルバム、ブログなどのコンテンツが豊富なWebサイトを整理するのに最適です。 Mixitup 3のコア機能: 依存関係:Mixitup 3は他のライブラリに依存せず、使いやすいです。 CSSアニメーション:CSSアニメーションを使用して、スムーズなフィルタリングとソート効果を実現します。 高度にカスタマイズ可能:リッチな構成オプションを提供し、アニメーションエフェクトをカスタマイズしたり、カスタムクラス名を追加したり、カスタムフィルタリングとソートボタンを作成したりできるようにします。 クロスブラウザー
    jsチュートリアル 805 2025-02-17 12:59:08
  • node.jsのRaspberryPi Gpio Pinsを始めましょう
    node.jsのRaspberryPi Gpio Pinsを始めましょう
    SitePoint IoT Week Special!今週は、インターネットと物理的な世界の交差点に関する一連の記事を公開しますので、最新のアップデートについてはIoTタグに注目してください。 モノのインターネットは最近の怒りです。物理的なコンピューティングの分野には、実践できる多くのアイデアがあり、私たちが住んでいる世界をプログラミングするのに簡単にふけることができます! Raspberry Piとブレッドボードで、次は何ですか? この記事では、node.jsを使用して、Raspberry PiのGPIOピンにアクセスする方法について説明します。 GPIOピンを使用すると、ハードウェアを直接プログラムできます。 JavaScript APIは、このプロセスをシームレスにします。これらのAPIは、一般的な手法の抽象化であり、どこからでもアクセスできます。 node.jsインタープリターは、単一のプロセスで実行されます
    jsチュートリアル 397 2025-02-17 12:58:10
  • SVGOを使用してSVGファイルサイズを減少させる3つの方法
    SVGOを使用してSVGファイルサイズを減少させる3つの方法
    この記事では、ファイルサイズを削減し、ウェブサイトのパフォーマンスを向上させるための人気のあるツールであるSVGOを使用して、SVGグラフィックを最適化するための3つの方法について説明します。 SVGOは、不必要なマークアップの削除、パスの簡素化、SVGSの膨満感の排除に優れています
    CSSチュートリアル 669 2025-02-17 12:57:09
  • 10 jQueryファイルアップロードプラグイン
    10 jQueryファイルアップロードプラグイン
    2016年7月に更新されたこの記事では、Webサイトの機能を強化するための10個のjQueryファイルアップロードプラグインをレビューします。 プラグインは、さまざまな機能とユーザーインターフェイスを提供し、ファイルアップロードをAJAXと統合する複雑なプロセスを簡素化します。 鍵
    jsチュートリアル 771 2025-02-17 12:56:11

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (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

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。