CSSアニメーションを利用して、横向きに永遠と流れる画像を設置する方法についてご紹介いたします。 挙動としては、こちらのページ下部にある、右から左へと流れているイラストのような動きになります。 CSSのみでループして流れ…
CSSのみでループして流れる画像を設置する方法
SVG非対応ブラウザで代替画像を表示する3つの方法
イラストやロゴなどをSVGで実装する場合、古いIE等のSVG非対応ブラウザのために代替画像を用意することがあるかと思います。SVG非対応ブラウザ用に代替画像を設置する方法を3つご紹介いたします。 object要素を使って…
商用利用可！提案してボツになったロゴをオープンソースとして無料配布している「MINIMAL & READY LOGOS」
MINIMAL & READY LOGOSは、ボツになったロゴのデータをオープンソースとして無料配布しているサイトです。配布されているロゴは、個人・商用問わず、自由に使って良いそうです。 MINIMAL &…
様々なグラデーションがまとめられていて、CSSをコピーしたりPNG画像をダウンロードできる「WebGradients」
WebGradientsは、様々なグラデーションがまとめられているサイトです。気に入ったグラデーションがあったら、グラデーションを表現するためのCSSをコピーしたり、PNG画像をダウンロードすることができます。 WebG…
記事内の画像をふわっと拡大表示するためのWordPressプラグイン「WP-Slimbox2 Plugin」
WP-Slimbox2 Pluginは、記事内の画像をふわっと拡大表示することができるWordPressプラグインです。 画像をクリックした時に、アニメーションしながら拡大表示させることができます。いわゆるlightbo…
オリジナルのアバター画像を設定することができるWordPressプラグイン「Avatar Manager」
Avatar Managerは、オリジナルのアバター画像を設定することができるWordPressプラグインです。各ユーザー毎に異なるアバターを設定できます。 Avatar Managerのインストール インストール手順は…
画像をクリックした時にふんわりと拡大表示することができるWordPressプラグイン「jQuery Colorbox」
jQuery Colorboxは、画像をクリックした時にふんわりと拡大表示することができるWordPressプラグインです。 jQuery Colorboxのインストール インストール手順は以下の通りです。 jQuery…
アップロードした画像のサイズを自動的に縮小してくれるWordPressプラグイン「EWWW Image Optimizer」
EWWW Image Optimizerは、アップロードした画像を自動的に最適化し、サイズを縮小してくれるWordPressプラグインです。既存の画像についても一括して最適化を実行することができます。 EWWW Imag…
クラスを追加するだけで写真にフィルタをかけられるCSSライブラリ「CSSCO」
CSSCOは、クラスを追加するだけで写真にフィルタをかけることができるCSSライブラリです。Photoshopなどのソフトを使わなくても、CSSを読み込んでクラスを追加するだけで写真にフィルタをかけることができます。 フ…
スクリーンショットをブラウザのフレームに合成してくれるWEBサービス「Browser Frame」
Browser Frameは、ブラウザのフレームにスクリーンショットをはめ込んだ画像に合成してくれるWEBサービスです。 Browser Frameの使い方 1. Browser Frameにアクセスします。 2. [U…