【JS】物理法則に基づいたアニメーションライブラリ「Dynamics.js」
重力や反動など物理法則に基づいたアニメーションを実装できる「Dynamics.js」のご紹介。シンプルなコードで実装できる便利なライブラリです。
重力や反動など物理法則に基づいたアニメーションを実装できる「Dynamics.js」のご紹介。シンプルなコードで実装できる便利なライブラリです。
クリエイティブ・コモンズ0(CC0)ライセンスの高解像度動画(1920×1080)をダウンロードできるストックビデオサイト「Coverr」を紹介します。
スクロールに合わせて画像が3DのようにクロスフェードするjQueryプラグイン「tiltedpage_scroll.js」のご紹介。画像の多いサイトやランディングページなどで効果的かも。
要素をクリックすると、要素ごとモーダルウィンドウ・アラート・サイドメニューなどに変化させることができるJavaScriptライブラリ「cta.js」をご紹介。
無料で利用可能なガーリーなフリー写真素材サイト「GIRLY DROP(ガーリードロップ)」の紹介。国内のスタイリッシュなフォトストックサイトです。
文字実体参照(特殊文字)をリスト化してるサイト「html arrows」の紹介。文字が大きく表示され見やすくCSSコードもあり重宝しそうです。
ヘッダー要素にあるテキストやロゴをスクロールに合わせてセクションごとに切り替えることができるjQueryプラグイン「Midnight.js」を紹介します。
動画を背景にしたサイトも増えてきましたが、軽量で背景に動画をフルスクリーンで表示させるjQueryプラグイン「covervid.js」を紹介します。
レスポンシブのロゴパターンを考えるコンセプトサイト「responsivelogos」。特に海外のブランドロゴは細かいディテールのロゴが多いので参考のなる。
テキストリンクのロールオーバー時にテキストをシャッフルさせるエフェクトを実装できるjQueryプラグイン「chaffle.js」を紹介します。
iPhone・iPad・AppleWatchなどのアプリのインターフェイスを集めたギャラリーサイト「Pttrns」の紹介。アプリの様々なシーンのキャプチャを公開してます。
クリエイティブ・コモンズ0(CC0)ライセンスの動画をダウンロードできるストックビデオサイト「Pexels Videos」を紹介します。
要素やイメージをふわふわ浮せたることができるjQueryプラグインの「jqFloat.js」のご紹介。メインビジュアルのアクセントとして使えそうなプラグイン。
海外のハイクオリティーなモックアップ素材サイト「Qeaql」の紹介。有料サイトになりますが、フリーで使えるモックアップ素材も豊富にあります。
要素の背景に幾何学模様(パーティクル)のアニメーションを実装できるjQueryプラグイン「particleground.js」を紹介します。
海外の無料で使用可能なフリー写真素材サイト「StockSnap」の紹介。ロイヤリティフリーの高解像度で使用できるスタイリッシュなフォトストックサイトです。
Youtubeをサイトに埋め込んだ際に表示されるヘッダー(タイトル)とフッダー(コントロール)を非表示にする事ができるjQueryプラグイン「PrettyEmbed.js」の紹介。
スマートフォン・タブレットなどのスワイプ操作にも対応した軽量で使えるjQueryスライダー「glide.js」を紹介します。Webサイトのメインビジュアルなどに使えます。