最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで ...

※このツールは現在未完成です。より精度を上げるため、今後も改修予定です。 フォルダ構造 html：通常のHTMLの出力先フォルダです。 amp-html：AMP HTMLの出力先フォルダです。 contents：HTMLの中身を管理するフォルダとなります。 amp-html-tmp：AMP HTML用の共通 ...

The Table Generator is a user-friendly online tool designed to streamline the process of creating custom HTML tables. With its intuitive interface and versatile features, this tool empowers users to ...

htmlパターンにデータを挿入するためのプログラムです。 使用方法 ルートディレクトリ上でyarn install後、yarn startで動作し ...

以前に Figma + html.to.design でデザインを取り込めて便利って話をしていたんですが、今回はその続きの話です。 前の話を知らない人向けに、過去の話はこちらから読めます。 html.to.design を使って Figma に import 見出しの通り、html.to.design の MCP から Figma に ...