jquery-calendar

JavaScript

レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

jquery-calendarはレスポンシブに対応したスケジュール管理もできるカレンダーを実装できます。シンプルなデザインでとても見やすく、イベント作成も簡単にできるのがいいですね。

jquery-calendar

デモ

デモではシンプルなカレンダーが設置されており、左上にある「Create an event」というボタンから、イベント(予定)を作成することができます。イベントの日時、タイトル、内容、カテゴリーなどを入力して「Create」ボタンを押せばOKです。

また、「Add a random event」というボタンからは、ランダムで予定が作られるので、試しに何かイベントを作成してみたい場合にはここをクリックしてみてください。

jquery-calendarはレスポンシブにも対応しているので、パソコンだけではなくスマホやタブレットなどでもカレンダーをチェックできます。

jquery-calendar

TextFitテキストをコンテナ幅にすばやくフィットさせる「TextFit」前のページ

Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」次のページTagify

関連記事

  1. jQuery googleslides
  2. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  3. SmartPhoto.js

    JavaScript

    レスポンシブなイメージビューアを実装できる「SmartPhoto.js」

    SmartPhoto.jsは、レスポンシブに対応したかっこいいイメージ…

  4. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  5. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP