ノーコードweb制作ツール(Webflow)について

Question

現在、Web制作の勉強をしています。

自分がやりたいレイアウトで、綺麗なコードの書き方を勉強するために
Webflowというツールを使っています。

有料版だと、HTMLやCSSを綺麗に吐きだしてくれる機能があるのですが
サイト作成後、(公開やテストページで)F12キーでのdevツールを開いてHTMLやCSSをチェックするのと、差異はあるでしょうか。

差異はなく、手間がかかるだけであれば無料でいいかと思っていますが
自分が見る限りでは、devツールだと英語でのコメントアウトが多く、非常に見辛いかな？という印象でした。

初学者のため、差が分からず分かる方教えて頂ければと思います。
(そもそも論のツールの使い方や勉強方法ではなく、有料での出力と無料の差が知りたいです。)

よろしくお願い致します。

Comments

[1T2R3M4]

https://ja.stackoverflow.com/questions/88105

以下ご対応ください。
https://teratail.com/help#posted-otherservice

[ssu]

ありがとうございます。
こちら消去した上で投稿したつもりだったのですが、消えていなかったようです。

オーバーフローの方は、削除で対応致しました。

[hoshi-takanori]

Webflow 使ったことありませんが、その手のツールが出力するコードは機械が処理するのに都合が良くなってる場合が多く、自分で書く場合の参考にはあまりならない気がします…。

Answer 1

自分がやりたいレイアウトで、綺麗なコードの書き方を勉強するためにWebflowというツールを使っています。

　せっかくなのでアカウントを作って試してみました。個人的には、Bootstrap の代わりにするにはちょうどよさそうに思いました。

　勉強のためという目的で、コードの出力を得る必要がなく、Devtoolsで確認できれば十分、ということであれば無料でいいんじゃないでしょうか。

「英語のコメントアウト」というのがなんのことかわかりませんでしたが、制御用？のdata属性がうるさい感じがしましたので、これを Devtools でコピペして仕事の成果物にするということであれば問題が大きいような気がします。

Comments

[ssu]

アカウントの取得までありがとうございます！！

Bootstrapというのも知りませんでした、、。

ご回答ありがとうございます。
beta版ですが、 Webflowの画面上で少しづつCSSを確認できる機能もあるようです。
(一気に見れないのでクリックして個別確認になりますが)

この機能とDevtoolでしばらく書き方などは参考にしようと思います。

ありがとうございました。