SVG Pattern Makerは、サイトの背景などで使えるSVGのパターン画像を作成できるジェネレーターです。 ジェネレーターの作成者は、webOpixelのk.ishiwataさんです。Vue.jsで作成していると…
猫しもべ検定は、猫への下僕度を測ることができるWEBサービスです。ちゃんと答え合わせもできるので、猫への理解度がより深まります。 猫しもべ検定の使い方 猫しもべ検定にアクセスし、[猫しもべ検定スタート]をクリックします。…
パワーランクチェックツールは、ドメインパワーを調べることができるSEOツールです。ドメインパワーを独自の計算方法で数値化してくれます。 パワーランクチェックツールの使い方 パワーランクチェックツールにアクセスして、ドメイ…
ユーザーの最終ログイン日を記録する方法をご紹介いたします。また、記録した最終ログイン日をユーザー一覧に出力する方法も併せて解説いたします。 WordPressで各ユーザーの最終ログイン日を記録する方法 ユーザーの最終ログ…
CSSだけでページ内リンクのスムーススクロールを実装する方法をご紹介いたします。 まだ、サポートしているブラウザは少ないですが、scroll-behaviorプロパティを使った方法です。 CSSのみでページ内リンクのスム…
スマートフォンのブラウザでツールバーの色を変更する方法です。 ブラウザの種類によって指定方法が異なるので、それぞれご紹介いたします。 スマートフォンのブラウザでツールバーの色を変更する方法 Google Chrome ツ…
素のJavaScriptを使って、クリック/タップする度にクラスを追加・削除させる方法をご紹介いたします。 要素にクラスを追加・削除することで、表示・非表示を切り替えたり見た目を変えたりと、色んな制御を行うことができるよ…
CSSだけで、カルーセル風の横スクロールを実現する方法をご紹介いたします。 以下のように右側に要素が続いていることを示しつつ、横スクロールできるようにCSSでスタイリングします。 特にスマホなどで横幅を超えてしまうけどレ…
lazysizesは、画像を遅延読み込みすることができるLazyload系のJavaScriptライブラリです。通常の画像だけでなく背景画像も遅延読み込み可能です。また、jQuery非依存で単体で動作します。 挙動につい…
echo.jsは、画像を遅延読み込みさせて、表示速度の向上に貢献するJavaScriptライブラリです。 echo.jsは単体で動作するため、jQueryなどに依存しません。Lazy Load系のライブラリはjQuery…