何重にもループした高架道路のような、何て言うのかよく分からない模様の画像が簡単に作成できるWebサービスの「Loopalo」。
作成した画像はsvg形式でダウンロードして、画像素材として使う事ができます。
Source: Loopalo
記事内にプロモーションを含む場合があります。
[js] ブラウザの表示サイズ別に異なる画像を表示する「picturefill.js」
[js] gifアニメのリンクを全画面で表示する「Giflinks」
「GifLinks」は、gifアニメへのリンクにマウスカーソルを持っていくと、ブラウザの表示画面全体にgifアニメが表示されるjsライブラリ。
なかなか面白いですね。
ただ、あまり重いgifアニメは使わないように注意しないと、訪問者に嫌われちゃうかもしれません。
Source: tholman/giflinks · GitHub
[js/css] 実用性の高い色々なライブラリが揃う「Cody」
CodyHouseでは、実用性が高めなjs/css/htmlライブラリを色々配布しています。
例えば、ページの先頭に戻るBack to top、スクロールで複数の壁紙を切り替えるAlternate Fixed & Scroll Backgrounds、GoogleマップのデザインをおしゃれにするCustom Google Map、比較やカタログなどで使えそうなレスポンシブテーブルのCross reference table等々。
導入方法も丁寧に解説されているのでオススメです。
Source: Library | Cody
[WP] 記事に貼り付けたYouTubeなどの動画サムネイルを自動生成するプラグイン「Video Thumbnails」
記事に貼り付けた動画のサムネイルを自動生成して、アイキャッチ画像に設定してくれるWordPressプラグインの「Video Thumbnails」。投稿の一手間が省ける便利なプラグインです。
対応サイトは、YouTube, Vimeo, Facebook, Vine, Justin.tv, Twitch, Dailymotion, Metacafe, VK, Blip, Google Drive, Funny or Die, CollegeHumor, MPORA, Wistia, Youkuなど多数。