30 seconds of codeは、JavaScriptのコードスニペットがまとめられているサイトです。それぞれのコードは、30秒ほどで理解できる内容になっていて、役立つコードスニペットとしてまとめられています。 3…
30秒で理解できるJavaScriptのコードスニペットがまとめられている「30 seconds of code」
使用されていないCSSセレクタを見つけて教えてくれるWEBサービス「Unused CSS finder」
Unused CSS finderは、入力したURLで読み込んでいるCSSと内部リンクを解析し、未使用のCSSセレクタを教えてくれるWEBサービスです。 Unused CSS finderの使い方 Unused CSS …
自身のグローバルIPアドレスを調べることができるWEBツール「グローバルIPアドレス確認ツール」
グローバルIPアドレス確認ツールは、その名の通り、自身のグローバルIPアドレスが確認できるWEBツールです。本当にそれだけのシンプルなツールで、株式会社オンズさんが制作しています。 グローバルIPアドレス確認ツールの使い…
入力した単語で韻を踏んでくれるWEBサービス「韻ノート」
韻ノートは、入力した単語から韻を踏める単語を表示してくれるWEBサービスです。色んな言葉で韻を踏んで遊ぶことができます。 韻とは何か そのそも「韻」とは何かについては、「韻を踏む」ってどういう意味？というページで解説され…
SVGで作成された背景のCSSコードが入手できるWEBサービス「SVG Backgrounds」
SVG Backgroundsは、SVGで作成された背景のCSSコードが紹介されているWEBサービスです。 プレビューを表示するとCSSのコードが出力されるので、コピーしてそのまま利用することができます。 SVG Bac…
複数のカラーコードを入力して色の組み合わせを確認できるWEBサービス「.colors()」
.colors()は、複数のカラーコードから、色の組み合わせをチェックすることができるWEBサービスです。デザイン制作時に色の相性などをブラウザ上で確認することができます。 .colors()の使い方 .colors()…
サイトへ訪問したユーザーの行動を動画で記録してくれるWEBサービス「LogRocket」
LogRocketは、発行されたスクリプトをサイトに仕込むことで、ユーザーの行動を動画で記録してくれるWEBサービスです。 ユーザーがどのような操作を行っているのか動画で確認できるたため、サイトの改善に役立てることができ…
“〇〇で打線組んだ”が簡単に作成できるジェネレーター「打線くん(仮)」
打線くん(仮)は、あるテーマに対して野球の打線に例えて順位付けを行う、いわゆる「打線組んだ」を簡単に作成することができるWEBサービスです。 打線くん(仮)とは サイトでは以下のように説明されています。 「打線くん(仮)…
横幅と高さを入力するとアスペクト比を計算してくれるWEBサービス「AspectRat.io」
AspectRat.ioは、横幅と高さを入力するとアスペクト比を計算してくれるWEBサービスです。 本当にただそれだけのシンプルなツールです。 AspectRat.ioの使い方 AspectRat.ioにアクセスして、横…
URLを入力するだけでOGPタグを生成してくれるWEBサービス「HEY META」
HEY METAは、サイトのURLを入力するだけで、OGPタグを自動生成してくれるWEBサービスです。 HEY METAの使い方 HEY METAにアクセスして、URLを入力します。ブログの場合は、記事ページのURLを入…