Wednesday, May 27, 2009

gStat - Javascript

We all use gmail and google chat. And we all love to tell people what we are doing.
Now a days, one of the common thing you will notice is that status messages are now a very improtant medium to lure people to talk to you or visit a link or just tease them.
But there is one really irritating thing about google chat's status messages. It's very difficult to format them.
So I thought may be this will help:


It's not very user friendly, but something is always better than nothing. ;)


PS: It's not perfect yet. So the end code might require a slight nudging: removing a whitespace from here or adding one

Monday, May 25, 2009

ROT13 Bookmarklet for Wordpress.com

Javascript bookmarklets is a very useful technique.
I have used them a lot while playing tribal wars. The basic rule is typing "Javascript:WHATEVER_FUCTION_YOU_WANT_TO_EXECUTE" in address bar executes the fucntion.
adding void(0) at the end of the function calls prevents redirection to a new page (containing nothing but the return value of the last function).

So here we go, the following link has a js that will rotate the text inside the comment textbox (textarea to be precise).

--: ROT13 :--


Bookmark it... (Easiest way: Drag drop the above hyperlink to your bookmarks toolbar)
----------------------------------------------------------------
Update: I was informed that there is a bug in the code.... it rotates an endline character to %a
So, here is the updated code for ROT 13

Friday, May 15, 2009

Remake

Jquery UI is a very beautiful package. And PHP is of obviously very powerful.
One can do real magic using them together.
I made here is very basic (just like the other stuff I have done before).

The Remake Image Puzzle

From a image hosted somewhere on net and a few parameters it creates a puzzle.
The best part is... One can drag drop the boxes to solve them.
Although it's crackable, one can make it perfect by using PHP GD.

The option's not available on these free servers and hence I couldn't.

The working?
Takes an Image
Makes floating <li> elements with that image as background
Use PHP to randomize their order and then the background position.
Use Jquery UI's sortable feature on the <ul>

[Demo] [Download Source Code] <-- It feels good, posting stuff like this. :D

Wednesday, May 13, 2009

Rot13 - Widget

Hey all!
I hope you will find this widget helpful...
Please try to keep the SM and HC links, they are pretty small :)


For blogger users:
Try this button:


OR
In Layout > Add Gadget > HTML/Javascript
Paste this line:
<iframe allowtransparency="true" width="200" frameborder="0" src="http://mayanksinghal.110mb.com/rot13.html" name="myframe" height="200">
</iframe>


Example:


The actual code:
[rot13.txt]

If there is a bug, leave a comment.
Vs vg' jbex'f svar, yrnir n pbzzrag :C

Tuesday, May 12, 2009

Building Back...

OK! So I just recovered my machine. It sucks...!
Bringing my lappy back to the previous condition will take weeks... Between I'll name some softwares that I used and I hate not to have them on my machine right now...

1) Firefox!
Partially because IE sucks
Partially because of the add-ons on FireFox

2) VLC
400% volume, low RAM usage. VLC rocks! I don't know why some people keep using Window's Media Player for videos...(especially the girls). For music, I would suggest Media Player over iTunes (But, I haven't used iTunes a lot so... :) )

3) Notepad++
Just awesome. Light and very useful. With all the highlighting for CSS, Javascript, HTML, XML, PHP and even C++, Java etc., NP++'s an awesome development tool for those who like to stick with the basics. (I miss Gedit... People said Eclipse is awesome... I donno... but autocomplete, sounds friendly)

4) Firebug and XMarks
Foxmarks is now Xmarks! Install it on FF and IE.
Firebug... If you dont know about this little awesome thing, I have just 1 word for you: n00b! :P
BTW, check out Firebug Lite! It's a JS that makes a temporary firebug even in Safari and IE.

5) Photoshop
Do I need to write anything??

6) Dreamweaver
I dont use design view anymore, still the file listings... Drag-and-point linking(I am not sure that's the right term) and autocomplete are really very helpful.

7)XAMPP & Filezilla
For all the PHP and Ajax in your comp, xampp is compulsory.
+ Filezilla for uploading them to homepages and other servers.

8) Auslogics Disc Defrag

Colorful and I never had a problem with this one.

9)PDF995
This is good only if you dont want a heavier and much costlier Acrobat Professional.

