CSS

【Vue.js】toDoリストのアプリを作ってみる

ベースのHTMLの作成 まずは表示させる目標物の確認。 今回はこんな形をゴールにする。 インプットで入力した文字がAddボタンを押されることで下のリストに表示されるようになっている。 それではHTMLを作成する。 <div id="app"> <h2>toDo List</h2> <form> <input type="text"> <button> Add </button> </form> <ul> <li> <input type="checkbox"> <span>Vue.jsの勉強</span> <button>Delete</button></li></ul></div>…

【CSS】floatとflexどっちがいい?

CSS

cssで基本的にfloatばっかり使っててdisplay: flex;をほとんど使ってこなかったので、お勉強がてら確認を。 きっかけ はじまりはKazuki@エンジニアになってやるさんのこちらのツイートすごーくすごーく雑で申し訳ありません。構造を写真のように捉えておりま…