タグ

2016年1月22日のブックマーク (2件)

  • CSSレイアウトを学ぶ

    position さらに複雑なレイアウトをつくるには、position プロパティについて理解する必要がある。取り得る値はたくさんある。名前には意味がないので、覚えるのはなかなか難しい。1つずつ見ていこう。だけど、このページをブックマークしておくのが無難かもしれない。 static .static { position: static; } <div class="static"> static はデフォルト値だ。position: static;を設定した要素は、どんな方法でも位置を指定できない。 staticな要素は、位置指定無効な要素とも呼ばれている。また、それ以外の要素は位置指定有効な要素と呼ばれる。 </div> relative .relative1 { position: relative; } .relative2 { position: relative; top: -2

    masa8aurum
    masa8aurum 2016/01/22
    position (static, relative, fixed, absolute) の意味
  • 無料で説明図を作るならドローツール「draw.io」に敵うものはないかも

    で、図説ドローツールとしては、CacooやGliffyを紹介しました。 けれども、「draw.io」というのを使ってみたら、完全に無料で利用できるうえに、日語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David Goehring draw.ioとは draw.ioは、WEB上で無料で使えるフローチャート作成ツールです。 インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。 通常、こういったドローツールは、「作業シート何枚まで無料であとは有料」などというサービスも多いのですが、draw.ioは完全無料で利用することができます。 やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。 チャートなんかも。 こんな回路図なんかも。 もちろんこんなフローも。 関

    無料で説明図を作るならドローツール「draw.io」に敵うものはないかも