SVGモーフィングアニメーションを自動補完してくれるjsライブラリ『flubber』

通常SVGのモーフィングアニメーションといえばCSSで動かすにしろ、jsで動かすにしろ、元のSVGの頂点の数を次のSVGの頂点の数に合わせなければ、スムーズなアニメーションにはならないです。flubberは簡潔な記述で、その問題を解決し、スムーズなSVGモーフィングアニメーションを実行できます。どのような感じかというと、次の動画みたいな感じになります。

インスピレーションを感じるクリエイティビティ溢れるZach Kingの動画

斜め上からの発想と映像制作技術のセンスが素晴らしい動画を投稿しているZach King(ザック・キング)さんはご存知でしょうか?InstagramやVine、youtubeへの動画投稿を主に活動しており、YouTubeによる『アメリカの最も…

これは流行る!google chrome拡張機能・無料のHD画質の動画キャプチャーツール『loom』

デスクトップやアプリケーション、ブラウザの画面を友人や知人に見せたり、共有したりする事って結構ありますよね。また、ブログとかを書いている方でも、結構頻繁に画面キャプチャをしていると思います。静止画の画像キャプチャなんかだと、私は『Nimbusスクリーンショット』というアプリを使っています。[appbox chromewebstore bpconcjcammlapcogcnnelfmae

【Photoshop】まるで自然にある鉱石に文字が生えたかのようなテキストエフェクト

金、銀、銅、プラチナ、クリスタル、アメジスト、ルビー、ダイヤモンド・・・等など、鉱石と言ってもかなり様々な種類がありますが、今回のチュートリアルを応用すれば、テキスト以外のエフェクトとしても使える技術です。 といってもそんなに技術力や知識は…

StylusでサクサクCSSコーディング【環境構築編】

以前はSassを使っていたのですが、聞いたところStylusはSassとLessのいいところどりで豊富な機能を持っているらしいので早速使用する為の環境を構築してみました。 CSSプリプロセッサは、変数や配列、条件分岐などが使えるので、記法を…

【wp】特定のページだけ指定のpluginを読み込ませる【plugin load filter】

wordpressの高速化に役立ったり、特定のページや記事だけに指定のプラグインを使いたい時に役立つ【plugin load filter】 実はかなり前からインストールして、大雑把に設定していたんですが、最近になって記事ごとに使用していな…

【育児】赤ちゃんが生まれてからうまいことやっていく方法

去年の9月に子供が生まれて現在5ヶ月目に入ったので所感と自分なりの精神論を書いておく。育児で悩んでる方や疲れきっている方に参考にしてもらえればと思う。(主観的な事が殆どなのであくまでも参考に) ちなみに私は男です、あまりネット上では育児の際…

最終的に行き着いたwordpressの不正アクセス対策方法

wordpressは世界中の個人や企業での利用者が多い事もあってか、とにかくプログラムによる自動処理でのブルートフォースアタックが多い現状。 今までは狂骨やWP-Banを使って対策していましたが、いくらアクセス拒否するIPを追加してもイタチ…

【wp-plugin】アプリやブラウザの拡張機能等を紹介する際に便利な【wp-app-box】

iphoneアプリやandroidのアプリ、はたまたgoogle crhomeやfirefoxの拡張機能をブログで紹介する際に役立つwordpress pluginの紹介です。 ブログ等で記事を書く際に、簡単にレスポンシブ対応のデザインでリ…

レビューブログに最適!ユーザーもレビュー出来るWP Product Reviewがオススメ

サイトに【あらゆるもののレビュー】が簡単に実装できるwordpress pluginの紹介です。 ブログを書いている方のネタとして多いのが商品のレビューや、書評、映画の感想、サービスの実体験レビュー、お店の感想など、様々な物事に関してのレビ…