Webcalcium DND

A simple, yet powerful, HTML5 calendar and to-do list

สร้างโดยใช้ HTML5, CSS3, ลากและวาง, IndexedDB, Offline Support,

  • 283 การดู
  • 2 ความคิดเห็น

ข้อมูลเพิ่มเติมเกี่ยวกับการสาธิตนี้จากผู้สร้าง

This is another version of a previous demo. It has been improved so that it uses drag and drop to reorder events and remove them by sending them to a trash icon.

WebCalcium is an open source application which acts as a mix of a calendar and to-do list. You can add events, tag them, add a date; then, using the search tool, you can filter them by the previous paramaters or via full-text search.

Its interface adapts to different screens, from desktop to smartphone, with tablets in the middle. The toolbar will take more or less space according to the width, and the dual pane will be enabled in large enough screens.

This application uses HTML5, CSS3 (transitions, media queries, fonts, text-overflow...) and some of the newest JavaScript interfaces (indexedDB, History API...). It also has offline support (with .appcache), so it will work even when there is no Internet connection.

[Note on licenses: the code is Apache licensed; it includes jquery, toastr, IndexedDBshim and kalendae (MIT-licensed all of them), and icons are adapted versions of GNOME High-Resolution icons (http://commons.wikimedia.org/wiki/GNOME_High_contrast_icons) , LGPL licensed by its authors (http://commons.wikimedia.org/wiki/GNOME_High_contrast_icons/authors).]

2 comments so far

Log in to add your own.

  1. DevilishDB said,

    Nice one! Do you mind if I use for my website called Galaxy OS? (http://www.galaxy-os.tk) If so, I will credit you and include a link to your MDN profile.
  2. ASM said,

    Hello JoanC,
    I LOVE your demo.
    would you be able to create a Windows8 themed (live panel dashboard), with tasks, projects, notes, and a calendar all linked together? in the tasks and projects though, can you add an attachment field? only if you are able...

    Thanks,
    ASM

    P.S.
    I'll share it to all my friends!!!!!!

About this Demo

ดาวน์โหลดต้นฉบับ 92.2 KB · ไฟล์ ZIP

Browse the Source

การสาธิตนี้ถูกใช้งานภายใต้ใบอนุญาต Apache

More by JoanC