CSS KoalaでSassコンパイル(compressed)時に、WordPressのテーマ設定を消さない方法 KoalaでSassコンパイルをしています。 「output_style = :compressed」に設定して使っており、CSSファイルがコンパクトになって大変便利です。 しかし、通常だとコンパイル時にWordPressのテーマ設定も... 2019.04.08 CSSWordPressテンプレート
CSS 【CSS】「position: fixed」が使えなくなった時の対処法 グローバルメニューなど、CSSの「position: fixed」で固定したい場合も多いかと思います。 特に設定に誤りがないにも関わらず、「position: fixed」が効かなくなった場合の原因と対処法をメモしておきます。 2015.10.27 CSS
CSS 【CSS】画像(img)を囲まずに中央寄せにする方法 コーディングを始めた頃は、画像を中央寄せにするには、何かで囲み、囲む要素に「text-align:center;」を設定しなければならず、ブロック要素が増えて嫌だな〜と思っていました。 途中で、囲んで「text-align:cente... 2015.02.20 CSS
CSS 【CSS】aタグ以外の要素で、クリックできるカーソルアイコンを表示させる方法 aタグをマウスオーバーすると、カーソルアイコンがクリックできることが分かる「指さしアイコン」に変更されると思います。 これを、aタグ以外の要素でさせる場合のスタイルシートの設定をメモしておきます。 2015.02.18 CSS
CSS 【CSS】レスポンシブサイトで、スマホ時のYoutube画面のサイズを調整する レスポンシブサイトでYoutubeのタグを貼った際の、画面サイズ調整の設定をメモしておきます。 2015.02.12 CSS
CSS 【CSS】CSSプロパティの記述順 CSSの記述順は、だいたい合わせるようにしています。 昔は気にせず書いていたのですが、合わせる事により、見直しがやりやすいことが分かり続けるようにしています。 今回は、私流の記述順をメモしておきます。 2015.01.30 CSS
CSS 【CSS】webフォント「Noto Sans Japanese」を使ってみました。 このたび、当ブログのフォントを「Noto Sans Japanese」に変更してみました。 変更方法をメモっておきます。 2015.01.29 CSS
CSS 【SASS】CSS3で作る簡単グラデーション+画像ボタン(Compass活用) CSS3から、グラデーションや角丸を使ったボタンを、画像を使用せず作れるようになりました。 画面幅が変動するレスポンシブサイト、スマートフォンやタブレット対応などの際は、特に画像を使わないボタンが大活躍します。 今回は、可変に対応した、... 2015.01.22 CSSSASSスマートフォンサイト
CSS 【スマホ】PCサイトをスマホで見たら崩れる場合の対処法 PCサイトをスマートフォンで見ると、デザインが崩れる場合があります。 横幅が切れていたり、背景画像が崩れていた時の対処法をメモしておきます。 2015.01.05 CSSスマートフォンサイト
CSS 【CSS】float=”left”でアイテムを並べる時は、親要素にマイナスマージンを設定する CSSでfloat="left"でアイテムを2列や3列に並べる際、親要素内に均等に並べようとすると、 一番右端側の要素のマージンが不要になったりします。 その場合、クラス追加やjQueryの設定でマージンを取ったりすることもできます... 2014.03.18 CSS