Blog de Livi

Free eBook “Firefox 3 Revealed”

livingston — Mon, 23 Jun 2008 11:06:07 +0000

SitePoint has released a new free book titled "Firefox 3 Revealed: Whats New, Whats Hot, & Whats Cool".

The author "Fabio Cevasco" guides you through all of the new features in Firefox 3. The latest version of Firefox makes your web browsing easier, faster and more secure, letting you enjoy surfing.

This book will give you an insight of the new features of Firefox 3 and help a lot in getting the most out of it for both secure surfing and web development.

Get your copy of "Firefox 3 Revealed: Whats New, Whats Hot, & Whats Cool" (1.23MB), Now!

Download “The Photoshop Anthology” for free

livingston — Wed, 14 May 2008 12:12:39 +0000

Corrie Haffly's Photoshop book titled "The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques" is now available for FREE Download! Only available for a Limited time!

It's true! the complete book by Corrie Haffly is available for free. The book has 12 chapters and 447 pages.

Overview:

Author Corrie Haffly has drawn on her extensive Photoshop experience to show you how to create a multitude of web graphics, ranging from buttons and backgrounds to text and images. Corrie also explains techniques that can greatly improve your workflow and make working with Photoshop more efficient, including batch processing and the automation of repetitive tasks.

Get your ~~free copy~~ of ""The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques"" at SitePoint.

~~This offer expires on Friday June 13th, 2008. So hurry up! Get your copy of The Photoshop Anthology.~~

The Book Sitepoint: "The Photoshop Anthology" is no longer available for free download. You can buy this book for $29.95 here.

Hover for non-anchor elements in IE6

livingston — Wed, 20 Feb 2008 11:15:00 +0000

The :hover pseudo-class adds a special style to an element when you mouse over it.

The ':hover' pseudo-class works fine in IE7, FF, Safari and Opera for all the elements. But for obvious reasons IE6 fails to recognize the ':hover' pseudo-class for all elements other than the anchor().

The ':hover' pseudo-class can be made to work in IE6 with the help of the jQuery method 'hover()'.

Lets see how it is done.

For each element that you want the 'hover' to be enabled add a class "hoverable" to it.

    id="theBox" class="hoverable">
        Hover Over Me!

In the CSS file define the style for the hovered state with a class ".hovered".

   #theBox {
       width:200px;
       height:200px;
       background:#F1E592;
       margin:50px auto;
       border:5px solid #540505;
    }
   #theBox.hovered, #theBox:hover {
       width:200px;
       height:200px;
       background:#540505;
       border:margin:50px auto;
       border:5px solid #F1E592;
    }

Now the jQuery part, download the latest release of jQuery.js file from http://docs.jquery.com/Downloading_jQuery and include it in the head of the page as shown below,

Use the following code in between the '' tags in your page to get the hover function in IE6.

This will work in all browsers. I've also added the ':hover' pseudo-class to the CSS style so that the modern browsers can display the hover style even when JavaScript is disabled.

View the code in action at http://blog.delivi.info/examples/ie6-hover/.

safeMail : Anti-Spam Email with Unobtrusive Javascript

livingston — Sun, 02 Dec 2007 10:47:01 +0000

Title : safeMail
Version : 1.0
Language : Javascript
Author : Livingston Samuel
License :
Download : safeMail.js

If you've included your email address in your site then you'd definitely get junk mail that clogs your inbox. The Spam Bots and Spam Crawlers crawl through the web pages constantly and add all the email address they encounter to their lists.

I wanted a perfect solution to keep the Spam Bots away from my email address. I came across several solutions based on Javascript. But none of them was generalized, almost all of them I encountered used Javascript to insert the email address and each address needed to be coded individually. You can find a similar solution from Joe Maller

I wanted a solution that can generate the email address from an obscure form into a valid one on the fly, and thus resulted in safeMail.

The safeMail script uses DOM to scan the page and convert all the matching email entries into valid email links.

All you've to do is to download the 'safeMail.js' file and include it in the header of the page where you've got one or more email address. The format you need to define the email address is,

 class="safeMail">
	 yourname [at] gmail [dot] com

The script will replace this as ,

 class="safeMail">
	  href="mailto:yourname@gmail.com">yourname@gmail.com

View the safeMail in action

If the browser does not support Javascript or if the user has disabled Javascript the email address will be in accessible format.

