Schedule Template

JavaScript

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

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

Schedule Template

デモ

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

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

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

Schedule Template

関連記事

  1. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

  2. JavaScript

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

  3. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

  4. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  5. jquery.confirmDialog
  6. JavaScript

    レスポンシブで横スクロールやキーボード操作も可能なjQueryギャラリー「Portfoliojs」

    ポートフォリオなどでとても素敵なイメージギャラリーを実装することができ…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP