ここに掲載の記事は備忘録的内容です。詳細な説明に欠ける部分が多々あります。ご了承ください。
compassインストール時にでたエラー
sass使いになろうとsassをインストール。続いてcompassをインストールしようとしたら以下のエラーが・・・。 macでコマンド打ちはあまりしてこなかったので、何が原因か分からず調べたところ can’t […]
sassで出来る事
1、セレクタの入れ子の書き方 と書きたい場合は と書けば良い。 プロパティでも としたかったら とすれば良い。 ※「&」セレクタ ブロック内で「＆」というセレクタが使える。 「＆」は親セレクタと言い、ブロック内 […]
sass導入について
取り敢えず引っかかったことを。 1、macのユーザー権限が管理者になっていないとダメ。 Rubyが使えないのと、sassをインストール出来ない。 2、koalaを仕様する場合はsassインストール後にインストールの方 […]
cssでテキストに装飾
例えば文字だけのページで、しかも文字数もそうとう 少ない場合等、ちょっと平坦なページになってしまうので 変化をつけたい等の時に便利。しかもcssでできるので お手軽。IE9以前のブラウザでは効果なしでしょう。 文字にドロ […]
css3 radius shadow
ボックスを角丸にし、更に影を付ける場合。 今後はベンダープレフィックスは要らなくなるだろう。 しかもかなり近い将来。 参考サイト：http://delaymania.com/201208/web/vendor_prefi […]
画像サイズを画面に合わせて伸縮させる
画像など、ウィンドウサイズに合わせて伸縮させるCSS。 ただし、伸縮させたい画像を置くボックスに親要素がある場合は、 親のボックス指定を画像を置くボックス同様、％で指定する必要 があるので注意。 実際に使ったコード（桶ち […]
オンマウスで吹き出し CSS版
ボタンにマウスオンで吹き出しが現れ、クリックでメニューが画面外から現れる仕様を 桶ちゃんサイトで実装してみた。 コードは長いので参考にさせてもらったサイトを参照 http://weboook.blog22.fc2.com […]
背景のみ半透明にするCSS
背景を半透明にしたい場合、filterやopacity等で対応してきたが これでは背景のみならず、ボックス全体が透けてしまうので、背景のみ 半透明にする方法を。 これまでは これだと全部半透明。で、これを以下のように変え […]
liにclassを当てる場合の注意
とても簡単なことのハズが結構迷ってしまった。 きちんとcssを理解してないからだが。 liリストにクラスをあてて、アクティブなページのメニュー表示をハイライトしたい場合。