タグ

2019年4月3日のブックマーク (3件)

  • 【一覧表あり】HTML5でのタグの入れ子のルールを徹底まとめ

    html5のタグの入れ子のルールの保存版まとめです。「〇〇タグに〇〇タグって入れてもいいんだっけ?」という悩みを全部解決します!すべてw3cのコンテンツモデルの仕様に基づいた内容になっていますので安心して読んでくださいね。 入れ子のルールはコンテンツモデルで決まる html5からはブロック要素とインライン要素という概念が廃止されました。そのため以前まではインライン要素の中にブロック要素を入れてはいけないというルールがあったと思いますがそれは完全に無視してください。 とはいえcssでレイアウトを行う上では従来と変わらず display : blockで親要素の幅に合わせるdisplay : inlineでその要素自体が持つ幅 という指定の仕方はできます。 ただhtmlでタグの入れ子を考える上でブロック要素とインライン要素という概念がなくなっただけです。 じゃあなにが追加されたかというと、w3

    【一覧表あり】HTML5でのタグの入れ子のルールを徹底まとめ
  • ファイルを読み込んでプレビュー表示してみる。(Vue.js始めるおれおれアドベントカレンダー2016 – 12日目) | Ginpen.com

    Vue.js始めるおれおれアドベントカレンダー2016 – 12日目 昨日のフォームのやつで「ファイルはアレだよ」という話になってたので、アレするのを試してみました。 デモ コード コードは抜粋しか記載してないのでGitHubの方で確認してください。 選択したファイルをプレビュー表示 ファイル情報の取得 App.vue <input @change="file_change" ref="file" type="file" multiple /> <ul v-if="form.files.length > 0"> <li v-for="(file, index) in form.files"> #{{index + 1}} <ul> <li>名前: {{file.name}}</li> <li>サイズ: {{file.size.toLocaleString()}} bytes</li> <l

    ファイルを読み込んでプレビュー表示してみる。(Vue.js始めるおれおれアドベントカレンダー2016 – 12日目) | Ginpen.com
  • homebrewでPHP+XDebug+VSCodeの開発環境構築をやり直す - Qiita

    Laravelのartisan serveで起動したビルトインサーバーでデバッグをします。以前、PHPとXDebugを入れていたのですが、うまく動かなかったので再挑戦。 結果、PHPを入れ直すことになったのでその手順を残しておきます。 macOS High Sierra PHP 7.1.20 Visual Studio Code 使えるようになるまでの手順 以前homebrewでPHPを入れていたはずだったのですが、whichしてみるとなぜかMacのデフォルトのphpを向いていることに気づきました。 調べてみると、Homebrew/phpがdeprecatedされた影響とのこと。 【Homebrew】PHPの設定に注意!〜Homebrew/phpの廃止〜 homebrewでphp71-*系がインストールできなくなってた の記事を参考に、過去の設定を削除し、phpを入れ直します。 # 設定の

    homebrewでPHP+XDebug+VSCodeの開発環境構築をやり直す - Qiita