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. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  2. Jqx-Media-Slider
  3. JavaScript

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Shadow Plugin

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Sh…

  4. dndod

    JavaScript

    依存性のないシンプルで簡単なモーダルライブラリ「dndod」

    dndodはjQueryなどへの依存性のないシンプルで簡単なJavaS…

  5. OverlayScrollbars
  6. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP