Webサイトの見た目を作るのに役立つサイト

オンラインプログラミングスクール「SeedTechSchool」では、1分間で読める、プログラミング学習に役立つ記事を発信しています😆

今回のテーマは「ウェブサイトの見た目を作るのに役立つサイト」です💪

① テーブル自動生成ツール
https://tabletag.net/ja/
こちらのツールは指定した表の通りにHTMLとCSSを作成してくれます。
こちらは行列数の増減だけでなく、
マス目同士の結合も行えます。
ウェブサイトを綺麗に見せたり
情報を分かりやすく伝えるために、
表形式は非常に便利な表現の一つです。
ですが、コードで再現するのは難しい時があります。
そう言ったときは是非こちらのサイトで表を作ってみてください！！

② HTML整形ツール
https://u670.com/pikamap/htmlseikei.php
上記のテーブル作成でもそうですが、
コードを書くのに夢中になってインデントが抜けたり、
終了タグが抜けてしまうなどで
可読性が低くなってしまうことはないでしょうか。
私はあります。笑
そんな時にタグの数を数える憂鬱な時間を過ごすのはやめましょう！！
こちらのツールでは入力されたHTMLを見やすく整形してくれます。
また、タグが不完全であるとそれを指摘してくれる機能もあります。
HTMLの記述でモヤモヤが溜まりすぎたときは
是非こちらを使ってみてください！！

今回は2つのツールをご紹介いたしました。
言語や、技術によってもっとたくさんのツールがウェブサイトとして提供されておりますので、是非ご自身でも調べてみてください！！

シードテックスクールからの告知

【未経験から世界が求めるエンジニアになれる、LIVE転職コース開講！】
「12週間（3ヶ月）で人生が変わる経験ができる‥。」
シードテックスクールでは、エンジニア転職を目指す方にオススメの「LIVE転職コース」を提供しております。最高の学習環境を用意して、皆さんをお待ちしております！！

\お問い合わせはこちらから/
https://seed-tech-school.com/lp/live

【完全オンラインでプログラミングスキルを身につける！オンラインコース、受講生募集中！】
「好きな時間、好きな場所で働けるようになりたい…。」
シードテックスクールでは、転職・副業など、ご自身の目的に合わせたプログラミングスキルを身につけることができるオンラインコースもご提供しております。

\お問い合わせはこちらから/
https://seed-tech-school.com/online-courses