Schedule Template

JavaScript

シンプルなスケジュール表を実装する「Schedule Template」

スッキリしたデザインのシンプルなスケジュールテンプレートを実装するための「Schedule Template」をご紹介します。無駄な装飾もなく、とても見やすいスケジュール表を取り入れたい人にはピッタリですね。

Schedule Template

デモ

デモでは横軸が曜日、縦軸が時間によるスケジュール表が設置されています。各スケジュールが色別になっていてとても見やすいですね。

各スケジュールの時間の長さに合わせて縦のサイズも変化するので、どのくらい時間がかかるのかを瞬時に把握しやすいと思います。

マークアップやCSSによるスタイリングなどもシンプルなので、気になる方はぜひSchedule Templateをチェックしてみてはいかがでしょうか?

Schedule Template

Simple Easy Slider美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」前のページ

シャッフルしながらテキストが表示される「Random Text Shuffle」次のページRandom Text Shuffle

関連記事

  1. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  2. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  3. PreViewTube.js
  4. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  5. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  6. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP