• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  - ,  11:00 PM

グリッドデザインのHTML/CSSを簡単に作れるサイト「3×4 Grid Builder」

グリッドデザインのHTML/CSSを簡単に作れるサイト「3×4 Grid Builder」

120609_grid.jpg


「3×4 Grid Builder」はグリッドデザインを構成するHTML/CSSを簡単に作れるサイトです。ドラッグ&ドロップでブロックを配置させるだけで簡単に作れます。最近このようなブロックを並べたようなデザインが流行ってますので、サイト構築に役立ちますね。

以下に使ってみた様子を載せておきます。

 


まず3×4 Grid Builderへアクセスしましょう。


120609_grid2.jpg


ブロックをドラッグ&ドロップしてデザインを作っていきます。「Show me the code」より、HTML/CSSをまとめてダウンロードできますよ。


120609_grid3.jpg


ブロックを並べたようなデザインを作りたいときに是非ご活用ください。


3×4 Grid Builder

(カメきち)

 

MORE FROM LIFEHACKER

powered by

Kotaku

© mediagene Inc.