Web制作– tag –

エクセルのシートをコピペするだけで Webページのテーブルを生成できるWebツール。 table、tr、th、tdなどHTMLコードを出力、 プレビューも可能な便利なツールです。

Web制作時にとても便利なCSSデザインを まとめたWebサービス。 ボタンや見出し、リストやテーブルなど コピペでオシャレなデザインにできます。

ChatGPTで出力されたHTMLやCSS、JSを 即座にCodepenでプレビュー可能な拡張機能。 Web制作にとても便利で、出力されたコードを 即座に編集したり実行が可能です。

日本語で自然な言葉を書いていくだけで、 オシャレなWebページを作成できる Webサービス。AIを活用してWebページ生成、 出力されたページのコードを取得も可能です。

Webページ上の要素の幅を測ることが できる便利なChrome拡張機能。 カーソルを測りたい場所に移動するだけで 要素間のサイズを測ることができます。

使い方はとても簡単にオシャレな ロゴが作れるWebサービス。 アイコンを基に作ることができて PNG、SVG形式でダウンロードできます。

Chromeのウィンドウサイズを変更できる 便利な拡張機能。スマホやタブレット、 デスクトップサイズに一瞬で変更可能で レスポンシブチェックにもとても便利です。

CSSのFlexboxを学習しながら タワーディフェンスゲームを楽しめる 面白いWebサービス。分かりづらい配置を 楽しみながら学習が可能です。

シンプルな使いやすいレスポンシブを チェックできるChrome拡張機能。 画面を分割してスマホ版、PC版を表示して 確認が可能、デベロッパーツールも使えます。

404ページだけを集めたWebサービス。 ページが見つからない時に表示される404。 世界中の面白い404を見ることができます。 思わず見入ってしまうデザインも。

吹き出し専門のCSSデザイン集。 使いたいデザインをクリックするだけで CSSコピーが可能。説明や会話など Web上の様々なシーンで活用できます。

CSSアニメーションを自由自在に編集、 Web上のエディターで作成できるWebサービス。 プレビューで確認しながら調整、 CSSコード出力も可能です。