10) Inkscape
Inkscape's not compulsory but it has a very easy but beautiful tool: The calligraphy tool + People say that it's a strong competition to Illustrator. I just found this example.

Did I miss anything? Leave a comment :)

Monday, May 4, 2009

Tweet!

So many IITians suddenly joined twitter... I am not sure whether it's the boredom of summer holidays or awesomeness of Twitter. But whatever be the case, it's good for information interchange. If you are not on twitter, join it. Believe me, it's good.
The best way to use twitter is to tell people what are you up to... surfing web pages, reading books, just chilling with friends or learning awesome stuff from this blog(oops!) you must tweet about it! (The last one's good for me)
Now thinking from a web master's point of view, we all would be really happy if someone tweets about our page/data. But we can't expect a reader to open a new tab and type in "twitter"... then press "Ctrl-Enter" and then type in your URL and then update his/her status. Yeah! they are lazy!
So what we do is... we add a little button on our blogs/webpages:

here is the code:

<a expr:href='&quot;http://twitter.com/home?status= is Reading &quot; + data:post.title + &quot; @ &quot; + data:post.url' style='float:right; padding-right:40px' target="_new" title='Tweet it on Twitter'><img src='http://sites.google.com/site/stupidlymonked/files/tweet.png'/></a>

Will give this result:


On clicking the link it will take you to your twitter page with appropriate status... :)
--------------------------------------------
Aah I forgot to add something very important... The data:post.title and data:post.url will not get parsed in pst. Just like in this case. Actually u have to add this button in the actual template.
Go to Dashboard >> Layout >> Edit HTML >>Expanded Widget View
and Find an appropriate place inside post area... :)


P.S: Bird Image's from Smashing Magazine + The Image's a PNG and so IE6 sucks!

Oh Fuck!


T-Shirt design?? May be ;)

Sunday, May 3, 2009

Best Comment

//
// Dear maintainer:
//
// Once you are done trying to 'optimize' this routine,
// and have realized what a terrible mistake that was,
// please increment the following counter as a warning
// to the next guy:
//
// total_hours_wasted_here = 16
//

For more comments like the one above visit this site

JSGraph2

Functionality almost same as JSGraph1... Just that the code is cent percent independent and original and creates a beautiful line graph on a canvas element.

DEMO

JSGraph1

It's a JS that creates a bar graph from an HTML table. Took a little help from JQuery Package.

DEMO

Titlator

OK! This javascript is funny. The first effect can still be used on serious titles but the rest are funny!

Check it out here: DEMO

Panorama

I have already mentioned this like a dozen times before... I love coding and web. Luckily, Javascript is one scripting language which is very similar to C++ (Hence Intutive) and easy to code at the same time.

Using background-position and background-repeat-x i created this small JS that creates a panorama. Image is just one tile...

Have a Look

Colorful Mosaic

Remember the golden days of Doordarshan!

This one's for a channel that entertained our country for years!

Colorful Mosaic - A Retro Wallpaper to celebrate Doordarshan
Colorful Mosaic - A Retro Wallpaper to celebrate Doordarshan

Grey Matter

When the night is dark and the wind is cold and strong...

When it's 4:30 AM in the night and there is no LAN

You are left with no choice but to make web templates :D

Here is a dark one... the GREY MATTER

DEMO | DOWNLOAD

In Noah's Boat

I designed this for my CS 296 project.

Uses an illustration Smashing Magazine gave away to be used as an
image.

Use it if you like.

DEMO | DOWNLOAD

Stupidly Named

I guess not... These are some of the most 'amazingly' named computer languages...
  • brainfuck : An esoteric programming language meant to tease programmers
  • Chef : Where programs look like recepies
  • Chuck : It's used for creating sound and music
  • Curry : This one's for logic and functional programming
  • Cyclone : There is no Katrina though...
  • Euphoria : Suspected to be backronym of End-User Programming with Hierarchical Objects for Robust Interpreted Applications
  • Fortress: Intended to be successor of Fortran.
  • Groovy : Alternative to Java
  • Lingo : actually many languages used that name
  • LOLCODE : Another esoteric programming language like brainfuck
  • Lucid : A dataflow language.
  • Moby : No, not moby dick...
  • Pizza : Superset of Java
  • Water : for prototyping of XML apps

L337

Awesomeness???