css

コードメモ / css

Sassってみよう!〜コンパイル編〜

(※当記事ではSass = SCSSとしています。)
前回のインストール編に続き、今回はコンパイル編
そもそも前回、何のためにSassをインストールしたかと言えば「コンパイル」するためです。
せっかくのScssも、コンパイルしないとそのままでは使えないのです。
そこで、いつものごとく簡単に備忘録してみました。
この記事では「ターミナル」「Dreamweaver」でのケースをご紹介します。
続きを読む

Sassってみよう!〜インストール編〜

Sassのインストールにちょっと手こずったので備忘録。
といっても、作業自体は5分もかからないので
Sassに興味がある方はこの機会にインストールだけでもしてみてはいかがでしょうか。
(※インストール編となっていますが、今後、続編を書くかは気分次第です(^_^;)
続きを読む

便利なEmmet

そんなにガシガシ使いこなしている訳ではないですが、
(効率を要求されるような仕事もしてないですし。)
やはり知っていると便利な「Emmet」
続きを読む

使いやすいhsla

前回、色名を覚えれば感覚的に指定できて便利ですよという記事を書きましたが、
色の知識がある方や、DTPの現場におられた方、グラフィックソフトを使われている方には
16進数やrgbよりもhslの方が感覚的に指定できて便利かもしれません。
しかもhslaだと透明度まで指定できて更に便利です。
続きを読む

覚えやすい色の名前

コードを書いていて
とりあえずで、ざっくりとレイアウト組む時
それぞれのboxに色付するのですが、
16進数やRGBでは値がわからず感覚的に指定できないので、
そんな時、色名で指定すると早かったりします。

私も全部は覚えていませんが、
色名を覚えていたら便利なのでまとめてみました。
(あくまでも私が覚えやすい色名ですが…)
続きを読む

劇的ビフォーアフター!
便利な擬似要素の使い方

前回、「便利なセレクタの使い方」で擬似要素をご紹介しましたが、
今回はその中で::before, ::after擬似要素についてもう少し掘り下げて便利な使い方をご紹介したいと思います。
before,after擬似要素の使い方は奥が深ので、詳しく勉強したい方は「before擬似要素」「after擬似要素」で検索してみてください。
続きを読む

1 / 212