パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」

パーツ・セクションを組み合わせるだけで簡単にHTMLを生成してくれるジェネレーター「Stitches」の紹介です。メインビジュアルからナビゲーション・プライス表まで一般的なWebサイトで多く見られるパーツをラッグするだけで簡単にWebサイトが作成できます。

Stitches

使い方は左側のWebサイトのパーツから好きなパーツを右側のエリアへドラッグしてレイアウトを決めるだけです。

最後にGenerate HTML with Functional CSSをクリックしてHTMLを保存します。↓生成したHTMLのキャプチャーです。

生成したHTMLはtailwind.cssを使用しているので、ある程度カスタマイズも柔軟にできる仕様となっているようです。以上、パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」の紹介でした。



PICK UP
RELATED POSTS
  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
  • CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
  • 直感的に操作できるサイトツアーを実装できるライブラリまとめ
  • 複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
  • SVGボタンに様々なエフェクトを実装できる「Distorted Button Effects」
POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
RECENT POSTS
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年8月版】
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォントまとめ
  • Photoshopで簡単に背景を伸ばすテクニック
  • CSSで作成する吹き出しとデザインのアイデア