Schedule Template

JavaScript

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

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

Schedule Template

デモ

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

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

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

Schedule Template

関連記事

  1. JavaScript

    シンプルでカスタマイズも簡単にできるjQueryプラグイン「Twitter Follow Box W…

    とてもシンプルでカスタマイズもしやすいjQueryプラグイン「Twit…

  2. no-image

    JavaScript

    親要素の下端まで要素を固定表示できる「Scroll With Page」

    Scroll With Pageはスクロールしても特定の要素を固定表示…

  3. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  4. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  5. Flickerplate
  6. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP