タグ

sassに関するcohamucohamuのブックマーク (3)

  • プロ級コーダーの秘密兵器!最強のSass MixinとFunction - コハム

    Maximize Your Workflow with These SASS Mixins and Functions 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 同じCSSを何度も書いていたり、異なる画面サイズでデザインをレスポンシブにするのに苦労したことがありますか?そんなあなたにぴったりの記事です。この記事では、私の作業フローをずっとスムーズにしてくれた、非常に便利なSASSミキシンと関数をいくつか紹介します。これらの小さなツールは、コードをDRY(Don't Repeat Yourself)に保ち、レスポンシブデザイン、レイヤリング、キャッシュバスティングなどを簡単にすることで、多くの時間と労力を節約してくれました。 ピクセルをremに変換したり、レイアウトをクリーンにするためにz-indexを扱ったり、再利用可能なヘルパーク

    プロ級コーダーの秘密兵器!最強のSass MixinとFunction - コハム
    cohamucohamu
    cohamucohamu 2024/10/17
    Sass MixinとFunction
  • Sassのビルドが遅い?そんなときは最大8倍高速な【sass-embedded】を使ってみよう。 - コハム

    Speeding Up Your Sass Compilation in Vite and Webpack 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Sassのコンパイルはビルドの速度低下の原因となることがありますが、もはやそうである必要はありません。 Viteには、Sassやその他のCSSプリプロセッサのサポートが組み込まれています。単にnpm install sassを実行し、.scssファイルをインポートするだけで動作します。 しかし、これには一つの問題がありました。Sassのインポートごとに、新しいSassのインスタンスが起動し、コンパイルし、終了していました。単一のインポートされたSassのエントリーポイントファイルが他のSassファイルをインポートしている場合、これは大きな問題ではありません。しかし、Vueのシングルファ

    Sassのビルドが遅い?そんなときは最大8倍高速な【sass-embedded】を使ってみよう。 - コハム
    cohamucohamu
    cohamucohamu 2024/08/30
    最大8倍高速な【sass-embedded】
  • CSSのネストがネイティブになった今、Sassはまだ使うべきか?Sassを使うメリットとデメリット - コハム

    Do You Still Need Sass? 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 2006年にSassがリリースされて以来、ネイティブCSSは長い道のりを歩んできました。Sassを置き去りにするほど十分に進化したのでしょうか? Sassは長年、フロントエンド開発の定番でした。最初から、CSSに機能を追加し、開発者体験を向上させ、フロントエンドコードをより保守しやすくするのに役立ちました。 しかし、まだ必要なのでしょうか?2006年にSassがリリースされて以来、ネイティブCSSは長い道のりを歩んできました。 2024年のネイティブCSSは何ができるのか? カスタムプロパティ(またはCSSカスタム変数) ネイティブCSSでの計算 カラー関数 ネスティング PostCSSを使用して今後の機能を実装する 将来のCSS構文を持つプラ

    CSSのネストがネイティブになった今、Sassはまだ使うべきか?Sassを使うメリットとデメリット - コハム
    cohamucohamu
    cohamucohamu 2024/07/03
    CSSのネストがネイティブになった今、Sassはまだ使うべきか?Sassを使うメリットとデメリット
  • 1