めずらしい画像素材サイトを見つけたので、ご紹介いたします。その名も「dipixio」。 dipixioは、切り抜き画像を集めたフリーの画像素材サイトです。画像は、商用利用もOKです。 dipixioの使い方 使い方という…
切り抜き画像を集めたフリー画像素材サイト「dipixio」
Twitter・Facebook・はてブでシェアされた時のアイキャッチ画像のサイズをチェックできる「アイキャッチ画像サイズチェッカー」
アイキャッチ画像サイズチェッカーは、TwitterやFacebook、はてなブックマークでシェアされた時に、アイキャッチ画像がどのように表示されるかを確認することができるWEBサービスです。 SNSでシェアされた場合、そ…
MacbookやiPhoneへのはめ込み画像が作成できるWEBサービス「Dimmy.club」
Dimmy.clubは、MacbookやiPhone、iMac等へのはめ込み画像が生成できるWEBサービスです。Apple製品だけでなく、SurfaceやHTC Nexus 9なども選択できます。 Dimmy.clubの…
WordPressでキャプションを設定すると画像がはみ出してしまう場合の対処法
記事の中に画像を挿入する際、キャプションを設定すると画像が記事本文の枠からはみ出してしまうことがあります。これはテーマにもよりますが、ちゃんと対策されていないと画像がはみ出てレイアウトが崩れてしまいます。 上記画像の「キ…
CSSのコピーや画像ダウンロードも可！美しいグラデーションがまとめられている「coolhue」
coolhueは、美しいグラデーションがまとめられているWEBサービスです。掲載されているグラデーションを表現するためのCSSをコピーしたり、画像としてダウンロードすることができます。 coolhueの使い方 coolh…
WordPressの最大アップロードサイズを変更する方法
WordPressの「最大アップロードサイズ」を変更する方法をご紹介いたします。 最大アップロードサイズの値が小さく設定されていると、サイズの大きい画像やファイルをアップロードする際に「アップロードサイズ上限を超えていま…
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…