CSS

CSSの苦手意識を克服するためにやったこと

CSSがとても苦手です。ここ数日、CSSが苦手な理由とその対策について色々と考え、対策を試してきました。結果的に以前よりもCSSに対する苦手意識をある程度克服することができたのでその方法を記しておきます。 結論 CSSに必要な周辺知識の整理、ツールと情…

デベロッパーツールでCSSを効率化する -Workspaces編-

前回に引き続きデベロッパーツール関連です。 どうでも良いですがデベロッパーツールって言いにくいですよね... Devtoolsと書いている記事もあったのこの呼び方の方が言いやすいですね。 でも人と話す時に「Devtoolsの〇〇を...」とか話して通じるのだろうか…

デベロッパーツールでCSSを効率化する -Local Overrides編-

CSSがとにかく苦手です。 CSSが思い通りに効かない エディタ(VSCode)とブラウザ(Chrome)を行き来してCSSがちゃんと反映されているか確認するのがめんどくさい この2つが僕がCSSが苦手な理由の大半を占めています。 今よりも効率的にCSSが書けるようになれば…

HTMLのセクション要素にCSSを適応しても良いのか

HTMLのセクション要素の使い方への理解が曖昧だったので復習です。 恥ずかしながらブロック要素にCSSを当てる際は今までは脳死状態でdivで囲っていました。 セクション要素(sectionやarticle等)にCSSを適応して良いのかなかなか判断できなかったので調べまし…

nomarize.css の導入

Sinatraを使ったメモアプリの開発で久しぶりにCSSを書くことになりました。 リセット系のCSS、normarize.cssを読み込ませる手順を全く覚えていなかったので調べました。 ノーマライズCSSとは normarize.cssとはブラウザ間の差異を統一調整したCSSのことです…