Web制作– tag –

入門から上級まで実例の6サイトを 実際に作ってWebコーディング学習。 無料で学習できるWebサービスです。 開発環境から制作の流れも学習できます。

Webサイトのパフォーマンスを徹底的に チェックできるWebサービス。 読込スピードやCLS、LCPなど細かな数値、 要素の読込時間などを計測できます。

デザインに便利なWebサービスやツールを まとめて紹介しているWebサービス。 アイコンや配色、フォントやモックアップなど カテゴリで綺麗にまとめられています。

YouTubeやInstagram、Xやアプリストアなどの メディアサイズに合わせたテンプレートを配布する Webサービス。FigmaやSketch、PhotoshopやIllustrator XDのテンプレートを無料でダウンロード可能です。

プライバシーポリシーページの文章を簡単に 作成できるWebサービス。 クッキーやAdsenseなどの利用規約などを まとめて出力することができます。

Web上でよく使われるアコーディオンメニューを 簡単に作成できるWebサービス。 画面上で必要な項目を調整していくだけで コピペだけで簡単にメニューを作成できます。

ChatGPTを活用してAIがカラーパレットを 作成してくれるWebサービス。 言葉からパレットを作成、イメージ通りの パレットを簡単に作成します。

細かくカスタマイズが可能なボタンジェネレータ。 自由自在にCSSでボタンを装飾可能で、 あらかじめ用意されたテンプレートから選択、 デザインをカスタマイズしてCSSコードを出力できます。

Webサイトで使用しているプラグインや技術、 CMSやセキュリティーなどを調査できるWebサービス。 URLを入力するだけですぐに調べる事ができて 気になるサイトを覗き見ることができます。

AIがSEO視点でサイトやブログを採点してくれる Webサービス。アカウント不要で採点したいURLを 入力するだけで解析してくれます。 英語ですが、参考になる情報を得れます。

Webページを直接デザインできるChrome拡張機能。 要素を画面上で編集が可能で、MarginやAlign テキスト変更など様々なデザイン変更できます。 Chromeデベロッパーよりも便利にWeb制作が可能です。

デザインシーンで役立つカラーパレットを 提案してくれるWebサービス。 様々な傾向でカラーパレットが作成可能で 17種類の傾向、好きな配色数で生成できます。