2018.11.30CSSコーダー初心者が+αできるようにまとめました。▶っていうまとめページもいずれつくるサイトってHTMLっていうテキストファイルを読み取って、そこにCSSとかを使って見やすくおしゃれにしていく。そこはわかってると思うんですけど、それってパソコン・スマホ本体じゃなくてブラウザアプリがやってることは知ってましたか?chrome/safari/firefox/Opera/IE/ME...とかとかサイトを開くためのブラウザが何種類もあるのはなんとなく知ってるはず。厄介なことに各ブラウザによって若干見え方が違うんです。HTMLタグを目印にブラウザが各々スタイルを勝手に決めてくれてるんです...ブラウザによって全然違う値が入ってることもあるんです...しかもそれが統一される日は来ないだろう・・・😣CSSがあったとしても、書き忘れたところはブラウザの設定が反映されちゃうからついつい変なところに余白がつきがちです。游ゴシック体もwindowsのブラウザとMacのブラウザで違うってさ。神を宿したいデザイナーにとってこの微妙なズレがこわいね。とこあるんだけど、いま話してるのこれのこと。最近知ったんだけど、iOSchromeだと入力フォームのかどが丸くなったりするらしいね。)だいたいの人はchrome使ってるんだからchromeで見ればもういいじゃん!って言いたいんだけど、どんな年代のどんなバージョンを使ってるかわかんないんだ。こんなに違う見え方さてこれがみんな使ってる(であろう)chromeでの見え方chromeそうそうこんな感じ。当たり前だけど、HTMLだけで表示すると内容だけのシンプルフルなページがでる。Edgeまず文字化けで気持ち悪いことになってる。Explorerう~ん萎えますわ。字が小さいし細いしオシャレ感ZEROだよねこれ。Chrome優遇したけどChromeも余白があちこちついててめんどくさいのは事実。画像の横みたら隙間がちょっとあるのがわかると思う。Rebootしようなんか知らんけど余白がつく。なんか知らんけど字が小さくなる。今回伝えたいことは”なんか知らんけどそういういらん仕様”をさっぱりさせたいときReboot.cssを導入しちゃいましょう。コピペですぐに使えるよ!詳しくはリンクに飛ぶかググって見てほしいんだけどいちいちレイアウト崩れ修正するより断然楽。ちなみにReset.cssっていうのもあるんだけどほんとに全部リセットしちゃうから、h1タグとpタグが同じサイズになったりとかしてやりすぎ感が否めないでござるよ。}だけでも書いておけば、とりあえずは見せられるものは作れる。出なかったら、それはCSSコーダーとして頭ひとつでるチャンスだと思うよ。おとといの夜に着いたんだけど、まともに作業できる時間はやっととれた感じ。ものすごく創作意欲がある...。半年ぶりではないでしょうか。ここ最近、プログラミングから離れた生活をしてました。復習のためにPythonを学習したのでちょっと内容を共有します。今回はサムネイルにある数行...未分類styled-componentsが煩雑にならないための書き方どうも〜なるです。会社でstyled-componentsを使ってるのですが、これは便利ですね。JavaScriptでCSSを制御できるなんてとんでもない時代だと思います。コメントをキャンセルメールアドレスが公開されることはありません。なるのプログラミング備忘録.ホーム検索トップ。