shoelace.ioのEDNの分析

  • http://shoelace.io/ external_link
  • bs3を使用している
  • phoneにはoffsetが使えない仕様にしている
    • つまりnilになっている。
  • nilがについて
    • nilはnothingの意
    • nilがつくのは、一つ~前のdisplay sizeの同じ位置関係にある要素が同じである
    • その場合、比べた一番小さいdisplay sizeがnilと書いてあるその要素の値となる。
      • phone と tabletを見比べたときoffsetのサイズが同じであればtabletの要素はnilになる
      • phone と tabletを見比べたときcolのサイズが同じであればtabletの要素はnilになる

配列についてのまとめ

  • Display Size = { "phone", "tablet", "Desktop", "Large Desktop" }
  • Offset Size = {1~12}
  • Col Size = {1~12}
  • Col Info = { DisplaySize, OffsetSize, ColSize }
  • Col Infos = {{ "phone", OffsetSize, ColSize }, { "tablet", OffsetSize, ColSize }, { "Desktop", OffsetSize, ColSize }, { "Large Desktop", OffsetSize, ColSize }}
  • Row Info = { ColInfos1, ColInfos2, ColInfos3 ... ColInfosX }