WEBLIC LLC

ブログ

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

開発

2013年6月8日

css sass

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

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

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

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

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

ads

関連記事

開発

Mozilla HubsをCommunity Editionに移行

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

2024年4月22日

開発

WordPressプラグインの落とし穴5選

弊社の案件でも使用しているオープンソースのCMSであるWordPressには数多くのプラグインが存在...

2023年8月20日

開発

mordern.IEを使ってのWin8 IE10を試す

最近話題のmordern.IEを試してみました。 OS 10.8.3VMware Fusion 5....

2013年5月28日

開発

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

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

2023年9月18日

開発

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

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

2023年10月4日

  • ads

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog

    ads

    Designed by WEBLIC合同会社