#HTML

HTML」に関する記事一覧

BEMでコーディングしていると、Elementが入れ子になってしまうことがありませんか? 設計になれないとどういう単位でBlockにしてコンポーネント化するのか迷ってしまうかと思います。 そこでBEMのBlockはどういう単位で作ればいいのか基準を紹介します。 BEMがよくわからない人は最初に「{% post_link slug='bem-css-cording' /%} 」を読んでみ...
BEMでCSS設計する人にわかりやすいサンプルはこれだ!っていう例があります。 わからない人にいきなりBlock・Elment・Modifierと言っていきなり理解できる人も少ないですよね。 そこでペットボトルをBEMでコーディングしたサンプルが説明するのに、一番わかりやすいのでは?と思っています。 BEMでCSS設計したコーディング BEMは冒頭に書いたようにBlock・El...
HTMLとCSSで横並びを実現する方法はいくつかあります。 これまでは対応するブラウザや横並びのレイアウトによって方法を変えてきましたが、横並びを実現するための1つの方法としてdisplay: flex;```が実用レベルになりました。 ```dispaly: flex;```を使うのが横並びを手っ取り早く簡単に実現するのに一番おすすめな方法です。 この記事では```displa...
Nuxt.jsを身につけたい!
Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発