Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2017/10/05こんにちは(・∀・)「今さらだけど、リセットCSSって色々とあるけど実際どれがいいのかな❓」なんて本当今さらな話が先日とあるオフィスの片隅で聞こえてきました。「別にどれも同じじゃん!?️」的な回答でその話はそれで終わりました。こちらとしても、リセットCSSなんて最近は全然気にしていなかったので「何々...」と少し興味がわき、聞き耳を立てていたのですが期待外れの回答で終わり少々がっかり。いえば最近のリセットCSSはどんな感じなのかな...、と気になったので少し調べてみましたのでシェアしたいと思います。ResetリセットCSSWeb制作者の方ならばすでにご存じと思われますが、文字のサイズやマージンの幅などWebブラウザはブラウザ毎に独自のCSSが設定されております。普通にHTMLを書いてサーバにアップしてブラウザで表示させても文字が小さすぎて見づらいなどというような不具合は避けることができます。ところが、今時HTMLだけ書いてそのままサーバにアップして「ホームページです。はい見てください」というようなWebサイトはまずありませんね。コンテンツを元に、デザイナーさんがデザインしたデザインをコーダーさんがコーディングしてプログラマーさんがプログラムを組み込んで最後にサーバにアップという流れになると思います。その場合、ブラウザが持っているCSSはコーディングするコーダーさんにとってはとても邪魔な存在となります。その邪魔なCSSはどうしたらいいのか、そうリセットしてしまいます。ブラウザ毎に持っているフォントサイズやマージンなどの設定をクリアしてしまえばコーディングやプログラミングはとても楽になるため、ブラウザのCSSをリセットするリセットCSSが使われるようになりました。リセットCSSは自分で作ることもできるし、Web上に公開されているリセットCSSをダウンロードして使うこともできます。一般的には後者が多いと思いますのでいくつか有名どころをピックアップしてご紹介します。最終更新日が20110126と古いのですが、海外でも多く使われ今でも一般的なリセットCSSです。resetをベースに改変したリセットCSSです。HTML5向けに調整されてあり、新しく追加された要素も加え、廃止された要素は除外して再設定されたものです。resetよりも更新日が古くなっております。Library提供のリセットCSSです。使っていた方も多かったのではないでしょうか。ご存知の通り、米Yahoo!からはすでにJavaScriptライブラリ「YUI」の開発は行わないというアナウンスがなされております。normalize.cssNormalize.cssはそれぞれのブラウザが持っている有用なスタイルをなるべく残しつつ、それぞれのブラウザ毎の差が少なくなるように作られたリセットCSSです。ressressはnormalize.cssをカスタマイズしたリセットCSSです。ブラウザ毎に違った各要素の相違を吸収するようにカスタマイズされたリセットCSSです。Reset結局ユニバーサルセレクタでリセットしちゃってませんか!?️。今後Webデザインラボでも改めてリセットCSSをまとめてみたいと思います。0;}いかがでしたか。リセットCSSもいろいろとあって選ぶのも迷うところです(汗。どのリセットCSSも自由に使えますが、ライセンス表記は消さないよう注意してください。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。