Picturefill.jsは、picture要素に対応していないブラウザでもpicture要素による画像の切り替えができるようになるポリフィルです。 picture要素を使うことで、ブラウザの幅によって画像を出し分ける…
IE11でもpicture要素を使えるようにするポリフィル「Picturefill.js」
メディアライブラリをスキャンして使われていない画像を検出するWordPressプラグイン「Media Cleaner」
Media Cleanerは、メディアライブラリをスキャンして、投稿やウィジェット内で一切使われていない画像を検出してくれるWordPressプラグインです。 不要な画像をチェックして、メディアライブラリ内を整理すること…
2枚の画像を重ねて表示し、スライダーで切り替えながら比較できるようになるWordPressプラグイン「Twenty20 Image Before-After」
Twenty20 Image Before-Afterは、2枚の画像を重ねて表示し、スライダーで切り替えながら比較ができるようになるWordPressプラグインです。 画像のビフォーアフターを紹介する時に便利です。 Tw…
単体で動作するシンプルなlightbox系スクリプト「Shadowbox.js」
Shadowbox.jsは、単体で動作するlightbox系のスクリプトです。画像をふわっと拡大表示させることができます。 挙動については、以下ページよりご確認いただけます。 デモページを見る Shadowbox.jsの…
URLで名前を指定すると人物のダミーアバターを生成してくれるWEBサービス「Joe Schmoe」
Joe Schmoeは、URLに名前を指定することで人物アバターのイラストを生成してくれるWEBサービスです。生成されたアバターはダミーとして利用可能です。 Joe Schmoeの使い方 Joe Schmoeにアクセスし…
ブラウザ上で画像の編集やコラージュの作成ができるオンラインツール「Fotor」
Fotorは、ブラウザ上で画像の編集・コラージュの作成・デザイン制作ができるWebツールです。写真の加工だけでなく、バナーやチラシの制作までできちゃいます。 かなりの多機能でありながら、無料でも利用可能です。 Fotor…
動画からキャプチャー画像を生成できるWEBサービス「動画のキャプチャー画像の抽出機」
動画のキャプチャー画像の抽出機は、指定した動画ファイルからキャプチャー画像を生成できるWEBサービスです。スマホにも対応しています。 動画のキャプチャー画像の抽出機の使い方 動画のキャプチャー画像の抽出機にアクセスして、…
Google Chrome 75からサポート予定のloading属性による画像やiframeの遅延読み込みを実装する方法
Google Chrome 75から、HTML側にloading属性を追加するだけで、画像やiframeの遅延読み込みが実装可能になる予定です。 ※2019/08/19追記 Google Chrome 76から公式にサポ…
クリックするとふわっと拡大！jQuery不要のLightbox系スクリプト「Luminous」の使い方
Luminousは、画像をクリックするとふわっと拡大してくれるLightbox系のJavaScriptスクリプトです。jQueryに依存せず単体で動作します。 Luminousの使い方 Luminousの使い方は、WEM…
背景画像も遅延読み込み可能なLazyload系ライブラリ「lazysizes」
lazysizesは、画像を遅延読み込みすることができるLazyload系のJavaScriptライブラリです。通常の画像だけでなく背景画像も遅延読み込み可能です。また、jQuery非依存で単体で動作します。 挙動につい…