CSS + Javascript flat clock and date.

Flexible and responsive Calendar

Event Calendar Widget A nice looking calendar with nice transistions.

Calendar for a little project. The calendar is dynamically built using JS, using the current day as the reference. Something you can do is to store all the current week's events using an hidden field in you favourite format (eg : JSON). Then when you build your calendar, you can add a specific style (eg : "hover-event") for each day of the current week referenced in event's week list stored in your hidden field. In the same time, you can attach an hover event to ".hover-event" elements to show the corresponding event.

CSS Colorful Calendar Concept. Click on the arrows (when enabled) and the highlighted date to see the effect. You can also go back in your browser to navigate between scenes, or click the left arrow in the schedule view.

Nice work - but if you would use this in a real project there would be some codestyling issues, also you could improve your code by not writing td.xyz instead do nesting like td { &.xyz }.

In your JS you could improve the code by more valuable variablenames