Build With Chrome

  • Posted By: Jason Taetsch
  • ...

Who hasn’t spent hours building and designing houses, castles, pirate ships and entire  cities out of LEGOblocks? The team at Google Chrome has taken the LEGO-obsession to the next level with the Build With Chrome application for Google Maps. Build With Chrome let’s users construct a LEGO building with any location on Google Maps as the base plate. Choose from an array of blocks and colors to create elaborate designs right from the comfort of your web browser.  Adjustable zoom and controls gives designers an interactive view of their creation.

build with chrome

Social Media Postage Stamps

  • Posted By: Jason Taetsch
  • ...

Set your website apart from the pack with a custom set of social media icons from Tony Thomas of MediaLoot. This icon pack includes 24 custom social icons from the most popular social networks with their logos redesigned as postage stamps for a classic design theme. Each icon comes as a high quality PNG file at 64 px by 64 px. The icon pack is free for commercial and personal use and includes icons for Vimeo, App Store, StumbleUpon, YouTube, Facebook, Skype, LinkedIN, Blogger, RSS, Email, SoundCloud and others.

Streamline Creating CSS Sprites

  • Posted By: Jason Taetsch
  • ...

Sprites allow designers to load one large image and display only a portion of that image at a given time, saving load time by including all the desired images for a webpage into one big graphic that loads at one time.  

While the CSS code gives the designer the tools to display specific portions of the image, Wearekiss.com put together the SpritePad application to streamline the process of creating CSS sprites. SpritePad creates PNG files with the included CSS sprite code, saving designers from the tedious task of slicing the larger image into smaller pieces.

 

 

 

Adobe Edge Free Web Fonts

  • Posted By: Jason Taetsch
  • ...

Fonts can add a touch of personality, class and style to a webpage, however browser restrictions limit which fonts can be natively displayed to a visitor. The is a free interface that gives designers access to a huge library of free fonts that can be quickly implemented on any page. The tool is a part of an open source Edge Tools & Services application from Adobe. All designers have to do is to add a JavaScript tag to the <head> section of page and include the necessary CSS font-family names in the stylesheet to begin using the dynamic fonts.

Responsive IE6

  • Posted By: Jason Taetsch
  • ...

Older browsers are incompatible with the latest web languages and design standards. They cannot handle the same type of queries that the latest browsers can easily handle. The team at Visualidiot.com put together the Responsive IE6 tool so that users with legacy browsers like IE 5, 6, 7 can visit responsive pages.  The application is especially useful for enterprise users that cannot upgrade their browsing software without permissions from an administrator. The tool resizes the responsive design so it can be displayed properly in an older browser. Simply enter the URL into the address field and Responsive IE6 will take care of the rest.