
【jQuery】レスポンシブ対応のタブを実装できる「GridTab」
レスポンシブに対応した様々なタブを実装することができるjQueryプラグイン「GridTab」の紹介です。様々なスタイルが用意されておりカスタマイズも可能です。
レスポンシブに対応した様々なタブを実装することができるjQueryプラグイン「GridTab」の紹介です。様々なスタイルが用意されておりカスタマイズも可能です。
ページ遷移のスライドアップアニメーションをモーフィング(SVG)で表現したデモ集「Morphing Page Transition」の紹介です。
YoutubeやGoogleMapなどの埋め込みコードをレスポンシブに変換してくれるジェネレーター「Embed Responsively」を紹介します。
AppleやAmazon、Youtubeなど海外の有名なサイトの10年前のデザインを振り返ることができる「Ten Years Ago」の紹介です。
メニューテキストのホバーエフェクトをアイデアをしてまとめた記事「Inspiration for Menu Hover Effects」の紹介です。
比較的ベーシックなスタイルのCSSボタンを大量にコレクションした「Buttons」の紹介です。
サイトのメインヴィジュアルに使えそうなパララックス効果のオシャレなスライダー「PIGNOSE ParallaxSlider」の紹介です。
SVGアイコンとjsライブラリ(titanic.js)がセットになった、簡単に実装できるアニメーションアイコン「60 Free Animated Icons」の紹介です。
WebサイトにGoogle Mapを埋め込む時に便利なGoogle Mapのスタイルテンプレート集「Snazzy Maps」の紹介です。
ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。
サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。
SVGを手書き風のアニメーションにすることができるJSライブラリ「vivus.js」の紹介です。ランディングページなど効果的に使えそうなライブラリです。