動きのあるバブルを背景に設定することができる「bubbly-bg」
ランダムに動きのあるバブルを背景に設定することができる軽量で使いやすいスクリプト「bubbly-bg」の紹介です。
Webデザイン
【jQuery】レスポンシブ対応のタブを実装できる「GridTab」
レスポンシブに対応した様々なタブを実装することができるjQueryプラグイン「GridTab」の紹介です。様々なスタイルが用意されておりカスタマイズも可能です。
モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
ページ遷移のスライドアップアニメーションをモーフィング(SVG)で表現したデモ集「Morphing Page Transition」の紹介です。
YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
YoutubeやGoogleMapなどの埋め込みコードをレスポンシブに変換してくれるジェネレーター「Embed Responsively」を紹介します。
10年前の有名サイトを振り返ることができる「Ten Years Ago」
AppleやAmazon、Youtubeなど海外の有名なサイトの10年前のデザインを振り返ることができる「Ten Years Ago」の紹介です。
メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
メニューテキストのホバーエフェクトをアイデアをしてまとめた記事「Inspiration for Menu Hover Effects」の紹介です。
さまざまなスタイルのCSSボタンをコレクションした「Buttons」
比較的ベーシックなスタイルのCSSボタンを大量にコレクションした「Buttons」の紹介です。
パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
サイトのメインヴィジュアルに使えそうなパララックス効果のオシャレなスライダー「PIGNOSE ParallaxSlider」の紹介です。
アニメーションアイコンのライブラリ「60 Free Animated Icons」
SVGアイコンとjsライブラリ(titanic.js)がセットになった、簡単に実装できるアニメーションアイコン「60 Free Animated Icons」の紹介です。
Google Mapのスタイルテンプレート「Snazzy Maps」
WebサイトにGoogle Mapを埋め込む時に便利なGoogle Mapのスタイルテンプレート集「Snazzy Maps」の紹介です。
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。
アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
アニメーションエフェクトで出現するツールチップのアイデアをまとめた「Playful Little Tooltip Ideas」の紹介です。
【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
CSSのtext-shadowの使用例をまとめたサイト「Keiyaku CSS」の紹介です。サンプルコードもあってコピペで使用できます。
日本の契約書のためのCSSライブラリ「Keiyaku CSS」
Markdownで書かれた契約文書を、適切な印刷書式にスタイリングするためのCSSライブラリ「Keiyaku CSS」の紹介です。
【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン
サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。
RANDOM POST
