- October 23rd, 2007
- 54 Comments
Calendars always come in handy. Whether you are planning a schedule for your next project, manage your appointments or simply want to keep track on events you are going to take part in — to get things done in time you need a clear, simple and user-friendly time line. The more flexible your calendars are, the more effectively you can work with them. E.g. setting up your milestones, defining your deadlines and shifting your time line once unexpected problems occur. Besides, if you can get notified once the deadline is coming up or update the data once you stuck in the traffic then your calendar can turn out to be a real life-saver and boost your effectiveness.
Online calendars can also be useful if you’d like to publish your schedule or share it with your colleagues instantly — instead of sending hundreds of e-mails via a mailing list. Or if you’d like to provide your visitors with a date picker — e.g. for your web form. In fact, online calendar services, scripts, tools and software applications are useful for everybody.
This post presents a detailed overview of calendar scripts (Ajax, PHP, DHTML etc.), applications, tools and related services, including CSS-styling of online calendars and web-services you can use to generate a printable weekly planners and monthly and yearly calendars for free.
Example: Sunbird Calendar
Calendar Scripts, Date Pickers
A flat DHTML calendar which is suitable for selecting date/time “on the fly”. The design is customizable through external CSS, the script provides help hints, allows multiple days selection, is fast and very easy to setup. Keyboard can be used for a quicker date selection. Open source.
- NoGray Calendar Component6
- Quick Calendar Using AJAX and PHP7
A Tutorial from Bernard Peh at evolt.org. Visitors can navigate through the calender clicking on the linked dates; the information about the event which took place on this day appears below the calendar.
- jQuery Calendar v2.79
The calendar can easily be added to an input field with appropriate default settings. The calendar can appear on focus, via button and both ways. Day names are clickable to change the first day of the week. The calendar also responds to keystrokes entered in the input field. Use a custom field settings function to create a date range control: two date fields, each restricting the other. Very flexible solution.
- Calendar System11
- PHP iCalendar12
PHP iCalendar is a PHP-based iCal file viewer/parser to display iCals in a Web browser. It displays iCal files in a nice logical, clean manner with day, week, month, and year navigation. It is available in 13 languages and includes support for printing, searching and RSS news feeds.
- Yahoo! UI Library: Calendar13
The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a single month or multi month interface. Calendars are generated entirely via script and can be navigated without any page refreshes. There are dozens of examples and additional options you can use to customize the calendar.
The DatePicker lets users easily select valid dates from a dropdown calendar. No need to worry about date formats, by picking dates it’s always correct.
- Simple Calendar Widget17
This flexible, simple pop-up calendar is written to work across browsers. It’s fully commented and customisable for language, colours and date format. The pop-up displays a month at a time from a specified range of years.
- Tigra Calendar19
- Epoch – Date Picker21
A cross-browser date picker which is fast, easy to use and easy to configure.
- JS Calendar (version 2.1)23
- Keith Devens PHP Calendar 24
A very simple, but multi-functional PHP script to print out a calendar. Neat bonus features include the ability to link certain days in the calendar to a web page – useful for a weblog. You can also assign stylesheet classes to specific days, and provide content for an individual day.
- Developing Johan’s Accessible Calendar26
These examples relates to the Accessible Calendar with Selection of Weeks topic on Accessify Forums.
- AJAX Datetime Toolbocks28
- AJAX Calendars30
An overview of 10 AJAX-based calendar scripts.
- Learn how to integrate Google Calendar in your website using AJAX32
A detailed step-by-step tutorial on how you can integrate Google calendar directly in a website and display latest events in a brief overview.
- Syncing Google Calendar With iCal34
Google calendar can be a great tool for organizing your life. However, sometimes you would still want to use your own desktop application. Apple’s iCal, which is built-into Mac OS X, can be used to subscribe to your Google Calendar, and will automatically check Google Calendar every few minutes to check for new items. Screencast35.
- Stay in Sync with GCal and Thunderbird36
View and Update your Google Calendar offline from within Thunderbird by making use of the Lightning and Provider Add-ons. This step-by-step guide will show you how to get up and running (and staying in sync) in no time.
- Sync Google Calendar With Your Phone38
GCalSync39 allows you to synchronize your Google Calendar and your mobile phone. It works for most phones including Blackberry.
- GsyncIt For Microsoft Outlook40
gSyncit works by updating your Microsoft Outlook calendar with your Google calendar entries and then updating your Google calendar with your Microsoft Outlook entries. All appointments that occurred in the past 365 days and those that will occur in the next 365 days will be synchronized.
- Add Events to Google Calendar with SMS41
Apparently you can add events to your Google Calendar (and other nifty tricks) by sending text messages to SMS short code 48368. More information in this article.
- 40+ Tools For Google Calendar42
A series of programs, browser add-ons, Greasemonkey scripts, and Stylish user styles for Google’s calendar service.
Online Calendars with Database-Support
The examples listed below are complete stand-alone applications. They don’t only display the date, but can also link the date to specific data, such as information about a given event, your next milestone or your visitors’ plans.
iZeit is an easy to use online PHP calendar and to-do list. iZeit runs on your own server, so it’s totally customizable.
- Easy PHP Calendar45
The Easy PHP Calendar is a powerful PHP calendar script that is easily integrated into web sites and is easily customizable. This attractive, full-featured calendar is suitable for display on a calendar of events page, home page, or any other page. Price: $19.95.
One installation of this tool can support many calendars. Plans supports multiple languages. This also has CSS-themes. Plans can store data in flat files or an SQL database and is licensed under the GPL.
This is an open source Web calendar application with related tools, for posting and maintaining events and schedules online, in calendar format. Unlike any other online calendars, VCalendar comes with source code in multiple programming languages: PHP, ASP and ASP.NET (C# and VB.NET).
WebCalendar is a PHP-based calendar application that can be configured as a single-user calendar, a multi-user calendar for groups of users, or as an event calendar viewable by visitors. MySQL, PostgreSQL, Oracle, DB2, Interbase, MS SQL Server, or ODBC is required.
Online Calenders and Software
There is a number of web services which offer web-based calenders without installation. In most cases calenders are integrated among dozens of other features; we wanted to present “pure” calenders, without additional features which aren’t always useful, particularly if you just want to manage your time line as quickly and as painless as possible.
- Google Calendar51
With Google Calendar, you can see your friends’ and family’s schedules right next to your own; quickly add events mentioned in Gmail conversations or saved in other calendar applications. Sharing events and calendars is also available. You can also sync Google Calender with Microsoft Outlook52, Thunderbird53, iCal54 and your mobile phone55.
- Yahoo! Calendar57
Yahoo! Calendar lets you to share your calendar with specific friends and co-workers and remember important dates, setting up automatic reminders. It offers public and private event scheduling, to-do lists, weather, and integration with Microsoft Outlook and Palm devices.
- Windows Vista Calendar59
A calendar application that is included in Windows Vista. It natively supports the iCalendar file format, and has the ability to publish and subscribe to web-based calendars. Calendars may also be published to network drive shares. Windows Calendar has several calendar views, including Day, Week (5 and 7 day) and Month, and also supports Tasks. Windows Calendar supports over 100 calendars for each user.
A Web 2.0 Calender running in your browser. Use it for appointments and contacts. Data can be shared, and there is an API.
iCalShare is the web’s largest directory of shareable calendars. We have over 1500 calendars in more than 35 different categories, including calendar for sports teams, music groups, television shows, holidays, and more. Used calendar applications are Cal, Mozilla Calendar, Sunbird, Zimbra, Microsoft Works, WinDates, Novell Evolution, KOrganizer. Lots of them seem to be temporarily unavailable.
Calendarhub is a solution for private use or groups. You can create multiple personal or group calendars, find local events and add them to your calendar, get reminders by email or on your phone and invite others to your events. The tool offers an Ajax-based drag and drop interface, RSS feeds for any calendar view and Import/Export functionality for Outlook, Yahoo etc. It is also possible to subscribe to public calendars (e.g. iCal).
Mozilla Sunbird and Lightning65
Mozilla-style ease-of-use for your calendar. Sunbird lets you manage your schedule easily, and store it where you want to. Download free for Win, Mac OS and Linux – available in a couple of languages. Use Lightning if you use Mozilla Thunderbird for email.
Calgoo is calendar software that manages multiple calendars and schedules, contacts and tasks online and offline.
Windows only. Organize and manage your events online or offline and instantly generate a Web calendar to share with anyone on the Internet. Integrate shared calendars into your corporate or personal Web site and update with one click. Deliver upcoming events to your audiences desktops by allowing them to subscribe to event feeds using one of the free cross platform calendar tools.
Rainlendar is a feature rich calendar application that is easy to use and doesn’t take much space on your desktop. The application is platform independent so you can run it both on Windows and on Linux. Lite-Version is free. Lots of language file are available. Comes with event-planner an todo-list.
Rainlendar sits on the desktop
Calendar Styling and Experiments with CSS
- A CSS styled calendar71
A tutorial by Veerle Pieters.
- CSS Play A validating link calendar73
CSS Styling by Stu Nicholls.
- Unordered List Calendar75
This is a list boxes calendar. It isn’t the most semantic method, but it does seem to be fairly stable and it resizes perfectly. A monospace font like Courier New must be used to ensure proper proportions and two characters must be used. Prepared with dynamic generation in mind. Mike Cherim’s experiment.
- Calendars & Date Pickers Design Showcase77
52 examples of CSS-based calendar designs collected by Christian Watson.
Web 2.0 Social Calendar and Services
Web 2.0 offers dozens of web-based services which offer calendars and similar functionality. Let’s take a look at some of them — in a brief overview.
- Backpack Calendar79 + Basecamp80
Apart from other services this 37signals’ product offers a simple presentation of events that span multiple days (like trips, conferences, etc.) and has Email/SMS reminders – you can be notified 30 minutes before an event. Basecamp users can also manage their project milestones.
- RSS Calendar81
Web-based calendar service that allows the sharing RSS calendar feeds with others.
- 30 Boxes82
Share your calendar and your web stuff online. Organize your life, share all or parts of it with friends.
- Remember The Milk84
Online to do list and task management.
- You can also use Jotlet85, Plaxo86, Calgoo87, Cozi88 (the family calendar), myMemorizer89 (a reminding service with – of course – a calendar), Scrybe90 and Airset91 for similar purposes.
Generate Your Personal Calendar Online!
Instead of using web services you might want to stick to pen and paper. In this case you can use some web tools which can generate a printable version of a calendar you can fill in after you’ve printed it out. Some useful tools in a brief overview.
- Compact Calendar (for 2007)92
The Compact Calendar is designed to provide a compact view of the year, with plenty of space for making annotations. I use it as to “doodle plan” project timelines during meetings with clients. Since the days are presented contiguously while retaining the days of the week, you get a more intuitive sense of how the days are flowing and can estimate accordingly.
CalendarsQuick lets you create professional-looking printable calendars in PDF – personalized with your own titles, photos, start days, time ranges.
- Printable Calendars96
Generate a printable weekly planners and monthly and yearly calendars for free. With just a few clicks you will be able to personalize these calendars by adding an image and any text you’d like.
- Free Calendar Template97
Three variations of a CSS-based calendar – for free download.
Big Huge Labs Calendar98
The tool enables you to create a customized calendar from your digital photographs.
- 12 sided Calendar99
Generate a dodecahedral calendar. You can choose between PostScript and PDF format. Choose PostScript format if you want to mark holidays and birthdays. The PostScript file explains how to do it. 3-D Calendar100 is based upon the same idea.
- Free Online PDF Calendars102
Downloadable and printable calendars for the upcoming year. Free Online PDF Calendars – Month on a Page version.103
- 2 http://www.mozilla.org/projects/calendar/
- 3 http://www.livejournal.com
- 4 http://www.dynarch.com/projects/calendar/
- 5 http://www.dynarch.com/projects/calendar/
- 6 http://nogray.com/calendar.php
- 7 http://evolt.org/node/60673
- 8 http://evolt.org/node/60673
- 9 http://marcgrabanski.com/code/jquery-calendar/
- 10 http://marcgrabanski.com/code/jquery-calendar/
- 11 http://nodstrum.com/2007/01/29/phpcalendar/
- 12 http://phpicalendar.net/
- 13 http://developer.yahoo.com/yui/calendar/
- 14 http://developer.yahoo.com/yui/calendar/
- 17 http://www.garrett.nildram.co.uk/calendar/scw.htm
- 18 http://www.garrett.nildram.co.uk/calendar/scw.htm
- 19 http://www.softcomplex.com/products/tigra_calendar/
- 20 http://www.softcomplex.com/products/tigra_calendar/
- 23 http://www.dhtmlgoodies.com/index.html?page=calendarScripts
- 24 http://keithdevens.com/software/php_calendar
- 25 http://keithdevens.com/software/php_calendar
- 26 http://sitesurgeon.co.uk/!dev/calendar/calendar.html
- 27 http://sitesurgeon.co.uk/!dev/calendar/calendar.html
- 28 http://datetime.toolbocks.com/
- 29 http://datetime.toolbocks.com/
- 32 http://ajax.phpmagazine.net/2006/04/howto_integrate_google_calenda.html
- 33 http://ajax.phpmagazine.net/2006/04/howto_integrate_google_calenda.html
- 34 http://www.googletutor.com/2007/01/24/syncing-google-calendar-with-ical/
- 35 http://spanningsync.com/screencasts/intro/
- 36 http://bfish.xaedalus.net/?p=239
- 37 http://bfish.xaedalus.net/?p=239
- 38 http://webworkerdaily.com/2006/10/15/sync-google-calendar-with-your-phone/
- 39 http://www.gcalsync.com/
- 40 http://www.daveswebsite.com/software/gsync/
- 41 http://telegramsam.googlepages.com/googlecalendarsmstricks
- 42 http://mashable.com/2007/08/30/google-calendar/
- 43 http://www.izeit.nu/
- 44 http://www.izeit.nu/
- 45 http://www.easyphpcalendar.com/
- 46 http://www.planscalendar.com/
- 47 http://www.planscalendar.com/
- 48 http://www.vcalendar.org/site/index.php
- 49 http://www.vcalendar.org/site/index.php
- 50 http://www.k5n.us/webcalendar.php
- 51 http://www.google.com/calendar
- 52 http://www.daveswebsite.com/software/gsync/
- 53 http://bfish.xaedalus.net/?p=239
- 54 http://www.googletutor.com/2007/01/24/syncing-google-calendar-with-ical/
- 55 http://webworkerdaily.com/2006/10/15/sync-google-calendar-with-your-phone/
- 56 http://www.google.com/calendar
- 57 http://calendar.yahoo.com/
- 58 http://calendar.yahoo.com/
- 59 http://www.microsoft.com/windows/products/windowsvista/features/details/calendar.mspx
- 60 http://www.microsoft.com/windows/products/windowsvista/features/details/calendar.mspx
- 61 http://icalshare.com/
- 62 http://icalshare.com/
- 63 http://www.calendarhub.com/
- 64 http://www.calendarhub.com/
- 65 http://www.mozilla.org/projects/calendar/
- 66 http://www.mozilla.org/projects/calendar/
- 67 http://www.calgoo.com/
- 68 http://www.tucows.com/preview/344435
- 69 http://www.rainlendar.net/
- 70 http://www.rainlendar.net/
- 71 http://veerle.duoh.com/blog/comments/a_css_styled_calendar/
- 72 http://veerle.duoh.com/blog/comments/a_css_styled_calendar/
- 73 http://www.cssplay.co.uk/menu/calendar3.html
- 74 http://www.cssplay.co.uk/menu/calendar3.html
- 75 http://mikecherim.com/experiments/css_list_calendar.php
- 76 http://mikecherim.com/experiments/css_list_calendar.php
- 77 http://www.smileycat.com/design_elements/calendars_date_pickers/
- 78 http://www.smileycat.com/design_elements/calendars_date_pickers/
- 79 http://www.backpackit.com/calendar
- 80 http://www.basecamphq.com/
- 81 http://www.rsscalendar.com
- 82 http://30boxes.com
- 83 http://30boxes.com
- 84 http://www.rememberthemilk.com/
- 85 http://www.jotlet.net/
- 86 http://www.plaxo.com/
- 87 http://www.calgoo.com/index.jsp
- 88 http://www.cozi.com/
- 89 http://www.mymemorizer.com/
- 90 http://iscrybe.com/main/index.php
- 91 http://airset.com
- 92 http://davidseah.com/archives/2006/12/14/compact-calendar-for-2007/
- 93 http://davidseah.com/archives/2006/12/14/compact-calendar-for-2007/
- 94 http://www.calendarsquick.com/
- 95 http://www.calendarsquick.com/
- 96 http://www.eprintable.com/
- 97 http://sonspring.com/journal/free-calendar-template
- 98 http://bighugelabs.com/flickr/calendar.php
- 99 http://www.ii.uib.no/~arntzen/kalender/
- 100 http://blog.simplehuman.com/2006/01/3d_calendar.html
- 101 http://www.ii.uib.no/~arntzen/kalender/
- 102 http://incompetech.com/beta/cal-yearly/
- 103 http://incompetech.com/beta/cal-monthly/
- 104 http://incompetech.com/beta/cal-yearly/