深夜に巻き起こったNormallze.cssとreset.cssの使い方についてのおはなし

24
なつき🐰Webデザイン&AI @Stocker_jp

@floral ですかね…たしか以前一度使って嫌になったような記憶が。

2012-02-23 02:04:23
Naoya 🍀 Webデザイナー/マーケター/デザイナー講師 @floral

@Stocker_jp うちは乗り換えてしまいました。ま、お楽しみはこれからですよ。

2012-02-23 02:05:24
なつき🐰Webデザイン&AI @Stocker_jp

@floral どうしてNormalize使われるのでしょう? 私は極力素早くコーディングしたいのでブラウザ間の差異がなくてめんどくさくない方がいいのですが…

2012-02-23 02:06:25
ハム (´ ºムº `) / HAMWORKS @h2ham

reset.css使っているならそのままreset.cssでいいと思う。もちろんnormalize.cssに変えるのもあり!だけど、それで生産効率ガタ落ちとか崩れの原因になるようなら「流行りだから」の理由で変えないほうがいいと。これらの話もまた思想?考えの違いだろうし

2012-02-23 02:06:04
komori, masaaki 🫥 @cipher

人それぞれ方法論はあるんだけど、何かに固執するとそれがかえって邪魔だったりするので、引き出しを多く持ってる方が適材適所で切り替えられて良いと思います。慣れはもちろんあるでしょうけど、誰かに言われてやってたけど、自分の仕事には合ってなかったとかね。結局自分で考えなきゃってことです。

2012-02-23 02:07:57
なつき🐰Webデザイン&AI @Stocker_jp

“よさげなリセットCSS Normalize.cssを適当に日本語にしました | nevermind” http://t.co/ZcqN6vC6

2012-02-23 02:22:17
なつき🐰Webデザイン&AI @Stocker_jp

うーん、ソースが長いのとハック使ってるのが微妙かも… ハックは一切使いたくないからなぁ。

2012-02-23 02:23:12
ハム (´ ºムº `) / HAMWORKS @h2ham

@Stocker_jp ハック使いたくないという気持ちは前にあったからわかるけど、ハック使わないメリットがかなり少ない気がします。

2012-02-23 02:25:54
なつき🐰Webデザイン&AI @Stocker_jp

@h2ham そうですかね…私はJSやPHPでclassつけてて .ie6 .hoge {} みたいにしてます。この方がソースが見やすいかなと。ただあまり一般的な方法ではありませんが… http://t.co/DD7cJoYu

2012-02-23 02:28:34
ハム (´ ºムº `) / HAMWORKS @h2ham

@Stocker_jp そうですねー、そっちのほうがソースの見やすさとか綺麗さはあがりますよね!でも場合によっては、それが導入できない(例えば部分的な直しの案件とか)場合はハックでいいかなーと思ったのでコメントでした〜!

2012-02-23 02:34:52
なつき🐰Webデザイン&AI @Stocker_jp

@h2ham なるほどーありがとうございます。

2012-02-23 02:35:51
ユミソラ@ユーティリティアプリ好き @YumiSora

@Stocker_jp うちも固有classを親に付けて継承させる派かも。JSだけど。clearfixみたいな有名なのは使うけど、できるだけハックは使いたくない。

2012-02-23 02:30:33
なつき🐰Webデザイン&AI @Stocker_jp

@YumiSora…はじめてCSS学ぶ方にはreset系やハックの扱いってどうされてます? 私は Eric Mayer 氏のreset.css、ハックは極力使わずIEの条件分岐コメントで教えるつもりでした。

2012-02-23 02:32:28
ユミソラ@ユーティリティアプリ好き @YumiSora

@Stocker_jp 自覚の無いオート系処理は最初は教えません。それは地力でバグ対応とかできなくなるので。しかしテンプレCSSの内容を最初から理解出来る訳がないので、マークアップとはなんぞやと、ブロック要素、インライン要素とか超根幹と具体的仕様箇所を教えてますね。

2012-02-23 02:34:54

ユミソラ@ユーティリティアプリ好き @YumiSora

「HTML5,CSS3対応かつ、AndroidやiOSのスマートフォン系についても細かく設定」 QT @Stocker_jp: “よさげなリセットCSS Normalize.cssを適当に日本語にしました | nevermind” http://t.co/KoHJJmy0

2012-02-23 02:23:29
komori, masaaki 🫥 @cipher

あ、Normalize.cssはちょこちょこアップデートされるので、その適当に日本語化しました、的なとこのは古いかもよ。

2012-02-23 02:23:43
ユミソラ@ユーティリティアプリ好き @YumiSora

うーん時代にあわせたノーマライズか、、、これもそのうちやんないとなぁ。Flash撲滅HTML5万歳の人はきちんと初期化も考えてるのかなぁー。

2012-02-23 02:24:35
ユミソラ@ユーティリティアプリ好き @YumiSora

今でこそCSSリセットは分かるけど、やっぱCSS学び始めた時はしんどかった

2012-02-23 02:24:54
なつき🐰Webデザイン&AI @Stocker_jp

これから CSS を学ぶ方にはどっちで教えるべきかな。reset.cssの方が分かりやすいと思ってたけどそんなことないのかな…

2012-02-23 02:30:07
酒井優 @glatyou

@Stocker_jp 一旦reset.cssのほうがいい気もしますがね…わかんないですけど。normalizeのほうが上級な気がします。

2012-02-23 02:31:23
myself00 @mr_myself00

@Stocker_jp 教えるならあくまで一例で他にもいろいろやり方があるってことを伝えればいいんじゃないすかね

2012-02-23 02:32:46
なつき🐰Webデザイン&AI @Stocker_jp

ですよね…ちょっと難易度高そうな気がします。 RT @glatyou: @Stocker_jp 一旦reset.cssのほうがいい気もしますがね…わかんないですけど。normalizeのほうが上級な気がします。

2012-02-23 02:32:50
酒井優 @glatyou

@Stocker_jp 一つ一つどういう挙動するか知らないといけませんしね。反対に隅々まで覚える意欲のある人はresetとmormalizeで作られたサイトの差とか調べさせればすごい勉強になるかなと。

2012-02-23 02:34:59