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.

Date Stamps

Related Posts:

You may find these Calendar Icon Tutorials and References useful for you

A nice and useful collection for calendar icon making.

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.

Read the rest of this entry »

jQuery Cheat Sheet

Released by ColorCharge.com. They’ve also released a version for the iPhone/iPod Touch called jTouch.

Download: jQuery Cheat Sheet (PNG, 364kb)

MooTools Cheat Sheet

Released by Jonathan Snook.

Download: MooTools Cheat Sheet (PNG, 111kb)

Read the rest of this entry »

OfficeAble2Extract – Convert PDF to Excel, Word & More! Get quick, accurate, transfer of native PDFs into formatted MS Excel spreadsheets and editable MS Word for editing, analysis and other reversioning. Conversion from PDF to PowerPoint (PPT), HTML, Text and more is included.

Read the rest of this entry »

MephoBox is a website displaying quality website interfaces with a well-categorized presentation.

Some of the categories are:

• 404 errors
• Sick calendars
• Top headers
• Site comments
• Navigation menus & more

MephoBox is free to use but anyone can register & add new designs to the collection.

It is definitely a nice & growing inspiration resource for any web designer.

Website: http://box.mepholio.com/

SnapPages takes online website creation to a whole new level. Now anyone can create and manage a professional quality website with drag-and-drop simplicity. Not only is it fun and easy, with SnapPages you’ll end up with a great looking website that you can be proud of.

SnapPages provides a suit of tools that make creating your own website a breeze. Each of the tools have been developed from the ground up to be as simple and easy to use as possible.

Uploading, organizing, and sharing your photos with friends and family is a snap with our photos tool. Tag, and sort your photos into albums then display them on your web page or online gallery.

Keep up with all of your friends and family on SnapPages. You can invite friends to view private areas of your website or have online conversations with them and more.

Open Flash Chart 1.x was great and it works like a dream. But I made some little mistakes which over time grew and anyoyed me and made the source code weird. So I decided it was time to re-jigger the code and make it pretty again. The big change is moving the data format to JSON. This has made a big difference and has allowed some pretty cool new features.

Why choose Open Flash Chart?

This is a little gentle propaganda for the project. Like all opinions, disregard it and make up your own mind.

Edge cases such as

• tooltips encourage user interactivity and data exploration
• what happens to the tooltip when two points are in the same position?
• you can re-size the charts
• missing data
• save the chart as an image
• You can highlight or emphasize one (or many) points

Demonstration

There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your content’s accessibility.

Below, you’ll read about 8 excellent techniques for styling elements into beautiful, accessible charts and graphs.

1. CSS for Bar Graphs

View Demo Here

This tutorial showcases three ways of graphing data. The Basic CSS Bar Graph example involves a <div> to contain the graph, and styling a <strong> element as a block element and using percentage widths to adjust the width. A great modification of this technique is to use a paragraph <p> element instead of a <strong> tag for semantically-correct HTML. The two other examples use a definition list and unordered list to graph multiple bars.

Read the rest of this entry »

Custom Chrome Text Effect

Photoshop Reflections

The Shiny Floor Effect

The Glossy TEXT web2.0 style

Photoshop Tutorials: Texteffect

Web 20 Shiny Floor Effect – video tutorial