CSS 一覧

Sass用のソースマップを作成してコーディング作業を更にもっと爆速化だ!【Gulp Sass向け】

Sass用のソースマップを作成してコーディング作業を更にもっと爆速化だ!【Gulp Sass向け】

Sassって便利便利って言われてるから、「そんなに便利なんやったら試してみても良いかな」と思って触ってみたものの「やっぱり今までどお...

記事を読む

そのCSSの書き方本当に大丈夫?ユーザーを意識したCSSを書こう

そのCSSの書き方本当に大丈夫?ユーザーを意識したCSSを書こう

自分はブログ読むの大好きです。 仕事中でも家に帰っても移動時間でも読んでるレベルで好きですね。 でもブログ運営してる人達って読者...

記事を読む

初心者にありがちなCSSの書き方と、その書き方を止めたほうが良い4つの理由

初心者にありがちなCSSの書き方と、その書き方を止めたほうが良い4つの理由

初心者だった頃、自分が作ったHTMLのコードやCSSのコードを見ているとそれはそれは酷いものだった。例えば、HTMLファイルの中にC...

記事を読む

HTMLを書く時は各要素に役割を決めておくと、後々楽できるし幸せになれる!

HTMLを書く時は各要素に役割を決めておくと、後々楽できるし幸せになれる!

マークアップしている時に最近意識していることがある。それは個々の要素に意味を持たせること。 タグ要素には意味を持たせましょう。...

記事を読む

定義型リストでdd:first-childしたら効かなくてハマった。そしてddにfirst-childは使えないことが判明した。

定義型リストでdd:first-childしたら効かなくてハマった。そしてddにfirst-childは使えないことが判明した。

もうCSSを覚えてから随分と経つ。高校生位の頃に「こんなの無理やろ?!」とか絶対覚えれる気がしなかったのに、今は息をするがごとくスラ...

記事を読む

スタイルを指定する時、CSSには直接タグ要素を指定しない方がいい。絶対いい

スタイルを指定する時、CSSには直接タグ要素を指定しない方がいい。絶対いい

最近とある罠にハマった。ちなみに、こんな罠です。 クリックで別ページに飛ばす為のボタン用のスタイルを、クリック領域でない箇所に...

記事を読む

DreamweaverのタブをhtmlとCSSとで分けて2窓にすると幸せになった

DreamweaverのタブをhtmlとCSSとで分けて2窓にすると幸せになった

いつも面倒なことは、どうにかこうにかして楽できないか考えており、もはや仕事よりもそっちの方が大事だったりする。だって面倒なんだもん。...

記事を読む

レスポンシブデザインのWebサイトを作る際、CSSが長くなりすぎて読みにくい場合に試してみたい対策方法

レスポンシブデザインのWebサイトを作る際、CSSが長くなりすぎて読みにくい場合に試してみたい対策方法

レスポンシブデザインのWebサイトを作る時に、CSSファイルに@mediaルールを用いてブレークポイントを設定するかと思うんですけど...

記事を読む

背景画像に使う素材は透過pngか透過gifにした方が良いと思う。その理由とは

背景画像に使う素材は透過pngか透過gifにした方が良いと思う。その理由とは

単純な背景画像に使う素材なら全部gifでいいんじゃね?とか、にわかなもんだから思ってたんですが。そうでもないな・・って言うか「こんな...

記事を読む