Web制作で画像のファイル形式（拡張子）が適当な人って結構多く見かけます。 今まで何となくで画像保存していた方に是非読んでほしい記事です。 webspe.net/image-format/ #Web制作

画像を圧縮・リサイズしてWebサイトを高速化しよう【Squoosh使い方】 webspe.net/image-compress…

#Web制作 ブログに記事を投稿しました。 WebPで画像軽量化！ pictureタグでの非対応ブラウザ対策 webspe.net/webp-image/

今日は、かなり細かく設定できて、使い方もわかりやすい吹き出しジェネレーターをご紹介します。類似のジェネレーターは結構ありますが、しっぽの位置や角度まで調整できるのは初めて見たかもしんない。　#web制作 CSS吹き出しジェネレーター | Webspe Tools webspe.net/tools/speech-b…

CSSだけで吹き出しを実装するための「CSS吹き出しジェネレーター」を作成してみました。 webspe.net/tools/speech-b… 自動出力されるコードをコピペで簡単に実装が可能です。 元はJavaScriptの勉強で自分用に作っていたものですが、多くの人に使っていただけたら嬉しいです。

CSSだけでつくる三角形ジェネレーターを公開しました。 webspe.net/tools/triangle/ ✅モダンなclip-pathプロパティに対応（border形式も選択可） ✅枠線つきの三角形やグラデーション色の三角形も作成可能 #Web制作

最近よく読まれている記事 webspe.net/css-svg-color/ SVG形式の画像はCSSで色を変更することが可能です。 メリット ✅余計な画像ファイルが増えない ✅transitionアニメーションで滑らかに色変更できる デメリット ❌インラインで記述する必要があるため、HTMLのコード量が増える

CSSだけで作る矢印ジェネレーターを公開しました。 様々な形状の矢印に対応しており、生成されるCSSコードをコピペで簡単に使用可能です。 webspe.net/tools/arrow/ #Web制作

トグルボタンを実装するHTML&CSSジェネレーターを公開しました。 webspe.net/tools/toggle-b… ✅サイズや色などを自由にカスタマイズ ✅生成されるコードをコピペで簡単に実装可能 ✅JS不使用のチェックボックス形式と、JSを使うbuttonタグ形式の2種類から選択可能 #Web制作