学習週:インターンブログ、CSSリセットと整理

学習週:インターンブログのCSSリセットと整理


昨日、Bootstrapを取ったら、リセットCSSとか自分でどこまでCSSを書くか考えたくなった旨を書いたら、町田さんが「僕のブログも見てみてください」と教えてくださったので、渡りに船。
ここのリセットCSSをベースに、自分でカスタマイズしたいタグだけ書いたらいいのだ!とやってみました。
(見た目が変わってませんが、CSSは整理されています)

ブログ top
http://frozen-bayou-8506.herokuapp.com/blog

ブログ 1記事
http://frozen-bayou-8506.herokuapp.com/blog_entry.html

どこをどれだけカスタマイズすればいいかというのが分かって、input系などは使わないので、実装しなくて良いとか(自分が使う事になったら足して育てていけばよい)などと切り分けがわかると共に、CSSへの理解が深まりました。また、1記事の「次へ」がうまく右寄せになってないのですが、それ以外は明日以降で。

資料


はじめてのHTML5 第2回『HTML5のさらに詳しいCSSリセット方法』
http://www.html5-memo.com/first-html5/html5-002/

HTML5 Reset Stylesheet
http://html5doctor.com/html-5-reset-stylesheet/

コードの引用はgistに入れてから引用に使うとよいというtipsを教えてもらいました。:

machidaさんのブログ
http://machida.heroku.com/

Advertisements

2 thoughts on “学習週:インターンブログ、CSSリセットと整理

  1. Pingback: 学習週:インターンブログ、CSSリセットと整理 | Web Design Internship at fjörd.jp

  2. Pingback: Tumblrのカスタムthemeの勉強 | Web Design Internship at fjörd.jp

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s