知っておきたいCSS設計法 | 第1回 OOCSSの基本
知っておきたいCSS設計法 第1回 OOCSSの基本 HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？ 今回はその考え方の基本をまずおさえましょう。 はじめに このシリーズでは、OOCSS（オーオーシーエスエス）、BEM（ベム）、SMACSS（スマックス）という3つのCSS設計概念の概要を解説します。HTMLとCSSをどのように書いていけばよいかは、過去に「CSSの設計」シリーズにまとめました。今回のシリーズは、その2014年度版とでもいうような内容になっています。 というのも、CSSの設計を書いた頃と比較すると、さまざまな設計概念が広く知られるようになったものと思います。今回紹介するBEMやSMACSSが、その代表です。また、CSSのプリプロセッサSassのバージョンアップでは、BEMを意識したような機能なども追
実務から学ぶFlexbox | 前編 マルチカラムレイアウトの実例
実務から学ぶFlexbox 前編 マルチカラムレイアウトの実例 実案件でも使われることが多くなったFlexboxについて、業務で使用した実例を元に解説します。今回は、まずFlexboxを使う際に気をつけたいことを解説し、さらにマルチカラムレイアウトの実装を紹介します。 はじめに 実際の案件でCSS Flexible Box Layout Module（以下、Flexbox）を扱うことが多くなり、筆者の経験値は「そこが知りたい、Flexible Box」のシリーズを書いていた頃よりも溜まりました。そこで本シリーズでは2回に渡り、Flexboxを使う際に気にかけていること、実際の案件で使用したFlexboxによるレイアウト、Flexboxに関するバグを紹介していきます。 Flexboxの基本 本記事では、Flexboxのより実践的な内容を解説します。Flexboxの仕様や基本的な使い方について
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
