Sassの歴史から考える、ネイティブなCSSの利点 - ICS MEDIA
ウェブの見た目を整えるのにCSSはなくてはならないものですが、そのCSSの記述方法やツールは多種多様です。そしてそれらは進化したり、変化したりしています。本記事ではSassとCSSの関係性の変化を題材 …続きを読む
2025/7/11 08:34
サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ
Sass
2025年のz-index設計を考える
社内勉強会用 またしても破綻しがちな z-index の設計を考える。 --- 【質問への解答】 Q. Sassのmapでの管理はどうですか？ 使用しなくて良いと思います。 理由としては、z-inde …続きを読む
2025/5/13 21:49
これは読まないと！ Sassの教科書改訂3版が大幅に刷新、最新のコーディング環境に役立つテクニックを徹底解説
※本ページは、アフィリエイト広告を利用しています。 Sassの教科書が全章に渡り大幅強化され、改定3版として発売されました！ 前書は当ブログのビジターも多くの人が愛用されたと思いますが、前書を持ってい …続きを読む
2025/1/10 10:07
Sass: Node Sass is end-of-life
The time has finally come to retire Node Sass. This Node.js wrapper for LibSass was the first offici …続きを読む
2024/7/25 15:26
line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1r …続きを読む
2024/5/29 13:06
そろそろSassとはさよなら、Sassの便利な機能がネイティブのCSSでどんどん使用できるようになっています
2024年になり、CSSは急速な進化を遂げています。中でもワークフローにも影響を大きく与えるのが、Sassに代わる新機能の数々です。 ネイティブのCSSで変数を扱えるようになり、ネストや:is()疑似 …続きを読む
2024/4/2 09:59
最近Sassを使ってないなぁって話
最近Sassを使ってないなぁって話初学者向けの記事やSNSの投稿で「Sassはマジで必須！」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思 …続きを読む
2023/10/24 09:27
Visual Studio CodeでのSass導入と基本設定【Live Sass Compiler】
Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽に導入できて便利です。 今回は Live …続きを読む
2023/6/22 17:32
@use と@forwardの違い、使い分けについて(Sass)
introduction googleで「@use ＠forward 違い」と書くと、@importとの違いとか、基本的なことしか書いてなく、違いについて解説している記事に関してもアフィリエイト感のあ …続きを読む
2023/5/24 09:54
2023年4月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 この画像 …続きを読む
2023/5/1 08:46
CSSのネストがついにブラウザで使用できるようになった！ 基礎知識、便利な使い方を詳しく解説
CSSのネストがついに、Chrome 112, Edge 112にサポートされました。 追記: 2023/8/29リリース予定のFirefox 117でもサポート予定。 ネストはSassなどのCSSプ …続きを読む
2023/4/19 09:48
Sass不要！CSSだけでも変数やネスト、演算子が使えるよ！
Sass不要！CSSだけでも変数やネスト、演算子が使えるよ！CSSをより便利に、効率よく記述できるSass。利用しているWebサイト制作者も多いでしょう。近年はCSSでもSassのような書き方ができる …続きを読む
2023/4/12 10:14
Sass: Sass and Native Nesting
The stable release of Chrome 112, which is releasing today, is the first stable browser to add suppo …続きを読む
2023/3/30 15:07
業界をリードするサブスクリプションと収益化ソリューション
Zuoraは、継続課金、従量課金、または全範囲の料金戦略全体で最適化することで収益を上げる、価格設定とパッケージング、請求、顧客獲得、見積もりから現金までのリカーリング収益成長を支援します。 …続きを読む
2023/1/24 18:04
Sass のテストコードを書くと便利
こちらは CSS Advent Calendar 2022 22 日目の記事です。 こんにちは、家計簿プリカ B/43を運営する株式会社スマートバンクでデザイナーをしている putchom です。 C …続きを読む
2022/12/22 09:50
今度こそ@importをやめる！ | 株式会社ヌーラボ(Nulab inc.)
こんにちは、UXエンジニアのヨーナスです。今回のブログリレー投稿では、よく後回しにされがちなSassの@importアットルールの廃止に伴うリファクタについて書きます。 基本的には人間というのは、変化 …続きを読む
2022/12/19 13:48
Sass製SVG爆速表示ライブラリのご紹介 - dwango on GitHub
こんにちは。ニコニコ生放送生放送フロントエンドシステムセクションのmisuken(GitHub/Twitter)です。 今回は10月に公開したsmart-svgとreact-sass-inlinesv …続きを読む
2022/12/5 11:52
Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応
（2023/08/29） 全ブラウザでネストに対応したので記事を更新しました。 本日2023/08/29、全ブラウザでCSSでネスト（入れ子）ができるようになりました💐 次のようなコードが、「Sass …続きを読む
2022/11/18 09:34
sassc-railsを利用している我々は、Sassの@importの非推奨化をどのように乗り越えていくか
2022年10月22日 Kaigi on Rails 2022 で発表したスライドです。 https://kaigionrails.org/2022/talks/mh4gf/ 参考実装: https: …続きを読む
2022/10/22 13:17
まだ遅くない！Sassの@importを@useと@forwardに置き換えましょう | TechMemo
Sassの@importは遅くとも2021年10月1日から非推奨、その一年後の2022年10月1日には廃止される予定でした。9月末に滑り込みで@importを@useと@forwardに置き換えたので …続きを読む
2022/10/17 09:04