SASSではこれまで他の.scssファイルをインポートするときに@importが使われてきましたが、@importは廃止となり、@useと@forwardの使用へと変わっています。 しかし@importをそのまま@useや@forwardに置き換えれば、これまでの処理がそのまま使えるわけではありません。 ここでは@useや@forwardとは何か?やそれぞれの使い方、変数を上書きする方法などを実例で解説しています。
![【SASS】@useと@forwardとは何か?違いやメリット、使い方を実例で解説。asで名前空間を変更する方法, as * , with, 変数の値を上書きする方法(.scss)|(初心者向け、わかりやすい)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ff8fa6241ab7dad049d5e554873e47e55b75c98/height=288;version=1;width=512/https%3A%2F%2Fprograshi.com%2Fwp-content%2Fuploads%2F2021%2F10%2Fimage-8.png)
SASSではこれまで他の.scssファイルをインポートするときに@importが使われてきましたが、@importは廃止となり、@useと@forwardの使用へと変わっています。 しかし@importをそのまま@useや@forwardに置き換えれば、これまでの処理がそのまま使えるわけではありません。 ここでは@useや@forwardとは何か?やそれぞれの使い方、変数を上書きする方法などを実例で解説しています。
皆様こんにちは。 キャスレーコンサルティング、CC(CSVクリエーション)部の細見です。 今回は、HTMLとCSSだけで作ることができる、レスポンシブに対応した シンプルなパララックスページの作り方を、ご紹介したいと思います。 「パララックスってなに?」と思われる方もいらっしゃると思いますので、 まずは、その言葉の意味から解説したいと思います。 1. パララックスとは パララックス(en. Parallax)とは、日本語で「視差」という意味です。 Webデザインの世界においては、「視差効果」とも呼ばれ、画面をスクロールするといった動作の際に 要素を異なる速度で動かしたりすることで、あたかも立体で奥行きがあるように見せる手法とのことです。 最近ではプラグインも増えつつあり、単に速度の変更だけでなく、様々な動きを持たせることが可能になってきました。 2. 実際に触ってみましょう まずは、こちら
この記事では、フォントを指定するためのCSSプロパティ「font-family」の書き方について一から詳しく解説します。font-familyを設定したことが無い方でも、正しくフォントが指定できるように、プロパティの書き方から、OSごとの設定の違い、おすすめのフォント設定例などもご紹介します。 「font-familyはいつもコピペしている…」なんて方も、正しい知識が有るか無いかは大きな違いです。ぜひこの機会に、font-familyの正しい設定方法をマスターしてください。 ※本記事は、各OSの標準インストールフォントや、ブラウザのアップデート状況などを踏まえて、なるべく最新の情報をお届けできるように、内容を随時更新しています。著者の調査した情報に基づいて執筆しているため、内容に間違いや不備のある可能性もあります。(最終調査日:2023年7月) font-familyの役割とは CSSのf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く