便利すぎるオンラインツール2021.10.22今回はコーディング作業における、効率化のための便利なツールをいくつかご紹介します。これらのサービスを利用すれば、面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作フローに取り入れてみてはいかがでしょう。ResponsivelyYouTube・Vimeoなどの埋め込み動画をレスポンシブに対応させるツールです。埋め込み用コードが生成されます。OptimizillaJPEG・PNGに対応したオンライン画像圧縮ツール。画像の見た目は保持したまま、ファイルサイズを圧縮してくれます。afterを比較しながら微調整も可能です。VideoSmallerオンライン動画圧縮ツール。圧縮率が高く、背景動画を表示するサイトを作るときにおすすめです。LandscapeTwitter、Facebook、Instagramなど各プラットフォームに合わせたサイズに、画像を最適化できます。簡単にSNSのプロフィール画像やヘッダー画像が作成することができます。Font-familyメーカーWindows・Mac・iOSの標準フォントの一覧表を表示しながら、ドラッグ&ドロップで組み合わせて好きなFont-fammilyが作れるツールです。beautifier圧縮されたJavaScriptファイルを、ワンクリックで整形してくれるオンラインツールです。JavaScriptファイルの中身を見たいことや編集したいことは案外多いので重宝します。CSS生成】CSSのflexbox用コード自動生成ツール実行結果を確認しながらdisplay:flexのCSSコードを生成してくれるツールです。Flexboxのプロパティと値がなかなか覚えられない私のためのツール(笑)。GeneratorHTMLの表を簡単に作成。セルの結合も文字の入力も簡単に出来ます。CSSも同時に編集出来るので複雑な表を作成するのには便利です。HTMLExcelの表をHTMLのテーブルタグに変換します。セル結合を含む表には対応していませんが、大量のエクセルファイルHTML化の際、威力を発揮します。ツールCSSで表現できるのは丸や四角だけではありません。様々な形の三角形cssジェネレーター。便利なツールやサービスはまだ使ったことのないものや、私が知らないものまでたくさんあります。今後Web技術はますます進歩するので、ツール自体も使い方も確実に進化していくと思います。