On The Rocks

March 29, 2007

101 Great Freebies

Filed under: Uncategorized

Want to make your PC more productive, secure, informative, and entertaining? These downloads and services will do the trick, and they don’t cost a dime.

Google Personalized Homepage Themes

Filed under: Uncategorized

Googletheme4

Google has decided to offer its users a different element of customization by allowing them to select a theme for their Google Personalized Homepage. Prior to this, the only option was the typical Google logo on a white background.

You’ll have six different options for a theme including the beach, bus stop, city scape, sweet dreams, tea house, and seasonal scape. After selecting your option, it will ask you for your location because the themes will dramatically change to match your time of day and weather. I changed my location three different times to get an idea of what the same theme looks like at different times. Below is the beach theme showing sunrise, day time, and night time.

And some “Easter Eggs” appear at 3:14 am (Pi = 3.14) and last for a minute.

  • Beach – Loch Ness Monster
  • City Scape – UFOs

  • Pi in the Sky – Sweet Dreams

  • Tea House – Weird creatures in the water? (anybody know what that is?)

  • Seasonal Scape – Northern Lights

 

Egg1 Egg2 Egg3 Egg4Egg5

Color matcher

Filed under: Design

 

Quais as cores que melhor fica com esta

15 Javascript Snippets

Filed under: Programming

Image Loading & Fading

image-loading.jpg

Crisp photography is a sure-fire way to make a site look great, but what about the loading times of those chunky images? Give your users a nice animated loading icon, and fade the image in when it’s loaded. It’s a nice effect with little overhead.


Dynamic Data Tables

data-tables.jpg

HTML tables are so last century. ActiveWidgets provide a dynamic data table library, allowing users to sort data by columns and highlight rows of interest. It is, however, a large overhead and not suitable for large amounts of data.

Calendar / Date Selection

calendar-date.jpg

Asking users to enter a valid date can be a pain - frustrating for the developer, and frustrating for the user. Offer them a simple GUI to select dates with this very customizable script.

Tabbed RollBar

tabbed-rollbar.jpg

Tabs are great for sorting short snippets of information. Tabs without reloading the page are even better. Tabs with a rolling animation effect too? Well, that’s just killer.

Draggable Windows

draggable-windows.jpg

These draggable windows are lightweight and efficient, and are perfect for intranets and web-based applications where multiple views are required simultaneously. And don’t worry, you needn’t have the Windows 95 look either.

Zoomable Image Thumbnails

zoomable-thumbs.jpg

One subject, many photos? These tidy thumbnail displays are just the ticket, allowing visitors to blow up photographs of interest. Similar to those found on eBay and such, but not as heavy on the code.

Javascript Lightbox

javascript-lightbox.jpg

A favourite little effect of mine found on many good sites these days - the Javascript Lightbox. Enlarge photographs with slick animation and easy-to-use navigation. Put a smile on the CEOs face and wow the marketing team ready for your “afternoon meeting” down the pub.

Drag & Drop Shopping Cart

shopping-cart.jpg

Get your visitors from Google Search to card payment in ninja time, with a drag-and-drop shopping cart. Reducing page loads, form elements and complicated menu screens increases sales and repeat business. But with mission-critical code like this, make sure to test it on every platform before it goes live. You know this. I was just reminding you.

Form Input Autocomplete

form-autocomplete.jpg

No one likes a smartass, unless they’re doing your homework for lunch money. Let this script do your users’ hard work so they don’t have to - autocomplete from a selection of known data. Great for street addresses (if you have the data), category selection, search engines, tagging and everything inbetween.

Drag & Drop Sortable Elements

sortable-items.jpg

Nothing says “I love you, user” more than drag-and-drop items. Remember the days of an “order” column, and wanting to insert an item at the top? Nightmare no more! Slick interface with a very practical purpose.

Javascript Logging & Debugging

logging-debugging.jpg

“PC Load Letter?! What the hell is PC Load Letter!!” cries from the office. Meaningless error messages are enough to drive a man crazy, so why not step up your debugging skills and hunt those bugs in style?

Font Resize Detection

font-resize.jpg

After spending days getting your web site pixel perfect, inconsiderate users will always resize your text and ruin your layout. Well okay, they need to because their eyesight can’t comprehend your 6pt type. Which means you need to support different font sizes without ruining your layout.

Displaying Points & Text On Maps

points-on-map.jpg

If your data is geolocation based, it looks great on a map with clickable points. But how do you make that interface accessable to everyone? A List Apart shows you how.

Photo Album & Slideshow

photo-album.jpg

A more advanced way of displaying your pictures - let users sort them by category, view random pictures, and even set up a personal slideshow. Probably more suitable for family pictures than commercial uses, but I’ve found it handy over the years.

Sliding Content Areas

sliding-areas.jpg

And finally another slick animation for your site, without the overhead of Scriptaculous, create “Digg-style sliding comment boxes” for popup information.

Get free blog up and running in minutes with Blogsome
Theme designed by Jay of onefinejay.com