Gallery Of Date Stamps And Calendars

Advertisement

Designer’s attention to small details often has a significant impact on how visitors perceive the overall design of a web-site. Although users’ main focus usually lies on finding information, it’s nice to find the content being supported by finest visual details. This holds for favicons, shopping carts, pagination and tag clouds we’ve covered in our earlier posts. But it also holds for… well, date stamps and calendars. Apparently, the latter are used not only in weblogs, but also on large web-sites where events, news and any kind of time-planning is involved.

In such designs a tear-off calendar is often used to symbolize the date in a most intuitive way. However, it’s not always the case. In fact, designers seem to experiment with a number of different approach one wouldn’t really expect from such a tiny design element. Out collection of appealing and interesting calendar icons and date stamps is supposed to prove it. It might provide you with some fresh ideas once you need to design some original date stamp, but don’t know where to start from. All images are clickable.

Some of presented examples may not look nice at the first glance, but they all have some idea behind them — an idea you may use and develop further.

You might want to check out the following articles as well:

Date Stamps

Blog Calendar Icon5 Blog Calendar Icon6 Blog Calendar Icon7 Screenshot8 Blog Calendar Icon9
Screenshot10 Blog Calendar Icon11 Screenshot12 Screenshot13 Screenshot14
Screenshot15 Screenshot16 Screenshot17 Screenshot18 Screenshot19
Blog Calendar Icon20 Screenshot21 Screenshot22 Screenshot23 Screenshot24
Blog Calendar Icon25 Blog Calendar Icon26 Screenshot27 Blog Calendar Icon28 Blog Calendar Icon
Blog Calendar Icon29 Blog Calendar Icon30 Blog Calendar Icon31 Blog Calendar Icon32 Blog Calendar Icon33
Blog Calendar Icon34 Blog Calendar Icon35 Blog Calendar Icon36 Blog Calendar Icon37 Blog Calendar Icon38
Blog Calendar Icon39 Blog Calendar Icon Blog Calendar Icon40 Blog Calendar Icon41 Blog Calendar Icon42

Tutorials and References

To design something unique you might find useful some related tutorials.

Calendar icons not only for your blog43
Wit CSS-code and a source image for GIMP.

Blog Calendar Icon44

Web 2.0 Date Icons For Your Blog45
png-format with a .psd-source.

Blog Calendar Icon46

Calendar Icon Tutorial47

Blog Calendar Icon48

Calendar Icon49
Blog Calendar Icon50

Calendar icon – Photoshop tutorial51

Blog Calendar Icon52

Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly53

Blog Calendar Icon54

Footnotes

  1. 1 http://www.smashingmagazine.com/2008/01/01/favicons-episode-5-the-delicate-beauties/
  2. 2 http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and-good-practices/
  3. 3 http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/
  4. 4 http://www.smashingmagazine.com/2008/02/07/shopping-carts-gallery-examples-and-good-practices/
  5. 5 http://superfluousbanter.org/
  6. 6 http://veerle.duoh.com/
  7. 7 http://www2.elansnowboards.com/
  8. 8 http://www.fourhourworkweek.com/blog/
  9. 9 http://www.kevadamson.com/talking-of-design/
  10. 10 http://www.quartzmtn.com/weblog
  11. 11 http://www.dio5.com/blog/
  12. 12 http://www.mstefan.com/blog/
  13. 13 http://komodomedia.com/blog/
  14. 14 http://www.larissameek.com/
  15. 15 http://ilovetypography.com/
  16. 16 http://www.avenuegc.co.uk/
  17. 17 http://csbministries.org/
  18. 18 http://www.startclear.com/
  19. 19 http://cottonseedoiltour.com/
  20. 20 http://www.tickerville.com/
  21. 21 http://pushstandards.com/
  22. 22 http://www.ttthings.com/
  23. 23 http://pointless-drivel.com/
  24. 24 http://www.bigbluedev.com/
  25. 25 http://paulenderson.com/
  26. 26 http://paulgrunt.com/
  27. 27 http://www.webdesignerwall.com/
  28. 28 http://www.dotcommakers.com/
  29. 29 http://www.inthenews.co.za/
  30. 30 http://blog.sincoherencia.com/
  31. 31 http://freelancingmoney.com/
  32. 32 http://www.luclatulippe.com/
  33. 33 http://www.evilgrin.nl/
  34. 34 http://www.ste.ag/
  35. 35 http://www.gomediazine.com/
  36. 36 http://incsub.org/blog/
  37. 37 http://www.modernlifeisrubbish.co.uk/
  38. 38 http://www.toplinks.gr/
  39. 39 http://www.marketing-tricks.de/
  40. 40 http://www.noupe.com/
  41. 41 http://www.randpop.de
  42. 42 http://variable.cz/
  43. 43 http://sotak.co.uk/calendar-icons-blog
  44. 44 http://sotak.co.uk/calendar-icons-blog
  45. 45 http://www.euphorish.com/2007/05/web-20-date-icons-for-your-blog/
  46. 46 http://www.euphorish.com/2007/05/web-20-date-icons-for-your-blog/
  47. 47 http://mintyferret.com/photoshop/calendar-icon-tutorial/
  48. 48 http://mintyferret.com/photoshop/calendar-icon-tutorial/
  49. 49 http://www.pixelapex.net/calendar.html
  50. 50 http://www.pixelapex.net/calendar.html
  51. 51 http://www.tutorialhero.com/tutorial-87-calendar_icon.php
  52. 52 http://www.tutorialhero.com/tutorial-87-calendar_icon.php
  53. 53 http://brainstormsandraves.com/archives/2007/02/22/csscalendar/
  54. 54 http://brainstormsandraves.com/archives/2007/02/22/csscalendar/

↑ Back to top Tweet itShare on Facebook

Co-Founder and former CEO of Smashing Magazine. Sven is now writing Science Fiction Stories and looking for a publisher ...

Advertisement
  1. 1

    Wlisses Freitas

    June 1, 2011 3:17 pm

    Very nice! Thanks ;D

    0
  2. 52

    Music started playing any time I opened this website

    0
  3. 103

    Thanks Sven Lennartz for the share

    0
  4. 154

    Out collection? Second Paragraph, fourth line says “Out collection of appealing and interesting calendar icons and date stamps is”. Great article though. Currently going to school for web design and development and I must say, this is definitely a great learning resource for this career field. Thank You, and keep up the magnificent job!

    0

↑ Back to top