ラインを使ったスタイリッシュなメニュー26パターン Line Menu Styles
Line Menu Stylesはラインを使ったスタイリッシュなメニュー26パターンです。 ライン要素をデザインに取り入れることで、斬新なメニューを実装していま...
JavaScript
ファビコンの上に数字アラートを表示するjsライブラリ Tinycon
Tinyconはファビコンの上に数字アラートを表示するjsライブラリです。 アイコンに新着メッセージ数などを表示したいときに使えます。 Gmailにも未読数をア...
背景動画をすぐに実装できるjQueryプラグイン VIDE
VIDEは背景動画をすぐに実装できるjQueryプラグインです。 背景に動画を使ったサイトが増えてきましたね。VIDEを使えば、本当にサクッと実装できちゃいます...
背景いっぱいに画像や動画のスライドショーを表示できるjQueryプラグイン Vegas Background SlideShow
Vegas Background SlideShowは背景いっぱいに画像や動画のスライドショーを表示できるjQueryプラグインです。 背景として設定できるので...
レスポンシブ対応のオシャレなlightbox Strip – A Less Intrusive Responsive Lightbox
Stripはレスポンシブ対応のオシャレなlightboxです。 デザインがスタイリッシュで、余計な装飾が無いので、いろいろなサイトに使えます。 ↓写真をクリック...
初心者から上級者まで役に立つjavascriptのチュートリアル3選
Web初心者でもGoogle Mapsをカスタマイズできるgmaps.jsでAPIを使い倒そう！ Google MapsのAPIを使いやすくしたライブラリーgm...
スマホゲームも作れる物理検索エンジン Matter.js
Matter.jsはスマホゲームなども作ることができる物理検索エンジンです。 物理検索エンジンというと取っ付きにくい印象ですが、要は、Javascriptを使っ...
YoutubeやHTML5の動画、twitterやGoogleMapまで何でもサイトに埋め込める embed.js
2016/06/20追記 新しいバージョンがリリースされたので、改めて紹介しました。 embed.jsはYoutubeやHTML5の動画、tiwtterやGoo...
CSSとJSで作るコンテンツを回転させるチュートリアル Flipping Card Tutorial
Flipping Card TutorialはCSSとJavascriptでコンテンツを回転させる動きを実装できるチュートリアルです。 マウスホバーで回転、クリ...
プリローダーバーを実装できるJavaScriptライブラリ Material Design Preloader
Material Design Preloaderはスタイリッシュでちょっと楽しいプリローダーバーを実装できるJavaScriptライブラリです。 オリジナルデ...
送信ボタンの進捗状況を表すデザインを実装できる Progress Button Styles
Progress Button Stylesはボタンがクリックされた際に進捗状況を表すことができるjsプラグインです。 18種類のデザインが用意されています。 ...
オシャレなセレクト要素のデザインを実装できるjQueryプラグイン Select or Die
Select or Dieはselect要素のデザインをおしゃれにいできるjQueryプラグインです。 実装も簡単たんです。 地味なselect要素のデザインが...
レスポンシブ対応のjsスライダー Juicy Slider
Juicy Sliderはレスポンシブ対応のスライダーを実装できるjsプラグインです。 軽量で、実装も簡単です。 デモ デモページを用意しました。 画面の横幅が...
12種類のクリエイティブなお知らせ通知を実装できる Notification Styles Inspiration
Notification Styles Inspirationを使えば、様々なタイプの「お知らせ通知」を実装できます。 サイトにアクセスしたユーザーにお知らせを...
気持ちの良いページ内スクロールを実現するjQueryプラグイン Arbitrary Anchor
Arbitrary Anchorは気持ちの良いページ内スクロールを実現するjQueryプラグインです。 ページ内スクロール用のjQueryプラグインは色々ありま...
グルーピングやレスポンシブにも対応した高さを揃えるjQueryプラグイン jquery.matchHeight.js
jquery.matchHeight.jsはコンテンツの高さを揃えるjQueryプラグインです。 よくあるプラグインですが、marginやborderなどのスタ...
ページ上部にスクロールしても消えないお知らせエリアを表示する jQuery Sticky Alert
jQuery Sticky Alertはページ上部に表示される、スクロールしても消えないお知らせエリアを実装できるjQueryプラグインです。 レスポンシブにも...
コンテンツの高さと幅を揃えるなら eqaulize.js
equalize.jsはコンテンツの高さと幅を揃えてくれるjQueryプラグインです。使用方法も簡単です。 dviやpタグなどを揃えることができます。 導入 j...
フルスクリーンスクロールを簡単に実装できる fullPage.js
1画面でコンテンツを見せ、縦にスクロールするとススッと画面が切り替わるデザインを簡単に実装できるのがfullPage.jsです。 よく使うカスタマイズが簡単にで...