Smashing Magazine we smash you with the information that will make your life easier. really.
Gallery Of Date Stamps And Calendars
February 22nd, 2008 in Design Showcase | 72 Comments
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:
- Favicons: The Delicate Beauties
- Tag Clouds Gallery: Examples and Good Practices
- Pagination Gallery: Examples and Good Practices
- Shopping Cart: Examples and Good Practices
Date Stamps
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Tutorials and References
To design something unique you might find useful some related tutorials.
- Calendar icons not only for your blog
Wit CSS-code and a source image for GIMP.
- Web 2.0 Date Icons For Your Blog
png-format with a .psd-source.
- Calendar Icon Tutorial
- Calendar Icon
- Calendar icon - Photoshop tutorial
Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 45 Blog Designs
- 65 Flash Designs
- Brilliant Wallpapers
- Brilliant HDR Pictures
- Brilliant Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel art
- PNG Transparency
- Portfolios
- RSS Best Design Practices
- RSS Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Splash Pages
- Start Pages
- Stock Icons
- Tab-Based Interfaces
- Tag Clouds
- Textures & Backgrounds
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Web Profis Ideas 1, 2
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
Webtips
Sideblog
Footers can be a place where a designer can let his creative juices flow a little more freely. Christian Watson shows 76 excellent footer designs. More footers.
Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.
How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.
A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.
In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by Sebastian Wrong.
One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.
Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.
Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.
pryngiel (February 22nd, 2008, 7:27 am)
Nice collection!
niksy (February 22nd, 2008, 7:39 am)
Nice nice…
superxtian (February 22nd, 2008, 7:51 am)
i like calendar that is designed on GIMP, gotta download that one! thumbs up^^
5011 (February 22nd, 2008, 8:02 am)
It’s really useful, thanks smashingmagazine
liam (February 22nd, 2008, 8:05 am)
Not a fan of all of them, but usefull nevertheless
efecaN (February 22nd, 2008, 8:35 am)
they gonna be useful:) thanks.
yellowcake (February 22nd, 2008, 8:47 am)
oh no, i’ve been looking for these
Creativepayne (February 22nd, 2008, 9:15 am)
Nice to see a bunch of calendar graphics on one page. Never even thought about doing this on my site.
Thanks
kuldeep (February 22nd, 2008, 9:41 am)
Smashing seems to be getting more active nowadays. Keep it up!
Laura - webdesigner (February 22nd, 2008, 10:03 am)
lovely icons! :-)
Jason (February 22nd, 2008, 10:05 am)
Check out the date collection over at Link [timothysykes.com] - i love the colors he’s used and how the dates change colors!
JM (February 22nd, 2008, 10:26 am)
Awesome :]
Julio (February 22nd, 2008, 10:33 am)
Awesome!! :D
Daniel (February 22nd, 2008, 11:24 am)
NICE ONES!
jive (February 22nd, 2008, 12:44 pm)
Great post!
ANDREW MEYER (February 22nd, 2008, 12:54 pm)
Thanks for this post. I’ve been looking for a good source of ideas on this very topic. Additionally, I found Smashing Magazine a couple of months ago and it has steadily progressed to my most read blog/online magazine. Really great publication and very helpful to me as a web designer.
Sweet
p.s. One complaint: what’s up with those nasty, huge post titles on the front page? I don’t get it.
David (February 22nd, 2008, 1:19 pm)
Thanks for the collection. Always nice for inspiration.
One thing designers (not to mention writers) should avoid is using an ordinal number in the date. We pronounce dates with ordinal numbers (first, tenth, etc.) but this is not correct when dates are displayed visually. You would say “June tenth” and write “June 10.” I think Microsoft Word is a big culprit leading this decline because it “auto corrects” a date into an ordinal. A lot of people who should know better apparently don’t. Why does this matter? For the same reason we value good design. It makes us more professional.
SE7EN (February 22nd, 2008, 4:33 pm)
del.icio.us post again!
Ecualucha (February 22nd, 2008, 5:08 pm)
Excelente ayuda, gracias por los tutoriales.
Lalo (February 22nd, 2008, 9:20 pm)
I love the different calander looks. Helps on the design side.
Link [www.tech-exposed.com]
Sesebian (February 23rd, 2008, 12:32 am)
magnificent
Jeffrey Jose (February 23rd, 2008, 12:49 am)
Amazing article !
Thanks for this..
chazzuka (February 23rd, 2008, 7:49 am)
Inspired list as usual thank you for sharing this gr8 stuffs
maryj (February 23rd, 2008, 10:30 am)
nice article
MiSc (February 23rd, 2008, 11:03 am)
I am looking for design best practices for choosing a time period using a timeline (not tons of dropdowns), e.g. sth like timelines used at miomi.com - anyone?
Alex (February 23rd, 2008, 4:04 pm)
I sell my website THEN it gets linked on smashingmagazine! :(
Awesome article btw.. i was actually making some for a someones blog- thanks for the inspiration as always.
Tom Ross (February 24th, 2008, 5:12 pm)
Oh wow. Thanks for featuring my website again, I really appreciate it! Nice collection by the way, I’ve never seen a post that showcased this specific part of a website before. Great idea :)
ching blang (February 24th, 2008, 7:01 pm)
Nice article, thanks for the calendar stamps.
pilot (February 25th, 2008, 12:06 am)
Hi!,
What about of best calendar picker javascripts that supports crossbrowsers?
Maxi (February 25th, 2008, 3:59 am)
Wonderfull!
What I was searching for!
Thanks
David (February 26th, 2008, 8:59 am)
many of this date stemps are really cool! good overview!
Nefi (February 26th, 2008, 12:28 pm)
Thank you for considering my humble work. Really thanks.
Shane (February 27th, 2008, 3:39 am)
Whilst many are very nice graphically, I feel the examples with explicity month names (or abbreviations) are better, since they circumvent issues with mm/dd and dd/mm differences.
Yozz (February 28th, 2008, 3:09 am)
great :)… maybe you can write also a post with “quote” stamps ? :))
Salman (February 28th, 2008, 9:11 am)
These look great, thanks for sharing :)
Tom Martin (February 28th, 2008, 1:06 pm)
Just wanted to say thanks for this article - I’ve been searching for the past few months for a good source for inspiration / examples of Calendar buttons (I found it pretty hard to locate sites for this!). Smashing Magazine rocks.
Erdem (February 28th, 2008, 9:28 pm)
Good
Ralph (February 29th, 2008, 10:23 am)
So many nice “Date Stamps” and my question is: left or right or top or bottom ;)
From germany
Ralph
Edwin (March 2nd, 2008, 5:15 pm)
Nice collection :)
JC (March 4th, 2008, 6:59 am)
Post a comment, just to say “nice” or “good” is completly STUPID … this makes longer an longer pages and makes it very difficult to browse the REAL content (too much scrolling) …
PLEASE, add a “rating script”, so that stupid peoples could show their satisfaction in a much clever way !!!!
THANKS !
Ian (March 4th, 2008, 10:43 pm)
Outstanding resource, thanks for your hard work.
imaginepaolo (March 7th, 2008, 1:27 am)
Wath about my date stamp? Link [www.imaginepaolo.com]
Gary (April 2nd, 2008, 8:19 am)
My god, I’ve been looking for this for about 2 hours now… I’ve been going through so many random blogs just to find an example of a decent calendar icon for inspiration when creating my own…
It’s typical, you see them every single day of your life, but when you’re actually looking for them they all dissapear…
Thank you.
Phil (May 7th, 2008, 2:30 pm)
just what i was looking for, thanks again smashingmagazine