合計 10000 件の関連コンテンツが見つかりました
クールな CodePen デモ (10 月 4 日)
記事の紹介:軽量ウォーターディストーションエフェクト
Ksenia Kondrashova は、水の効果を備えた美しいシェーダーを使用したデモを作成しました。まるでプールの水が動いているかのようにリアルに見えます。心を落ち着かせ、催眠術をかけたような気分になります。
h の 3D 視差効果
2024-11-05
コメント 0
313
タッチ対応ブラウザでロングタッチ時のホバー効果を複製するにはどうすればよいですか?
記事の紹介:この記事では、タッチ対応ブラウザでホバー効果をシミュレートするためのソリューションを紹介します。 CSS を変更して、「:hover」疑似クラスのスタイルを模倣する「hover_effect」クラスを作成し、JavaScript を使用してこれを切り替えることを提案しています。
2024-10-22
コメント 0
821
Vue.jsが次のプロジェクトに適したフレームワークであるかどうかを判断する方法
記事の紹介:Vue.js:軽量で柔軟で使いやすいJavaScriptフレームワーク
Vue.jsは、進歩的な機能と統合の容易さを備えた大小のプロジェクトに最適です。ビューの切り替え、ユーザーエクスペリエンスの改善におけるスムーズな移行効果を提供し、リッチなアニメーションとインタラクティブな要素を備えたアプリケーションに最適です。
Vue.jsの主な利点:
統合が簡単:VUE.JSは、シングルページアプリケーション(SPA)の構築に最適であり、既存のサーバー側のレンダリングアプリケーションに簡単に統合できます。インタラクティブ性を向上させるために、サーバーレンダリングページに簡単に追加できます。
迅速なプロトタイピング:コンポーネントは、純粋なHTML、CSS、およびJavaScriptで記述でき、開発しきい値を下げます。
2025-02-14
コメント 0
547
タッチ対応デバイスでホバー効果をシミュレートするにはどうすればよいですか?
記事の紹介:タッチ対応デバイスには従来のマウス ホバー機能がないため、タッチ対応デバイスでホバー エフェクトをシミュレートするには、ある程度の創造性が必要です。この記事では、jQuery を使用してタッチ イベントのクラスを切り替え、CSS を変更してホバー効果をシミュレートするソリューションを示します。
2024-10-22
コメント 0
823
Angularでのタブ変更時のスクロール状態の保持
記事の紹介:マルチタブの Angular アプリケーションを開発しているときに、ユーザーがタブ間を切り替えたときにスクロールを維持する方法という課題に遭遇しました。この機能は、ユーザー エクスペリエンスを向上させ、ユーザーがタブ間を移動するときに中断したところから続行できるようにするために不可欠です。
このブログ投稿では、この機能をプロジェクトに追加する方法を段階的に説明します。これは、個々のタブのスクロール位置を維持するためのシンプルかつ効果的な方法です。
質問
デフォルトでは、通常、タブを切り替えるとコンテンツが再ロードされ、スクロール位置がリセットされます。この動作は、特に長いリストやデータ量の多いページを閲覧する場合に、ユーザーにとってイライラする可能性があります。この問題を解決するには、次のものが必要です。
切り替える前に現在のタブのスクロール位置を保存します。
ユーザー
2025-01-17
コメント 0
229
74cms ナイト タレント システム v3.5.1 正式バージョン
記事の紹介:74cms Knight Talent System v3.5.1 Knight cms Talent System の正式版は、PHP MYSQL をコアとして開発された、無料のオープンソースのプロフェッショナル タレント Web サイト システムです。高い実行効率、自由なテンプレート切り替え、便利なバックグラウンド管理機能など優れた機能を多数備えています。すべてのコードは元々 Knight Network によって作成され、完全な知的財産権を所有しています。 Knight Network の継続的な革新精神と真剣な仕事姿勢により、Knight Talent System は中国の同様のソフトウェアの中で最高の人材システムになりました。ナイトCMタレント
2016-06-13
コメント 0
1167
アストロの遷移を表示します
記事の紹介:アストロでの変換の表示:スムーズなページ切り替えのための鋭いツール
この記事は、Astroのビュー変換機能を導入するSitePoint Premiumの本「Astroの力を解き放つ」から抜粋しています。
View Transformation APIは、単一の操作でDOMコンテンツを同時に更新し、個々のDOM状態間でアニメーション変換効果を生成する便利な方法を提供します。これを過去にWebに実装することは非常に困難でしたが、この新しいAPIでは、変換はかなり簡単になりました。調査によると、View Conversion APIを使用すると、Webサイトの知覚されたパフォーマンスが高速化される可能性があります。
Astroはビュー変換をネイティブにサポートし、現在サポートされていないAをサポートするための組み込みのフォールバックメカニズムを備えています。
2025-02-08
コメント 0
643
phpcms v9 で広告内の特定のデータを呼び出す方法
記事の紹介:phpcms v9 で広告内の特定のデータを呼び出す方法. phpcms v9 の広告モジュールは非常に柔軟性があり、デフォルトのテンプレートを使用することですでにいくつかの非常に実用的な広告効果を得ることができますが、それが自作の場合は次のようになります。 jQuery による広告の切り替え この場合、システムの組み込み呼び出し方法では要件を満たすことができません。この場合、画像リスト内の画像アドレスやリンクを直接呼び出すなど、広告内の特定のデータを呼び出す必要があります。実際、広告データ テーブルの場合、その方法は非常に簡単です。
2016-06-13
コメント 0
1040
Console.log()を超えて、デバッグスキルをレベルアップします
記事の紹介:ブラウザ開発者ツールは、単純なConsole.log()以上のものであり、その強力な機能は開発効率を大幅に改善できます。この記事では、ワークフローを最適化するのに役立つあまり知られていない実用的なヒントについて説明します。
コアポイント
ログに特定の変更を探すことなく、コンソールのライブエクスプレッションを使用して、リアルタイムでスクリプトの変更を監視します。
コンソールを使用して現在のドキュメントを直接操作し、$ _を使用して最後のコマンド結果を取得し、$ 0から4ドルを使用してチェックされた要素のスタックにアクセスします。
コンソールから「ソース」パネルに切り替えて、より強力なスクリプト環境で、マルチラインスクリプトと複雑な相互作用をサポートします。
Ctrl Shift Pなどのショートカットキーを使用して、コマンドメニューを介して開発者ツールにすばやくアクセスして、デバッグプロセスを簡素化します。
2025-02-10
コメント 0
373
Excelでマージして中心にしないでください:代わりにセンターを横切ってセンター
記事の紹介:Excelの専門家にとって重要なヒント:「細胞の融合」に別れを告げ、「クロス選択された領域とセンター」を採用してください! Excelの「マージセル」機能の使用には長い間慣れてきましたが、多くの不便さを隠しています。それでは、テーブル構造の完全性を維持しながら、同じ効果を達成するために、より強力な代替品 - 「選択されたエリアを横切る中心」を探りましょう。
「セルのマージ」の使用を避ける必要があるのはなぜですか?
多くの人々は、複数のセルまたは行全体に同じデータを表示するための最良の方法であると多くの人々が考えています。しかし、そうではありません!
Excelは、セルの決定因子グリッド構造に大きく依存しています。セルのマージはこの構造を破壊し、データが変更されたときに問題を引き起こします。
まず、データの上列にフィルターボタンを追加する場合は、
2025-02-15
コメント 0
671
React Storybook:美しいユーザーインターフェイスを簡単に開発します
記事の紹介:フロントエンドプロジェクトの開始時に、通常、美しいインターフェイスが最初に設計されています。すべてのUIコンポーネントとそれらのさまざまな状態と効果を慎重に計画および描画します。ただし、開発中は状況が変化する傾向があります。新しい要求と予期せぬユースケースが次々と出現しています。当初の美しいコンポーネントのライブラリは、これらのニーズのすべてをカバーするものではなく、新しいデザインを追加し続ける必要があります。
現時点であなたの周りにデザインの専門家がいる場合、それは素晴らしいことですが、彼らはしばしば他のプロジェクトに切り替えて、開発者だけにこれらの変更に対処するために残します。その結果、設計の一貫性は低下し始めます。コンポーネントライブラリの既存のコンポーネント、そのステータスと外観を追跡することは困難です。
この設計の混乱を避けるために、通常、すべてのコンポーネントに個別のドキュメントを作成することが最善です。この目的のために利用できるさまざまなツールがありますが、この記事では専用のREACを強調します
2025-02-17
コメント 0
996