WEBLIC LLC

ブログ

Sassコーディングのスピードアップを目指す

開発

2013年6月8日

css sass

開発効率とメンテナンス性のよさを考えてSassの導入を検討中。
まずは自社サイトのCSSをSass(scss+compass)を使って実験!
特にSassを使ってみたいと思ったきっかけはマークアップエンジニアレベルでも間違いなくコーディングスピードがアップすると思ったからです。

最初はScoutというコンパルソフトを試しましたが、若干反応が鈍いので、ローカルにRubyを入れてターミナルからやることにしました。

あまり細かく考えるとかなり設計に時間がかかると思ったので、まずは以下の3つを取り入れることにしました。
・ネスト
・変数
・mixin

実際に作業を進めると、かなりネストの階層が深くなってしまって、逆に見難くなってしまっているかもしれない。
このへんはゼロから制作する際はhtmlの書き方も考慮して組み立てる必要がありそう。

まだまだ実験段階だが、今後はSassを導入しようと思う。

関連記事

開発

Hubs cloud AWSを削除する方法

Mozillaは2024年1月1日よりAWS Marketplaceの「 Hubs&nbs...

2024年1月15日

開発

WordPressをローカル環境で動かす方法

WordPressを自分のPC上で試してみたいけれど、コードの知識がない、サーバーのことがよくわから...

2023年8月22日

開発

Mozilla HubsをCommunity Editionに移行

以前のブログ記事『Hubs cloud AWSを削除する方法』にて情報共有しておりますが、AWS M...

2024年4月22日

開発

【簡単】WordPressでテスト環境を作る方法

WordPressはサーバー上で動いているシステムのため簡単にテスト環境を構築することは難しいです。...

2023年10月4日

開発

ChatGPTのプラグインを作るために必要なChatGPT Plugins waitlistに参加する方法

ChatGPTのプラグインが2023年3月に公開され、2023年9月18日時点で945個のプラグイン...

2023年9月18日

  • カテゴリー

  • 本日、 4人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社