AD | all

YAML Builder | A tool for visual development of YAML based CSS layouts

かなり体系的に整理されたキャンバスの上で設計を進められます。最終的にgetできるコードは、下記の4つ。

  1. (X)HTML code
  2. my_layout.css
  3. basemod.css
  4. patch_my_layout.css
クレジットが、2007-2010となっているのが、ちょっと気になりますが、YAML CSS Framework — for truly flexible, accessible and responsive websitesへと受け継がれているようです(=なので、これは少し古い、でも非常に参考になると思います)。

リンク

Favicon

YAML Builder | A tool for visual development of YAML based CSS layouts

参考

Favicon

YAML CSS Framework — for truly flexible, accessible and responsive websites

Favicon

Explore Grid Systems for Graphic Designers

Favicon

美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ -The Golden Grid | コリス

Favicon

15 Extremely Useful CSS Grid Layout Generator For Web Designers

Books for Study