企業概要

X MediaはX SIGHTのブログプラットフォームであり、広範な愛好者により興味深いコンテンツを提供することを目的としています。

X SIGHTは、ミニマルでありながら印象的なデザインを追求する情熱を原点とし、10年以上にわたり実績を積み重ねてきたクリエイティブデザインスタジオです。デザイナー、開発者、ストラテジストなど多様な専門性を持つメンバーが、未知を探求する力を信じ、大胆なアイデアを具体的な成果へと導きます。私たちが掲げる「無限の可能性」という理念のもと、革新的なソリューションを提供し、未来のデジタル世界を形作ることに挑戦し続けます。

jQuery

固定ヘッダー対応!jQueryベースのアンカーリンク平滑スクロール+位置補正実装
固定ヘッダーで隠れない! ページ内リンクをクリックしてもスクロール先が見えない問題を、jQueryを使って滑らかに解決。スムーズスクロール+動的補正により、非同期コンテンツにも対応した実用的な実装コードを紹介します。
キウイフルーツ
キウイフルーツ
1ヶ月前
固定ヘッダー対応!jQueryベースのアンカーリンク平滑スクロール+位置補正実装
スクロールに応じてアニメーション!jQueryで要素にクラスを追加する方法
jQuery を使ってページのスクロールイベントを監視し、特定の位置に到達した際に要素へ指定したクラスを追加することで、CSS アニメーションを利用した「要素の登場アニメーション」を実現できます。これはウェブデザインでよく使われる手法で、ページのインタラクション体験や視覚的な魅力を高める効果があります。
Details
Details
1ヶ月前
スクロールに応じてアニメーション!jQueryで要素にクラスを追加する方法
【jQuery】フルスクリーンナビゲーション時に背景のスクロールを無効にする方法
このjQueryコードは、トグルボタンの状態に応じてナビゲーションを開閉し、背景のスクロールを動的に制御します。クラス名 back をトリガーとして、html 要素に適切なスタイルを適用し、快適なフルスクリーンUIを提供します。
Details
Details
1ヶ月前
【jQuery】フルスクリーンナビゲーション時に背景のスクロールを無効にする方法
jQuery Sortableがスマホなどのタッチスクリーンで使えない場合の対処法
モバイル端末でのクリックイベントとの競合を避けるため、タップ操作には click より touchstart を使うことを推奨。 jQuery UI のバージョンによっては、内部構造が異なる場合があるため、導入時はテストを行うこと。
Details
Details
1ヶ月前
jQuery Sortableがスマホなどのタッチスクリーンで使えない場合の対処法
ページ内の同じ種類のコンテナの高さを、最大値に合わせて統一する。
複数の同一クラス要素の高さを最大値に揃える処理をjQueryで実装。イベント発火時の多重処理を防ぐためデバウンスをかけ、動的なレイアウト変更に対応。効率的かつ堅牢な高さ統一が可能。
Details
Details
1ヶ月前
ページ内の同じ種類のコンテナの高さを、最大値に合わせて統一する。
TOP