磨りガラス風の背景を実現するためのCSSコードを生成できるWebサービスを2つご紹介いたします。 Glass MorphismとGlassmorphism CSS Generatorというサービスで、どちらも磨りガラス風…
磨りガラス風背景のCSSコードを生成できるWebサービス「Glass Morphism」と「Glassmorphism CSS Generator」
コードを綺麗な見た目で画像化してダウンロードできる「Create beautiful images of your code」
Create beautiful images of your codeは、コードを画像化してダウンロードできるWebサービスです。 綺麗な見た目でコードを画像化でき、SNSなどで共有できます。 Create beaut…
WordPress管理画面のカラースキームを生成できるWebサービス「WordPress Admin Colors Generator」
WordPress Admin Colors Generatorは、WordPress管理画面のカラースキームを生成できるWebサービスです。 WordPress Admin Colors Generatorを使えば、簡…
ストライプ柄のCSSコードを生成できるジェネレーター「Pure CSS Stripes Generator」
Pure CSS Stripes Generatorは、ストライプ柄のCSSコードを生成できるジェネレーターです。 Pure CSS Stripes Generatorを使えば、簡単にCSSだけでストライプの背景を実現で…
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.…