タグ: CSS

コーディング規則が決まっていると、 コードが整い、修正しやすくスピードも早くなります。 かといって独自のルール過ぎても、チームメンバーに共有できずよい成果は得られません。 有名どころのコーディング規則です。 ▽Googl…

iPhoneのsubmitボタンにcssで色を指定した際に、 色が薄くなってしまう際の対処法です。 PCでサファリで見ても、アンドロイドで見ても大丈夫で、、 悩みに悩んだのですが、 iPhoneでは透過がかかるようです。…

cssコードのチェックツールです。 W3Cが提供しているものです。 ▽W3C CSS 検証サービス http://jigsaw.w3.org/css-validator/validator.html.ja URLからでも…

ブラウザごとに実装されているcss3は異なります。 まとめて下さったのがこちら ▽各ブラウザで先行実装しているCSS3プロパティまとめ http://css-eblog.com/summary/css3-summary….

css3のグラデーション用のソースを簡単に出してくれるツールです。 ▽Grad2 http://grad2.ecoloniq.jp/ 使わせていただいています。便利。 サンプルであるものもそのまま使えますし、 色を変える…

Responsive Web DesignとはMediaQueryで ウィンドウ幅によってcssを出し分けるデザイン方法です。 基本的に、PC、タブレット、スマートフォンで分けています。 あくまで幅なので、PCで見ても、…

Sass、LESSとは、 cssを記述するためのメタ言語です。 ご存知の方も多いのではないでしょうか。 気になったそれぞれのメリットは、以下のようなものです。 Sass ・プロパティのネストができる ・条件分岐、繰り返し…

cssのプロパティ順序を決めておくと、ソースが綺麗になり、 修正箇所がすぐに見つけられるようになります。 運用の際に楽になりますし、重複した指定をしてしまうなどのミスも減りますよね。 基準としてよく使われるのは、Mozi…

透明度を指定するにはopacityとrgbaを使う方法があります。 opacityは全体の透明度の指定ができます。透明度は子要素にも引き継がれます。 rgbaはcolorやbackgroundなどの要素に指定します。 値…

css3でアルファを設定できるようになりましたが、アルファとグラデの併用です。 background: -webkit-gradient(linear, left top, right bottom, from(#f3c…