About us

X Media is the blog platform of X SIGHT, designed to provide more interesting content for enthusiasts.

X SIGHT is a creative design studio with over a decade of industry experience, rooted in a passion for minimal yet impactful design. Our cross-disciplinary team of designers, developers, and strategists believes in the power of exploring the unknown—translating bold ideas into tangible results. Guided by our philosophy of infinite possibility, we strive to shape the digital world of tomorrow by delivering innovative solutions today.

CSS

scroll-behaviorで平滑スクロール、一行でいけるんだ
一般的に、アンカーリンクをスムーズにスクロールさせる時、JavaScriptやjQueryで実装することが多いです。例えば、 でも実は、CSSだけでもできるんです。そのためのプロパティがこちら: これを書くだけで、リンクをクリックした時にスーッと自然にスクロールしてくれます。ね、めっちゃシンプルでしょう?
メモ・ノートスケ
メモ・ノートスケ
3 days ago
scroll-behaviorで平滑スクロール、一行でいけるんだ
IT業界の初心者が知っておくべき99の用語
新しいテクノロジーについて話すとき、時々自分がみんなのペースについていけないと感じることはありませんか?あるいは、その業界にいるのに、自分はまだ十分ではないと感じ、多くの専門用語を理解しなければならないこともあるでしょう。
Details
Details
4 days ago
IT業界の初心者が知っておくべき99の用語
第1回:ウェブにおける色の基礎(2025年最新版)
ウェブデザインの基礎「色」について、2025年最新トレンドやアクセシビリティ・ダークモード対応まで、実務ですぐ使えるCSS色指定方法を分かりやすく解説。初心者から現場のデザイナーまで必見のカラーマネジメント入門ガイド。
X MEDIA 編集長
X MEDIA 編集長
1 week ago
ユーザーのブラウザに保存されているJavaScript、CSS、画像のキャッシュを削除するにはどうすればいいですか?
ブラウザのキャッシュによる古いJavaScript、CSS、画像の表示を防ぐには、URLにバージョン番号や日時パラメータを付けてリソースを更新する方法が有効です。 毎回タイムスタンプを使うとキャッシュ効果がなくなるため、手動や適切なタイミングでバージョン番号を管理するのがおすすめです。
Details
Details
1 week ago
ユーザーのブラウザに保存されているJavaScript、CSS、画像のキャッシュを削除するにはどうすればいいですか?
SCSSの @for ループ(ループ文)
@forループ: 方法1: @for $i from {開始値} through {終了値}方法2: @for $i from {開始値} to {終了値} 注意: through は終了値を 含み ますが、to は終了値を 含みません。 使い方の例: SCSSコード: コンパイルされたCSSは以下のとおりです:
刘子文
刘子文
1 week ago
SCSSの @for ループ(ループ文)
SafariでGoogleフォントが正しく表示されない原因と対策【font-weight・font-style完全ガイド】
SafariやiOSでGoogleフォントが正しく表示されない主な原因と対策を徹底解説。font-weight・font-styleの指定ミスによるWebフォント崩れを解決するCSSサンプル付きガイド。
X MEDIA 編集長
X MEDIA 編集長
3 days ago
SafariでGoogleフォントが正しく表示されない原因と対策【font-weight・font-style完全ガイド】