Specificity Calculatorは、CSSセレクタの詳細度を確認できるWebサービスです。 CSSでは、セレクタの詳細度が高い方を優先して適用する仕組みになっています。例えば、「.content」よりも「p.…
CSSセレクタの詳細度を確認できるWebサービス「Specificity Calculator」
写真の被写体のみを残して背景を切り抜いてくれる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の使い…
ユーザー登録不要！ブラウザですぐに使えるビデオチャットツール「Briefing」
Briefingは、ユーザー登録不要で使えるビデオチャットツールです。 シンプルなビデオチャットですが、ビデオのオフやマイクのミュート、画面共有など、必要最小限の機能は備わっています。 Briefingの使い方 Brie…
リモート会議用の背景画像を作成できるWebサービス「バーチャル名刺背景ジェネレーター」
バーチャル名刺背景ジェネレーターは、Zoomなどで使えるリモート会議用の背景画像を作成できるWebサービスです。 名刺風のバーチャル背景画像を作成してダウンロードできます。 バーチャル名刺背景ジェネレーターの使い方 バー…
ニューモーフィズムのUIを実現するためのCSSコードを生成できるWebサービス「Neumorphic Generator」
Neumorphic Generatorは、ニューモーフィズムを実現するためのCSSを生成できるWebサービスです。 ニューモーフィズムとは、影をうまく使って窪んでいたり浮かんでいたりするように見せるデザインのことです。…
ブラウザ上でイメージマップのコードを作成できるWebサービス「HTML Imagemap Generator」
HTML Imagemap Generatorは、画像内の特定箇所にリンクを付けるイメージマップのコードを作成できるWebサービスです。クリッカブルマップと呼ぶこともありますね。 画像をアップロードしてリンクを付けたい箇…
コーポレートサイトのヘッダーやフッター、お知らせ一覧などのパーツ別Webデザイン集「Parts.」
Parts.は、コーポレートサイト(主にSaaSやBtoB)のパーツを集めたデザイン集です。色んなサイトのパーツデザインが集めてあり、デザインをする時のヒントになります。 デザイン集・パーツ集のサイトは結構な数があると思…
項目と値を入力するだけでCSSによる円グラフのコードを作成してくれるWebサービス「CSS Pie Chart Generator」
CSS Pie Chart Generatorは、項目と値を入力していくだけで、CSSによって作られた円グラフのコードを生成してくれるWebサービスです。 ちょっとした円グラフをサイトに掲載したい時に便利です。ただ、後述…