Schedule Template

JavaScript

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

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

Schedule Template

デモ

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

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

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

Schedule Template

関連記事

  1. Pilpil

    JavaScript

    プログレッシブ形式で画像表示時間を短縮してくれる「Pilpil」

    Pilpilは、ページの画像表示の時間を短縮するためのJSライブラリで…

  2. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  3. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  4. SmartPhoto.js

    JavaScript

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

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

  5. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  6. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

最近の記事

  1. 落ち葉と雪
  2. SOL001
  3. 末廣ラーメン

アーカイブ

PAGE TOP