Monthly.js

JavaScript

レスポンシブに対応したカレンダーを実装できる「Monthly.js」

Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダーを実装できるjQueryプラグインです。余計な装飾などがなく、すっきりしたデザインがとても見やすいカレンダーです。パソコンでの表示はもちろん、スマフォやタブレットなどでも確認しやすいカレンダーを実装したい方は要チェックです。

Monthly.js

デモ

各日付をクリックするとリスト形式で表示されます。こちらもシンプルで見やすいです。

また、カレンダー上部の左右両端にある矢印から前後の月に切り替えることができます。サクサク動作するので、使っていてとても快適ですね。

シンプルなデザインがベースになっているからこそ、イベントを入れた日付が引き立ちますね。色分けさたイベントは視認性もよくてチェックしやすいです。これなら予定を忘れてしまう心配も少なくなるような気がします。

そんなわけで、レスポンシブに対応したシンプルですっきりしたデザインのカレンダーを実装できるjQueryプラグインをお探しの方は、ぜひチェックしてみてはいかがでしょうか?

Monthly.js

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  2. jQuery Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

  3. CircularLoader.js

    JavaScript

    シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」

    CircularLoader.jsは円形プログレスバーを簡単に実装する…

  4. jquery-side-navi

    JavaScript

    サイドからスライドでナビゲーションを表示できる「jquery-side-navi」

    jquery-side-naviは、サイドからスライドでタブコンテンツ…

  5. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

  6. Jquery modal box plugin

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP