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

  • CSS画像置換:テキストインデント、負のマージンなど
    CSS画像置換:テキストインデント、負のマージンなど
    CSS画像置換:現代のテクニックの包括的なガイド テキストと画像と交換するために使用される手法であるCSS画像の交換は、豊かな歴史を誇っています。 多くの方法は機能的なままですが、SEOの理由でGoogleのペナルティに直面する人もいます。 このgu
    CSSチュートリアル 940 2025-02-21 08:36:09
  • Node.js Webアプリをより速くするための10のヒント
    Node.js Webアプリをより速くするための10のヒント
    Node.jsは、非同期およびイベント駆動型アーキテクチャのために本質的に高速で、最新のWebパフォーマンスのピークには最適化が必要です。 この記事では、Node.jsアプリケーションの速度を大幅に向上させるための10の重要な戦略の概要を説明します。しましょう
    jsチュートリアル 339 2025-02-21 08:31:10
  • CSSクリップパスプロパティの導入
    CSSクリップパスプロパティの導入
    CSSクリップパス:Web要素の形成 体 { フォントファミリー:sans-serif; } 。容器 { ディスプレイ:Flex; justify-content:center; 項目:セント
    CSSチュートリアル 519 2025-02-21 08:29:09
  • PostCSSに容易にする7つのPostCSSプラグイン
    PostCSSに容易にする7つのPostCSSプラグイン
    PostCSS:CSSワークフローの合理化 PostCSSは、複雑なCSSタスクを自動化するために設計された堅牢なツールであり、SASS、Less、Stylusなどのプレテソーサの強力な補完または代替品として機能します。 そのコア機能は、パルシンを中心に展開します
    CSSチュートリアル 760 2025-02-21 08:28:10
  • 軽量のCSSフレームワークであるCutestrapを知ることができます
    軽量のCSSフレームワークであるCutestrapを知ることができます
    Cutestrap:合理化されたWeb開発のための軽量CSSフレームワーク この記事では、軽量のCSSフレームワークであるCutestrapを調査し、単純な1ページのHTMLテンプレートの例を使用してその機能を実証します。 主な機能: ウルトラライトウェイト:私たち
    CSSチュートリアル 722 2025-02-21 08:27:08
  • フォントローダーでページのパフォーマンスを改善する方法
    フォントローダーでページのパフォーマンスを改善する方法
    キーポイントの概要 フォントローダーを使用すると、ロードタイミングとWebフォントのロード方法を制御するため、Webページのパフォーマンスが大幅に向上し、ページの読み込み時間が短縮され、「非スタイルのテキストがちらつき」(FOUT)を回避できます。 WebFontLoader JavaScriptライブラリは、ページのロード後にバックグラウンドのさまざまなソースからフォントをロードできる非常に便利なツールであり、CSSおよびJavaScriptコールバック関数を使用してロードプロセスのカスタマイズを可能にします。 フォントの使用とユーザーエクスペリエンスはバランスが取れている必要がありますが、フォントはWebサイトの美学を強化する必要がありますが、多数のフォントまたはフォントをロードすると、特にモバイルデバイスでページの読み込みが遅くなる可能性があります。したがって、フォントローダーを使用して、代替フォントを実装できます
    jsチュートリアル 617 2025-02-21 08:25:09
  • Phantomcssによる視覚回帰テスト
    Phantomcssによる視覚回帰テスト
    キーテイクアウト Phantomcssは、視覚回帰テストを実行するNode.jsツールです。これは、Webページ要素が意図したとおりに表示されるかどうかをチェックする自動テストの形式です。これは、ページのスクリーンショットまたは特定の要素を取得することでこれを行います。
    CSSチュートリアル 893 2025-02-21 08:24:11
  • JavaScriptイベント処理における新しいパターン
    JavaScriptイベント処理における新しいパターン
    ここ数ヶ月では、最適なJavaScriptイベントの取り扱いに関する重要な議論が目撃されています。 GoogleのJSACTIONライブラリと今後のECMAScript 7 object.observe()メソッド(Chrome 36およびnode.js Harmonyで既にサポートされています)がこのDEに燃料を供給しました
    jsチュートリアル 799 2025-02-21 08:23:07
  • node.jsを使用してJawbone Up APIに接続します
    node.jsを使用してJawbone Up APIに接続します
    開発者として、私は顎骨が私に持っている大量のステップカウントと睡眠習慣のデータにアクセスしたいと思っています。たくさんのデータがあります!そこで、Jawbone Up APIとノードを使用してこのデータを引き込む方法を検討し始めました。 Examplを見つけました
    jsチュートリアル 981 2025-02-20 13:16:09
  • ビデオ:jQueryおよびCSSクラスセレクターで遊ぶ
    ビデオ:jQueryおよびCSSクラスセレクターで遊ぶ
    CSSクラスセレクターは、CSSスタイルを複数の要素に管理または適用する必要がある場合に非常に便利です。さらに、CSSセレクターにはパフォーマンスの利点があり、過負荷になります。これは、jQueryが追加/削除またはに使用される場合、よりエキサイティングになります
    jsチュートリアル 383 2025-02-20 13:14:17
  • 7つの視覚化のための7 javaScriptライブラリ
    7つの視覚化のための7 javaScriptライブラリ
    インタラクティブなデータの視覚化のために一般的に使用されるチャートおよびグラフライブラリーを超えて、あまり知られていないいくつかのJavaScriptライブラリは、特定の視覚化タイプに優れています。 これらは、インターを必要とするデータジャーナリズムプロジェクトに特に役立ちます
    jsチュートリアル 421 2025-02-20 13:03:10
  • スペクター:軽量CSSフレームワーク
    スペクター:軽量CSSフレームワーク
    Specter CSSフレームワーク:軽量、レスポンシブ、最新のCSSソリューション プロジェクト開発では、フレームワークは開発時間を大幅に短縮できます。 Bootstrapのような人気のあるフレームワークは機能が豊富ですが、すべての機能がすべてのプロジェクトに適しているわけではありません。この記事では、新しい軽量でモダンで、レスポンシブでモバイルに優しいフレームワークであるSpectreを紹介します。圧縮後のサイズとGZIPは約6.8kbです。基本的なグリッドシステムに加えて、タブ、モーダルボックス、カードなど、他の多くの実用的なコンポーネントも提供します。 このチュートリアルでは、フレームワークの簡単な概要を説明し、すぐに開始するためのガイダンスを提供します。 キーポイント Specterは、大きくなる可能性のある軽量でモダンで、レスポンシブでモバイルに優しいCSSフレームワークです
    CSSチュートリアル 617 2025-02-20 13:02:11
  • 静的サイトジェネレーターグラントプラグインの構築
    静的サイトジェネレーターグラントプラグインの構築
    JekyllやWintersmithなどの静的サイトジェネレーターに精通している可能性があります。 このチュートリアルでは、テンプレートとマークダウンファイルから静的サイトを生成するためのカスタムグラントプラグインの構築を示しています。
    jsチュートリアル 563 2025-02-20 13:01:10
  • ATOZ CSSクイックヒント:REMとEMの利点
    ATOZ CSSクイックヒント:REMとEMの利点
    キーポイント 「EM」などの相対ユニットを使用してテキストサイズと要素間隔を設定することは、特にレスポンシブプロジェクトでピクセルを使用するよりも柔軟です。ただし、「EM」ユニットは、ネストされた要素に問題を引き起こし、各ネストレベルで指数関数的に成長または縮小します。 「REM」ユニットは、ルート要素のフォントサイズに基づいて常に計算されるため、フォントサイズを設定するためのより信頼性の高い代替手段です。これにより、ネストされた要素で「EM」ユニットを使用するときに発生する指数関数的な成長または収縮が回避されます。 ブラウザサポート、特にインターネットエクスプローラーの古いバージョンの場合、JS PolyFillまたはPXの代替品を使用できます。 SASSを使用する場合、
    CSSチュートリアル 172 2025-02-20 13:00:14
  • モバイルJavaScriptを搭載したオーディオプレーヤーの構築
    モバイルJavaScriptを搭載したオーディオプレーヤーの構築
    私はHTML5とJavaScript APIの大ファンであり、GetUsermedia、Webスピーチ、スクリーンオリエンテーションAPI(専用のGithubリポジトリを使用)など、多くの人を探索しました。この記事では、モバイルに優しいJavaScriptオーディオプレーヤーレバーの構築を示しています
    jsチュートリアル 600 2025-02-20 12:57:09

ツールの推奨事項

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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。