Web制作– tag –

-
CSSアニメーションを自由自在に編集、コード出力できるWebサービス 『Animotion』
CSSアニメーションを自由自在に編集、 Web上のエディターで作成できるWebサービス。 プレビューで確認しながら調整、 CSSコード出力も可能です。 -
実例サイト6つを作ってWebコーディング学習ができるWebサービス 『無料コーディング練習所』
入門から上級まで実例の6サイトを 実際に作ってWebコーディング学習。 無料で学習できるWebサービスです。 開発環境から制作の流れも学習できます。 -
Webサイトのパフォーマンスを徹底的にチェックできるWebサービス 『SpeedVitals』
Webサイトのパフォーマンスを徹底的に チェックできるWebサービス。 読込スピードやCLS、LCPなど細かな数値、 要素の読込時間などを計測できます。 -
デザインに便利なWebサービスやツールをまとめて紹介するWebサービス 『Design Resources』
デザインに便利なWebサービスやツールを まとめて紹介しているWebサービス。 アイコンや配色、フォントやモックアップなど カテゴリで綺麗にまとめられています。 -
各種SNSのメディアサイズに合わせたFigmaやPhotoshopテンプレートをダウンロードできるWeb 『SocialSizes』
YouTubeやInstagram、Xやアプリストアなどの メディアサイズに合わせたテンプレートを配布する Webサービス。FigmaやSketch、PhotoshopやIllustrator XDのテンプレートを無料でダウンロード可能です。 -
Web制作者に!! プライバシーポリシーページが簡単に作れるジェネレーター 『作成料金無料のプライバシーポリシーの雛形』
プライバシーポリシーページの文章を簡単に 作成できるWebサービス。 クッキーやAdsenseなどの利用規約などを まとめて出力することができます。 -
アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』
Web上でよく使われるアコーディオンメニューを 簡単に作成できるWebサービス。 画面上で必要な項目を調整していくだけで コピペだけで簡単にメニューを作成できます。 -
AIがカラーパレットを作成、ChatGPTを活用したWebサービス 『HueHive』
ChatGPTを活用してAIがカラーパレットを 作成してくれるWebサービス。 言葉からパレットを作成、イメージ通りの パレットを簡単に作成します。 -
自由自在にCSSでボタンを装飾できるWebサービス 『CSS Button Generator』
細かくカスタマイズが可能なボタンジェネレータ。 自由自在にCSSでボタンを装飾可能で、 あらかじめ用意されたテンプレートから選択、 デザインをカスタマイズしてCSSコードを出力できます。 -
Webサイトで使用しているプラグインや技術を調査するWebサービス 『Ingredients』
Webサイトで使用しているプラグインや技術、 CMSやセキュリティーなどを調査できるWebサービス。 URLを入力するだけですぐに調べる事ができて 気になるサイトを覗き見ることができます。 -
アカウント不要!! SEO視点でサイトやブログを採点してくれるWebサービス 『AI Score My Site』
AIがSEO視点でサイトやブログを採点してくれる Webサービス。アカウント不要で採点したいURLを 入力するだけで解析してくれます。 英語ですが、参考になる情報を得れます。 -
Webページを直接デザイン、Web制作に便利なChromeツール 『VisBug』
Webページを直接デザインできるChrome拡張機能。 要素を画面上で編集が可能で、MarginやAlign テキスト変更など様々なデザイン変更できます。 Chromeデベロッパーよりも便利にWeb制作が可能です。