Make an Auto Expanding Code Box with jQuery

Posted in Online Tips by admin | No Comments »

expand-pre-block

On blogs/website that share some snippets of code usually use <pre> tag to wrap the code so that the spacing/indenting is maintained and long lines do not wrap. But now here is another solution from Digging into WordPress which using javascript to expand the code box automatically when mouse over.

Using jQuery javascript framework, the code box will expand when pre block is hovered. Of course you can use css with pre:hover to make a similar action but with javascript your pre block only expand to as wide as needed with animation and back to original size on mouse out. More elegant right?

Bookmark and Share

Google Now Translates Documents

Posted in On the Net by admin | No Comments »

google-translate

Finally Google Translate added a new feature that allows you to translate any uploaded documents. The uploaded documents will be convert to HTML and then it translates the HTML file, so it means you lose the layout or the embedded images.

Support Word documents, PowerPoint presentations, PDF files, HTML and text files. Useful when you translating big documents without need to copy and paste text manually.

via googlesystem

Bookmark and Share

How to get Hotmail message from Gmail

Posted in Online Tips by admin | No Comments »

hotmail-to-gmail

Gmail is one of email provider with a complete feature. One of their feature which useful is get mail from other account via pop. You can download 5 more email address of the account to get mail from. In this tips i will use Hotmail since they finally enable POP access worldwide a few months ago.

Simple follow this steps carefully:

  1. Go to Settings > Accounts on your Gmail account and click ‘Add a mail account you own’
  2. Type your email address and click next. Then you have to enter your mail settings (see below). Once you are done, click on Add Account.
  3. Choose yes to able to send email from the account you just added
  4. Done

Read the rest of this entry »

Bookmark and Share

Real Temp - Helps You Monitor Intel CPU Temperature

Posted in Downloads by admin | 1 Comment »

real-temp

Real Temp is a temperature monitoring program designed for all Intel single Core, dual Core and quad Core processors. You can configure Real Temp to show your CPU temperature in your system tray or just run the executable program when you just want a quick look at your system health.

It’s a light weight app that comes in a 170 Kb compressed zip file (378 Kb on when extract) and uses less than 4 Mb of RAM when running. Available free only for Windows 9x/2000/XP/64-bit/Vista.

Bookmark and Share

Free 80+ Refined Social Network Icon Pack

Posted in Downloads by admin | No Comments »

social-network-icons

Need some social network icons for some project? You have to say thanks to Komodo Media because they developed over 80 refined, amazing social networking icons for the top networks around. Contains 40+ 16×16 px icons and 40+ 32×32 px icons all in 32-bit PNG format.

This great icon pack is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Feel free to use them on your blogs, for commercial use just contact them directly.

Bookmark and Share

Optimize Liquid Layout With jQuery Smart Columns

Posted in On the Net by admin | No Comments »

smart-columns

Currently, there are 2 ways when displaying column on a liquid layout, first is fixed columns and second is liquid columns. Using fixed columns can fill up the view port with as many columns as it can fit but leaves excess white space where a column was just not able to squeeze in. And using liquid columns do not leave any excess white space and fits perfectly but restricted to having a fixed number of columns per row.

That’s why you should try Smart Columns which based on jQuery framework to optimize your liquid layout. There is 3 advantage when having fixed columns in a liquid layout:

  1. Allow as many fixed columns to line up across the viewport
  2. Take excess white space and evenly distribute them to each of the columns to complete the full row
  3. Keep a default fixed width as the base, so that the columns are reasonably within the intended columns sizes

Click here for the demo and don’t forget to try expanding the view port of your browser.

Bookmark and Share

Excit - Safe and Mini Time Waster

Posted in On the Net by admin | No Comments »

excit

Little bored at office when you’re doing routine job? Hope Excit can helps you without making problem with your boss. It’s a free mini flash games with a spreadsheet interface. The theme is ‘Escape the spreadsheet chaos’.

I call this a safe and mini time waster since in the distance this mini action puzzle games looks like an Excel program, complete with number, letter and sheet. Only use an arrows to move the white cross sign and find an exit at green box. Every level has a password if you want to continue the last level.

Read the rest of this entry »

Bookmark and Share

Masonry - A Layout Plugin From jQuery

Posted in On the Net by admin | No Comments »

jquery-masonry

I’m sure if any web designer already close to div layout where as floats arrange elements horizontally then vertically using css. But how about arranges elements vertically then horizontally like above image? Then you should try jQuery Masonry, a layout plugin from jQuery javascript framework. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

No setting or options needed with this plugin. Instead, all spacing properties can be set with CSS. The only requirement for Masonry to work is for the width of the child elements since child elements should be should have equal width in order to avoid any overlapping on your layout.

Read the rest of this entry »

Bookmark and Share

Rnk.me - Alternative to URL Shortener

Posted in On the Net by admin | No Comments »

rnkme

Basicly rnk.me is an URL shortener service like others (tinyurl etc) but the author has added a new feature to support Twitter and also you can keep track of the link access statistics.

Simply type the URL that you want to shorten and publish the shortened URL on your Twitter. Don’t worry, it’s safe since there is no authentication within rnk.me and Twitter. This service is available free for everyone and no registration required.

Bookmark and Share

Grab Tube - Youtube Downloader and Converter Tools

Posted in On the Net by admin | No Comments »

grab-tube

Have a favorite Youtube videos that you want to download in a popular video format such as mp4, avi, mpg, 3gp, flv or even mp3 audio format? Then you must try Grab Tube, a free online application that helps you to download and convert Youtube videos on the fly without any software.

They service also allows you to convert videos from your computer (flv, mp4, 3gp, avi) for free. Just upload your video file and choose the format you want to convert it into. No need to register, it’s all free for everyone.

This webapps reminds me to FLVto which i posted one year ago but with more great features.

Bookmark and Share
SEO Powered by Platinum SEO from Techblissonline