タグ

ブックマーク / iwb.jp (2)

  • VSCode+Vue.jsを使用するならインストールするべき拡張機能と設定 | iwb.jp

    VS Codeとは 正式名称はVisual Studio Code。Microsoft社が開発したオープンソースのテキストエディタ。 Vue.jsとの相性が良いためVue.jsの開発者のEvan Youなどが使用している。 VS CodeはEmmetやGitなどコーディングを行う上で必須の拡張機能がいくつか最初からインストールされているので使いやすい。 (Extentionsで@builtinで検索すると一覧が見られる) しかし、Vue.jsを使用する上で必要な拡張機能は最初からインストールされている訳ではないため、インストールしたほうが良い拡張機能と設定(settings.json)をまとめた。 以下にVS Codeおすすめ拡張機能を記載した。 Vue.js Extension Pack Vue.js開発でインストールされていることの多い11の拡張機能パック。 vetur vue-pee

    VSCode+Vue.jsを使用するならインストールするべき拡張機能と設定 | iwb.jp
    fugashi
    fugashi 2018/11/14
  • CSSのclearfixにoverflow:hiddenを使用してはいけない理由

    float解除のclearfix float解除のためにoverflow:hiddenが使用されることがある。 .box { overflow: hidden; width: 100px; background: gray; } .a { float: left; width: 50px; height: 50px; background: red; } .b { float: right; width: 30px; height: 50px; background: blue; } しかし、このoverflow:hiddenでfloat解除を使用する方法は使用しないほうが良い。 理由は子要素をabsoluteなどで親要素の外側に表示できなくなるのとoverflow:hiddenがfloat解除に使用されているのか子要素が親要素の外側にはみ出した際に非表示になるように指定しているのかがわか

    CSSのclearfixにoverflow:hiddenを使用してはいけない理由
    fugashi
    fugashi 2016/01/29
    before擬似要素とかも消えちゃうし、hidden使うときはきちんと考えるようにしたい
  • 1