)で目次機能をつけてCSSコードを管理する#AtomCSSSass(Scss)今更だけど、Sassを導入するとCSSのコード管理が便利。便利な環境を用意するには?と考えて編み出した現時点で自分的にベストな方法をまとめた。環境:エディタはAtom、SCSSでコードを記述エディタ:AtomCSSファイル:SCSSで記述とりあえずSass(SCSS)では以下の変数を指定すれば良いかと。変数:フォントや配色の管理フォントと配色は、[フォント]mainfontsubfonttextfont[配色]maincolorsubcoloraccentcolorといった感じにわけている。変数:解像度のターニングポイントモバイル対応であれば、レスポンシブデザインにしたいところ。人によってベストな解像度のブレイクポイントの考え方は様々だろうし、自分がベストだと思うブレイクポイントにしたら良いだろう。tablet.cssなどと解像度によってファイル分けしていたのだけど、一つのファイルで上記で指定した方が個人的にコード管理がしやすいと思った。結果的にめちゃくちゃ長いCSSファイルでスクロールが大変になるので、Atomの検索機能を利用して、目次機能をつくる。@footer.phpというようにファイル名で書いている。コメントアウトで書いている理由は、コンパイル後にTOCがコメントアウトされないようにするため。終わりにもし他に良い案や開発環境があれば教えてほしい。@uotomizフォローお願い致します。2018/10/16RSSCONTACTフィードバック・お仕事のご依頼はコンタクトフォームよりお願いいたします。