Vintage Web Icon Set

  • Posted By: Jason Taetsch
  • ...

Icons can add a sense of continuity to your web page. This set of vintage web icons from the crew over at Icon Shock includes icons of vintage ambulances, microphones, timepieces, arcade games, telephones, maps, furniture, medical devices and other household items that feature an old-school, yet lighthearted theme in remarkable detail complete with wooden textures, gloss, drop-shadow and additional lighting effects. The icons are available for free for both personal and commercial use.

Vintage Stained Paper Textures

  • Posted By: Jason Taetsch
  • ...

Textures are all over the design scene these days, especially vintage flavored textures that add an old-school feel to digitally created images and designs. This set of free vintage paper textures from the team at Vandelay Design was created by staining authentic, vintage texts with simple watercolors for unique look. The set includes 4 sets of textures that can be used in both personal and commercial projects without attribution.

Animated Bar Graphs

  • Posted By: Jason Taetsch
  • ...

Graphics and visualizations are a must have for adequately representing complex numerical data in an easily digestible format. Though graphics are normally handled in the realm of PhotoShop and other design programs, Derek Mack of Smashing Magazine put together this tutorial to help web designers create an animated bar graph solely using HTML, CSS and jQuery. The tutorial walks designers through the process of building and interactive and animated bar graph from a simple Table element that rivals the visual appeal of static graphics and ultimately exceeds their functionality.

CSS Loading Animations

  • Posted By: Jason Taetsch
  • ...

Data heavy pages can put a drag on the loading process, either frustrating visitors with long load times or turning them away entirely. The team at Tympanus put together this tutorial on to let your site’s visitors know that the page is working properly and will be fully loaded with just a little patience. The tutorial creates an entirely CSS driven loading icon that can be easily customized for color themes, duration, speed and alternate animations. While JavaScript animations can also achieve the same effect, CSS animations are easily scalable and are faster than JavaScript since they rely on the browser’s engine.

Loop Icons

  • Posted By: Jason Taetsch
  • ...

Cohesive icons add a sense of consistency to design projects for both print and digital applications. This set of Loop Icons from DesignKindle features over 100 icons from media player buttons and volume controls, to mathematical symbols and power buttons, to social media logos. The set of loop icons includes both PNG and PSD formats allowing designers to resize and edit the icons as needed and do not have any licensing restrictions.