サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
レイングッズ
zenn.dev/hinoshin
今回はCSS設計の方法についてまとめていきます。 歴史から振り返って解説していくので、かなりタメになる内容になっているかと思います。 ぜひ、この記事を参考にしてCSS設計に入門しましょう。 CSS開発の歴史 CSS登場当初は、そこまで複雑なサイトが存在しなかったので、特に設計などは必要ありませんでした。 けれど、徐々にリッチなデザインが求められるにつれて、CSSのファイルがカオスになったため、CSS設計論が登場してきました。 具体的には、BEMやOOCSSなどで、開発・保守をしやすくするための設計理論が提唱されました。 その後、それらを元にした、CSSフレームワークが登場してきます。(BootStrapなど) さらに、表現力が乏しいという欠点もあったため、SassなどのCSSプロプロセッサーなども開発されました。 その後、Reactなどのコンポーネント指向のJavaScritpフレームワー
HTMLの仕様をしっかりと理解してコーディングしてますか? labelタグの中にdivタグを入れたりしてませんか? 当てはまる場合は、この記事が参考になるはずです。 本記事では、HTMLの基本的な仕様を解説していきます。 この記事を読む終わる頃には、HTMLの書き方で迷うことが大幅に減るはずです。 ぜひ、参考にしてください。 HTMLの基礎知識 まず、HTMLの基本的なことについて説明していきます。 タグ 9割の人は理解してると思いますが、HTMLはタグを使ってテキストをマークアップしていく言語です。 このタグを使うことで、テキスト要素の種類と範囲をブラウザなどに伝えることができるわけです。 例えば以下のコードでは、「タイトル1」というテキストが一番大きなタイトルということを表現できます。 タグの中には、終了タグを省略できるもの、終了タグを持たないもの、タグ自体を省略できるものがあります。
このページを最初にブックマークしてみませんか?
『ShinyaHinoharaさんの記事一覧』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く