shoelace.ioのEDNの分析
- http://shoelace.io/ external_link
- bs3を使用している
- phoneにはoffsetが使えない仕様にしている
- 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 }