CSSで気をつけたい事やつまづいたときのちょっとしたコード
Webデザイナーにとって、必須のスキルである CSS ...。スタイルシートを書くときに普段から気をつけてることや、あれ？これってどうやってやるんだっけ？となかなか覚えきれないものをちょっとまとめてみました。またサンプルも作ってあるので合わせて見てくださいね！ Webサイトを作っていると、CSS でつまづくことがたくさんあります。初心者の頃は、CSS で思うようなレイアウトやデザインを描けない事が何度もありました。また各ブラウザ間の表示の差異もあって、ますます壁が高いなーと感じてました。 今回は後々メンテナンスが楽になる CSS の書き方や、気をつけたい事、つまずいた時に「そういえばこうだった」的なものを集めてみました。後半はコードのまとめになってます。 CSS の注意書き 目次 (X)HTMLを書く時に気をつけたい事 スタイルシートを読みやすく書く CSSのブラウザのバグを把握、知ってお
こんなに高品質なのに無料で利用できるCSSベースのテンプレートのまとめ
企業用サイト用をはじめ、コマース用、ポートフォリオ用、ブログ用などの高品質ながら無料で利用できるCSSベースのテンプレートを紹介します。 テンプレートは1ページだけのものから、配下ページなど複数のページが揃っているものもあります。 ※テンプレートは全て無料で利用が可能ですが、ライセンスを必ず確認してください。
インラインCSSで書かれたHTMLを一撃でCSSファイルと分割する「Cascader」
とある理由から、インラインでCSSが書かれているHTMLを、綺麗にCSSファイルと分割させたいというときもありますよね。 しかし、これを手作業で進めるのはとても手間がかかり、０から作り直したほうが速いことがほとんど。 今回は、そんなときに一撃でCSSファイルと分割できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! インラインCSSのHTMLをCSSファイルと分割する「Cascader」 「Cascader」は、インラインでCSSが書かれているHTMLファイルを、一発でCSSファイルと分割してくれるオンラインサービス。 ひとつひとつ分解しなくても、HTMLをコピペするだけで分割できてしまうのが非常に便利です。 HTMLタグを貼り付けるだけで分割 ↑たとえば、画像のようにイ
[CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタイルシート［CSS］/CSSの基本/ID名とクラス名 - TAG index
使われていないCSS設定があるか教えてくれる『Unused CSS』 | 100SHIKI
CSSをすっきりきれいに整形してくれる『ProCSSor』 | 100SHIKI
