タグ

2018年11月4日のブックマーク (2件)

  • Flexboxを利用してよくあるレイアウトを実装したサンプル集 - NxWorld

    一部ブラウザ(特にIE)で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなHTMLCSSで実装できるレイアウトが増えました。 そんなFlexboxを利用してサイト制作時によく出てくるレイアウトを実装したサンプルをいくつか紹介します。 紹介するものは基的にプレフィックスを省略しているので、必要があれば各自で追記してください。 基的に各実装に必要なFlexbox関連の最小限のコードのみ紹介していますが、サンプルによってはわざわざ初期値(flex-wrapやalign-itemsなど)を指定している場合があります。 それらは挙動を把握しやすくするために記述されているものなので、不要であれば記述する必要はありません。 表示確認のデモはPCでの閲覧推奨です。 要素を両端に寄せる 特にヘッダーやフッターで利用

    Flexboxを利用してよくあるレイアウトを実装したサンプル集 - NxWorld
    okutani
    okutani 2018/11/04
  • ジャズギターコードの基本の押さえ方

    ジャズでは、基は4和音のコードを使います。 ルート、3度、5度、7度、の4和音ですね。 このコード構成音が変化すると、メジャーやマイナーやセブンスなどのコードになるわけですが、こちらが一覧です。 今日はメジャーセブンス、マイナーセブンス、ドミナントセブンス、マイナーセブンフラットファイブ、の基コード4種類の押さえ方を紹介します。 ◆メジャーセブンス ◆マイナーセブンス ◆ドミナントセブンス ◆マイナーセブンスフラットファイブ ●(くろまる)の場所がルートになるので、例えばCm7だったら6弦8フレットと5弦3フレットですね。 ジャズのコードは難しいってイメージがありますが、これだけ弾けたらほぼすべてのスタンダード曲のコード進行を押さえられます。 ただ、テンションを含んだり、変形したボイシングで押さえたりと、コードの可能性は膨大ですので、あくまで基の押さえ方として覚えてください。 参考に

    ジャズギターコードの基本の押さえ方
    okutani
    okutani 2018/11/04