Monday, August 31, 2009

Lighter Gray: Free Social Network Icons

Lighter Gray: Free Social Network IconsPresenting the new and improved set of free social network and bookmarking icons, Lighter Gray II. All Icons in this set have been polished and cleaned up, the email icon re-designed altogether.  Two new icons have been  added as well Google and Reddit, bringing the total number of free icons from 15 to 17.

Icons are 16 by 16 pixels and in transparent PNG format. The set also includes one extra blank icon base for making additional matching icons.

I have called this set "Lighter Gray" because they are in shades of gray and have subtle shading, so as not to be too distracting from the page they are located on. They were inspired by my first set of icons, Subtle Grey. Yep, I am sharing the very same icons I made to use on my own blog!

The 17 social network and bookmark logos in the set are:
  • Blogger
  • DesignFloat
  • deviantART
  • Digg
  • Email
  • Facebook
  • Flickr
  • MySpace
  • Picasa
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo!
  • Twitter
  • Google
  • Reddit

Lighter Gray II

Lighter Gray Social Network and Bookmark Icons

Individual Icons

Icons are shown individually below for your convienience as well to save and download in lieu of downloading the zip file.


These icons are free to use commercially and personally, with no attribution link required. Please do not redistribute these icons yourself, but refer downloads to this page please. Thanks!

I hope that somebody likes these icons or could use them! Let me know what you think by leaving a comment, enjoy!

Friday, August 28, 2009

Web Design Inspiration: Scalloped Edges

Web Design Inspiration: Scalloped EdgesScalloped edges have a lovely aesthetic effect within a website's design, and are relatively simple to implement. In addition to adding a decorative element to a website, scalloped edging can aide site navigation by differentiating sections and alternatively calling attention to certain areas.

You may have even noticed the scalloped edges within this blog; at the top in the header, then very subtly under the post titles, and finally just above the footer, edging has been embellished with a rounded scallop. The trend as of late seems to be a pointed, or "v" shaped scallop in web design.

The scalloped edge theme can be used effectively only once in a design or repeated in multiple areas. Good practice would be to repeat the theme at least once so that it doesn't appear out of place with the design, however, it's appeal diminishes when over-done.

For inspiration I rounded up several websites where a scalloped edge has been adeptly incorporated into the design and collected their cropped screen captures below. For an even better view, click the links and visit the sites themselves, inspiration can be found beyond their scalloped edging. Enjoy!

[See Second in Series: Web Design Showcase: Scalloped Edges II]

What Katie Does
Visit What Katie Does
Visit Freelenz
Visit Uncomplicated
Daniel Oliver - Fleelance Web Design
Visit Daniel Oliver Design
Visit JoshMattVander
The Future Of Web Apps
Visit The Future Of Web Apps
cheth Studios
Visit cheth Studios
Epic Event
Visit Epic Event
Visit WallCandyArt
Questionable Characters
Visit Questionable Characters
Vendo Criação
Visit Vendo Criação
David Hellman
Visit David Hellman
Jay Hafling
eWedding Websites
Visit eWedding Websites
Pavel Maček
Visit Pavel Maček
Visit LemonStand
Elitist Snob
Visit Elitist Snob
Show & Tell Consignment Sale
Visit Show & Tell Consignment Sale
Does your site also make use scalloped edging or do you know of another site that does? What are your thoughts on this design trend? Feel free to leave your comments or your link below on scalloped edges in web design! I hope you enjoyed this post and found some inspiration in the sites I featured.

Tuesday, August 25, 2009

Free Twitter Icons & Graphics Set

Free Twitter Icons & Graphics SetPresenting a new set of 14 free Twitter icons and graphics for you to use on your web-page or what-have-you. The set can be used freely in personal as well as commercial projects. Attribution link not required, however if you were planning on re-distributing these icons you must refer downloads to this page and not directly to the download itself.

These icons are in PNG format and are transparent, so they are suitable on any background. The "banners" however have a light border, they do look best on light to medium backgrounds but dark is not out of the question!

Free Twitter Icons & Graphics

Free Twitter Icons

Sorry, this file is no longer available :(

Update: I have created Twitter Sweet, a new set of free Twitter icons you may be interested in since this set is unfortunately no longer available...