Monthly.js

JavaScript

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

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

Monthly.js

デモ

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

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

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

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

Monthly.js

関連記事

  1. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  2. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

  3. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  4. jQuery RS Carousel

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できる「jQuery RS Carousel」

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイ…

  5. EasyZoom

    JavaScript

    タッチ対応で画像拡大やパンもできるjQueryプラグイン「EasyZoom」

    EasyZoomはタッチにも対応したモバイルフレンドリーな、画像拡大や…

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

    JavaScript

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

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

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP