Web制作– tag –

Web制作時のレシポンシブデザインを 様々な解像度でチェックできるWebサービス。 様々なデバイスで手軽にチェックが可能で、 表示崩れやCSSのチェックができます。

パソコンにインストール済みのフォントを ブラウザ上で一覧表示するWebサービス。 好きな文字でも表示可能でデザイン時など 制作現場でとても便利なWebサービスです。

数多くの言語に対応したブラウザ上で プログラムを編集、実行できるWebサービス。 学習中やテスト、デバッグなどに便利で CやJava、PythonやPHP、SQLやVB.NETにも対応。

Webデザイナー必見のギャラリーサイト。 白余白、ホワイトスペースを活用したデザイン、 シンプルなのにデザイン性の高いサイトを まとめたWebサービスです。

いろんなパターン画像が手軽に作れる デザインに便利なWebサービス。 ヘキサゴンやグラデーション、幾何学な模様などを Web上で作成、PNGやSVG形式でダウンロード可能です。

PageSpeed Insights内の「使用していないCSSの削減」を 簡単に見つけ出してくれるWebサービス。 チェックしたいURLを入力するだけで CSSをプロパティ毎に表示します。

プログラミングコードを別の言語に 変換できるWebサービス。 JavaScriptをPHPにしたりと様々な言語に対応。 アカウントも不要ですぐに使えます。

PageSpeed InsightsのWebの問題、 「CLSに関する問題」の実際のズレを可視化できる Web制作に便利過ぎるWebサービス。 実際のズレをアニメーションで表示、問題解決に繋がります。

配色に困った時に感覚的に色を 探せる便利なWebサービス。 4色の組み合わせ、フラットカラー、 写真から配色作成などWeb制作やデザインに便利。

写真やスクショ画像を美しく飾れる ブラウザ上で編集可能なWebサービス。 アップロードした画像をWebブラウザ風、 タブレット風なフレームで装飾が可能です。

「他の人はこちらも検索」をGoogle検索に表示して、 人気検索キーワードを把握、 トレンドが分かるChrome拡張機能。 シンプルな機能ですがめっちゃ便利です。

Webサイトの構築にどんな技術を使っているのかが 分かるWeb制作者必見のWebサービス。 WordpressなどCMSやJSライブラリ、CSSライブラリと Web制作者にとって貴重な情報が満載です。