Web制作– tag –

アップロードした顔写真が面白い画像に変換する Webサービス。宇宙飛行士だったり有名な アルバムジャケット写真、映画俳優だったりと 面白い画像に変換してくれます。

Webページ上のUI要素を分かりやすく 枠線と色分けで表示するChrome拡張機能。 Webレイアウト時の画面崩れやレスポンシブ確認など 要素の重なりなどを表示することができます。

WebページのURLを入力するだけで、 美しいWebのサムネイル画像を作成する Webサービス。アカウント不要ですぐに使えて スクリーンショットをすぐに作成できます。

表示しているWebページに直接、フリーペンや ライン、マーカーやテキストなどを描き入れて 画像保存できるChrome拡張機能。Web制作の修正、 画面説明など様々なシーンで役立ちます。

背景や文字、Box-shadowやグラス背景などに 美しいグラデーションデザインを提案してくれる Web制作時に便利なWebサービス。 配色など調整も可能でTailwind CSSでコピペ可能です。

グラデーションをデザインする時に最高に 使い心地の良いWebツール。 Web制作やデザイン時に便利で、直感的に使いやすく グラデーションを確認しながら作りCSS出力可能です。

WebのTableを自由に設計、結合も可能で タグ生成してくれるWebサービス。 レスポンシブデザインも対応可能で、実際に 私もWeb制作で活用しています。

好きな色から配色、カラーパレットを提案、 Webやデザインの配色イメージが湧くWebサービス。 イメージカラーからイイ感じのカラーパレットを 自動で生成してくれます。

Web上でHTMLやCSS、JavaScriptを リアルタイムで確認、実行できるWebサービス。 Web制作、Web学習にとても便利で コードを記述して即時にプレビューや実行可能です。

CSSアニメーションをコピペで実装できる Web制作向けなWebサービス。 オブジェクトの動作やテキスト、背景の スクロールなどを自在にアニメーションできます。

自由自在にBox-Shadowをカスタマイズして CSS出力できるWebサービス。 プレビューで確認しながら細かく調整、 複数のBox-Shadowを重ねる事も可能です。

海外の有益なまとめブックマークが 見れる、自分で作れるWebサービス。 Webデザインやフリーストックサイト、 カラーパレットなど役立つブックマークがいっぱい。