Pure CSS Stripes Generatorは、ストライプ柄のCSSコードを生成できるジェネレーターです。 Pure CSS Stripes Generatorを使えば、簡単にCSSだけでストライプの背景を実現で…
ストライプ柄のCSSコードを生成できるジェネレーター「Pure CSS Stripes Generator」
HTMLメールでのタグ対応状況を確認できるWebサービス「Can I email」
Can I emailは、HTMLメールでのタグの対応状況を調べることができるWebサービスです。 各種メーラーでHTMLタグが対応されているかを簡単に確認できます。 Can I emailでタグの対応状況を確認できるメ…
CSSのbox-shadowを生成できるジェネレーター「CSS BoxShadow Generator」
CSS BoxShadow Generatorは、box-shadowのスタイルを生成できるジェネレーターです。 各種値を入力していくだけで、box-shadowのコードをリアルタイムに生成してくれます。 CSS Box…
M1チップ搭載Macに対応しているアプリを確認できるサイト「Is Apple silicon ready?」
M1チップ(Apple Silicon)搭載のMacが登場し、動作が爆速だったりバッテリーの持ちが良い等、何かと話題になっています。 レビュー記事を見ているとほんと欲しくなりますが、購入を検討している人にとって一番気掛か…
AMPページのパフォーマンスと改善点をチェックできるツール「AMP Page Experience Guide」
AMP Page Experience Guideは、AMPページのパフォーマンスを計測できるGoogle製のツールです。 AMPページのURLを入力するとページを解析し、改善点も示してくれます。 AMP Page Ex…
ユーザー登録不要ですぐに始められるテキストチャットツール「keychat.online」
keychat.onlineは、ユーザー登録不要ですぐに使えるテキストチャットツールです。 チャットを開始するとランダムなURLが割り振られるので、URLもしくはシークレットコードを共有してチャットに参加してもらいます。…
CSSセレクタの詳細度を確認できるWebサービス「Specificity Calculator」
Specificity Calculatorは、CSSセレクタの詳細度を確認できるWebサービスです。 CSSでは、セレクタの詳細度が高い方を優先して適用する仕組みになっています。例えば、「.content」よりも「p.…
写真の被写体のみを残して背景を切り抜いてくれるWebサービス「Slazzer」
Slazzerは、写真をアップロードするだけで、被写体以外の背景を切り抜いてくれるWebサービスです。 サクッと切り抜き写真を作成したい時に便利です。 Slazzerの使い方 Slazzerにアクセスして、ドラッグ&am…
ソースコードを画像化してダウンロードできるWebサービス「Codeimg.io」
Codeimg.ioは、入力したソースコードを画像化してダウンロードできるWebサービスです。 ソースコードをSNSで共有したい時に便利です。 Codeimg.ioの使い方 まずは、Codeimg.ioにアクセスします。…
入力したテキストを音声ファイルとしてダウンロードできるWebサービス「Verby」
Verbyは、入力したテキストを音声に変換して、mp3としてダウンロードできるWebサービスです。 無料で使う分には変換できる文字数が400文字までと制限はありますが、日本語にもバッチリ対応しています。 Verbyの使い…