月1回開催している、個人のクリエイター・エンジニアによる勉強会 STaD。 今回は普段私と東崎さんが席を置いている鎌万オフィスで、いつもお世話になっている10T株式会社の方たちがランチを振る舞ってくれるというありがたいお声がけをいただいたので ...

CSS 設計のために、改めて BEM について考えてみた。 BEM の基本的な記法に加えて、踏み込んで触ってみて実感した使い方やノウハウなどを記載する。 一般的に BEM を使った CSS 設計と言っても、主に MindBEMdingが使われているようである。本家の BEM とは命名 ...

今日はCSSの命名規則について、BEM・OOCSS・SMACSSについて調べてみました！ 気まぐれでクラス名をつけていると複雑なWebサイトでは管理しづらくなってしまいますよね。それを防ぐためにクラス名にもルールを決めて運用するというのが命名規則です。

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2015年1月12日～1月18日の間に見つけた記事のベスト5です。 1. Bootstrap と BEM を組み合わせた CSS 設計パターン ...

チートシートは3部構成です。 Standard Blocks Form Blocks Layou blocks メモ書きがある項目は、翻訳してみました。 これはボタンというより、リンクです。フォームにリンクではないボタンがある場合は、代わりに<button>要素を使用する必要があります。 また ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...