2020年1月11日コーディング規則コーディング規則が決まっていると、コードが整い、修正しやすくスピードも早くなります。いって独自のルール過ぎても、チームメンバーに共有できずよい成果は得られません。有名どころのコーディング規則です。▽Googlehttp://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml▽MOZILLAhttps://developer.mozilla.org/ja/docs/Webまず他のコーディング規則を参考にすることで、まとめやすくまた決めるべき箇所も見えてくるはず。メンバーでしっかりと共有することも大切です。色が薄くなってしまう際の対処法です。悩みに悩んだのですが、iPhoneでは透過がかかるようです。2020年1月11日cssのコードチェックcssコードのチェックツールです。W3Cが提供しているものです。検証サービスhttp://jigsaw.w3.org/css-validator/validator.html.jaURLからでも、ローカルのファイルでも検証できます。エラー出ますので、覚悟して使ってみてくださいね。2020年1月11日ブラウザごとに実装されているcss3ブラウザごとに実装されているcss3は異なります。まとめて下さったのがこちら▽各ブラウザで先行実装しているCSS3プロパティまとめhttp://css-eblog.com/summary/css3-summary.htmlなんて便利ですか。2020年1月11日css3グラデーションツールcss3のグラデーション用のソースを簡単に出してくれるツールです。▽Grad2http://grad2.ecoloniq.jp/使わせていただいています。色を変えることもできます。ページ下方に使い方がかいてありますので、ご参照ください。DesignとはMediaQueryでウィンドウ幅によってcssを出し分けるデザイン方法です。基本的に、PC、タブレット、スマートフォンで分けています。幅なので、PCで見ても、幅を狭くすればスマホ向けのデザインが見れます。以下、まとめサイトです。Querieshttp://mediaqueri.es/おもしろいけど、UI的にちょっとびっくりしますね。私的に考えられるメリット/デメリットを出してみました。・デバイスごとでモジュールを出し分ける場合は、display:none;を使う必要があるこちらのような、ボックスが何個も並んでるデザインのサイトには適しているように思います。Collisonhttp://colly.com/構造的に無理がなく、幅によって見やすくしてくれているというかんじですね。Designは、サイトの構造や、運用の頻度/内容によって熟慮した方がよさそうですね。cssメタ言語Sass、LESSとは、cssを記述するためのメタ言語です。ご存知の方も多いのではないでしょうか。気になったそれぞれのメリットは、以下のようなものです。Sass・プロパティのネストができる・条件分岐、繰り返しが使えるLESS・書き方がcssに近しい・クライアントサイドでも変換可能どちらもまだまだアップデートされていくようなので今まで片方にしかなかった機能が、もう片方にも搭載される、ということも充分考えられます。一概にどちらがよいとも言えないですよね。現在の案件の方向性や、コーディング経験の有無などで判断していくのもいいですね。丁寧に比較を載せてくださっている方がいらっしゃいましたのでこちらをご参考にどうぞ。修正箇所がすぐに見つけられるようになります。運用の際に楽になりますし、重複した指定をしてしまうなどのミスも減りますよね。textcontent▽Mozillaのcsshttp://www.mozilla.org/css/base/content.css大切なのはルールを守ることだと思いますので、必ずしもこれというわけではありません。考えられた順序だとは思いますので、参考にしていただけたらと思います。2020年1月12日opacityとrgbaの指定について透明度を指定するにはopacityとrgbaを使う方法があります。opacityは全体の透明度の指定ができます。透明度は子要素にも引き継がれます。rgbaはcolorやbackgroundなどの要素に指定します。小数点での指定が可能です。グラデでアルファ指定をするcss3でアルファを設定できるようになりましたが、アルファとグラデの併用です。rgba(255,255,255,0));rgbaで指定します。rgbをちゃんと設定しないと色味が変になるので注意です。