2021年06月30日(水)

簡単で便利なツールが登場！レイアウトを確認しながら、CSSのコードを生成できる -CSS Layout Generator

• 0
• 205
• 91
• 148

Webサイトでよく使用されるレイアウト、「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツールを紹介します。

実装はCSS Gridで、今後Flexboxにも対応予定となっています。レイアウトを実装するために使用してもよし、CSSの勉強にもよしの便利ツールです。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

インラインのテキストをメニューリンクにしてしまうクールなデモ

         

NEXT ›

               

300以上の開発者向けチートシートを収集、探しやすくまとめている・「Code House」

関連記事

• h1タグとは？SEOとの関係と使い方、効果を解説
• 【IoTをデザインする時代がやってくる！】IoTについて知っておくべき基本５原則
• ビデオ会議やホワイトボード、ドキュメント共同編集などの機能を提供するOSS・「Apache OpenMeetings」
• [ユーザー投稿] ノンデザイナーでも知っておきたい「配色ルールの基本」～マーケティング業務をより進化させるために
• オフラインで動作するAIチャットの為のオープンソースのデスクトップアプリ・「Jan」

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『簡単で便利なツールが登場！レイアウトを確認しながら、CSSのコードを生成できる -CSS Layout Generator』についてまとめています。

気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。