You are free to modify this code and please link back to this page. If you've any suggestions or found any errors or facing any problem in implementing the safeMail, post it in the comments and I'll be very glad to help you. If you find a better solution please share it with me

Create Vectors Online from images

livingston — Fri, 09 Nov 2007 20:43:38 +0000

VectorMagic is an Online Tools for creating Vectors from images. This site is a result of the Stanford University's "Artificial Intelligence Laboratory" research project by James Diebel and Jacob Norda

VectorMagic site is powered by a Flex application and produces good vectors from the images that we upload. It offers us options to configure the image for better vectors. All you need to use this service is a modern browser, like Internet Explorer 7 or Firefox and Adobe Flash player.

VectorMagic provides better and precise Vectors than those generated by Adobe Illustrator and CorelDraw, both being the top products in the industry for Vector-art. You can view a comparison of VectorMagic, Adobe Illustrator CS2 and CorelDraw X3 here.

Keep updated on the latest developments at VectorMagic from the VectorMagic Blog

Pre-register for free iPod & Laptop

livingston — Thu, 08 Nov 2007 07:36:32 +0000

Next2Friends combines new and exciting services with an enriched online social experience that will rival all existing social spaces.

Each quarter they will give away a new Dell Laptop; and each month they will give away an iPod Touch. All you have to do is pre-register (it is free) and be the first to experience the fun and innovative web technology. Next drawing for the laptop is Dec 15th. Next drawing for the iPod Touch is November 15th.

Next2Friends is set to become one of the internets busiest and most exciting sites because it will revolutionize Social Networking. Up until now Social Networking has been primarily internet based. Next2Friends offers you a revolutionary new approach by bringing Social Networking on to your handset and into your immediate environment.

Pre-register now and get a 8GB iPod Touch each month and Dell Inspiron 1720 each quarter.

Google Celebrates Halloween

livingston — Wed, 31 Oct 2007 18:51:30 +0000

Google the mighty search engine has started its Halloween celebration by releasing a new Doodle (Customized Google Logo designed to mark the Occasion).

The new Google's 2007 Halloween Doodle is,

The collection of Google's Halloween Doodles since 1999,

2006

2005

2004

2003

2002

2001

2000

1999

Free Blogger Templates & Layouts

livingston — Sun, 28 Oct 2007 02:15:43 +0000

A collection of Blogger Template resources, all are free and mostly unique. This post will be updated as new resources are found.

Winamp celebrates 10th Anniversary

livingston — Fri, 26 Oct 2007 02:44:48 +0000

Winamp celebrating its 10th Anniversary has released the Winamp 5.5 Anniversary Edition. The 10th Anniversary Edition is packed with new features, many of which weren't present before. It has got a totally new look, album art, MP3 blog integration, multiple device support(like Apple iPods), remote access to music and videos, dynamic song recommendations and more.

Winamp 5.5 has got a Completely Redesigned Interface, the new Bento Skin that's easier to use and more powerful than ever. It includes over 20 color themes that suit nearly every mood. It has the support for the unobtrusive "Window Shade" mode.

The new features include,

A Redesigned Unified Interface
Remote Music and Video Playback and Sharing
Dynamic Song Recommendations in Playlist
Multi-channel MP3 Surround Support
Mass Auto-Tagger
Integrated Web Search
Fully Integrated Web browser
Winamp Browser Toolbar

and a lot more features are improved.
Get the Winamp 5.5 for free

Free Ruby on Rails Book

livingston — Tue, 23 Oct 2007 21:15:21 +0000

Patrick Lenz's Ruby on Rails book titled "Build Your Own Ruby on Rails Web application" is now available for FREE Download! Only available for a Limited time!

It's true! the complete book by Partick Lenz is available for free. The book has 12 chapters and 447 pages.

Overview:

Build Your Own Ruby on Rails Web Applications is an easy-to-follow, practical and fun guide to Ruby on Rails for beginners. It covers all you need to get up and running, from installing Ruby, Rails and MySQL to building and deploying a fully featured web application.

Get your free copy of "Build Your Own Ruby on Rails Web application" at SitePoint.

At the time of making this post, 38 days, 13 hours, 7 minutes, 22 seconds left for this offer to expire. So hurry up!

OFFER EXPIRED! The Book "Build Your Own Ruby on Rails Web application" is no longer available for free download.