Web制作– tag –

-
Web制作に便利なシンプルで使いやすいChrome拡張機能 『レスポンシブ チェック!』
シンプルな使いやすいレスポンシブを チェックできるChrome拡張機能。 画面を分割してスマホ版、PC版を表示して 確認が可能、デベロッパーツールも使えます。 -
404ページだけを集めた面白いWebサービス 『404s』
404ページだけを集めたWebサービス。 ページが見つからない時に表示される404。 世界中の面白い404を見ることができます。 思わず見入ってしまうデザインも。 -
吹き出し専門のCSSデザイン集Webサービス 『CSS Generators:Tooltips & speech bubbles』
吹き出し専門のCSSデザイン集。 使いたいデザインをクリックするだけで CSSコピーが可能。説明や会話など Web上の様々なシーンで活用できます。 -
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コードを出力できます。