Pages

In past few days I have learned many things. Some of them are really stunning. Looks like innovation is flooding everywhere. I have learned few serious stuff about life too.

1.Awesome thought

“ When I was 5 years old,my mom always told me that happiness was the key to life.When i went to schools,they asked me what i wanted to be when I grew up”. I wrote down “Happy”.They told me I didn’t understand the assignment and I told them they didn't understand life.”

Other than this paragraph above, there are few more things I have learned recently. Those are

Stop your sharing spree: These days i am on sharing spree, and share lots lots of thing about myself via twitter/blogs/etc. But now the time has come to stop a bit, actually have to put a check on what you are going to do.

Stop the expectations and live independent: Yep, i am realising that my expectations have risen in recent past, so I have to keep the expectations low!!! and in fact , i need to start living the life for myself.. again.

2.Cool and neat interface :

This is the interface for making skin for the HP laptops. this is so neat. Its coded in adobe flash player. These things are really appreciating.

4.Guy who makes all my cross App talks look like a child's play:

5.Guideline for presenting your innovation/hack/software

This article is by Christian Heilmann. He is one the default judges in most of the hacking events like HackDay. He is sharing his experiences here, so that next time you go on stage to present your hack please remember these stuff.

As a web interface designer you might be spending plenty of time on internet. Some time you might not be having your favourite editor or debugger with you and still you quickly wanted to develop a web page, a mash-up or a quick hack. Here in this blog I am giving you a full list of tool via which you can quickly develop your page without needing any desktop based tool. In fact some of the tools which i am going to list down here is not even available for any desktop (windows/linux/mac).

Note: Things listed at the start may not be very useful but things at the end are really magical.

2.CSS Editor: [CSSMate] This is one of the nice CSS tool, you can change font, background,layout and get CSS code on the fly.

3.HTML Code Cleaner: [DirtyMarkup] This is, one of the must have tool. You can clean your HTML code. It helps you in removing empty paragraph and sort of things. Just visit and have a look.

4.Quick Layout Maker: [YUI: CSS Grid Builder] I love this tool a lot. This is a quick way to get a blank layout of a webpage via YUI CSS. Best way to create a browser neutral layout.

5. jQuery Function Builder: [jQuery Builder]If you choosing to use jQuery for your webpage/mash-up then use this tool to quickly come up with the function layout. This is Good because we often forget the syntax and notations. 6.Chart Generator: [Google Chart Builder]Use this one to get a quick Google chart. Nice one. 7.Regular Expression builder: [http://txt2re.com/] OMG This is awesome tool, just brilliant. Use this to quickly build a regular expression in any language. This is not only specific for web developer. This is great online tool of all developers, no matter which language you working in. I love this because,I often work with different languages and I really hate to know that every language has different regular expression syntax.

8.YQL Console: [YQL Console] YQL is something which you find little weird at first, but once you know the power of it, you will be amazed. This is great way to create Mash-Up.
Here you type a SQL like syntax, which will be converted in to a URL, (REST URL) . This URL will fetch you data in the format you have selected (RSS/JSON/XML etc.) . You can get any data like search result from web, image. Or anything like images from flickr on even something like a very specific data from any URL. Please don't miss the HTML data source, because this can fetch you data from anywhere, using XPATH this is so powerful feature. Just enough tool to re-engineer entire web.9.JavaScript Beautifier: [http://jsbeautifier.org/] This is a good tool to indent your JavaScript code online.

10.JavaScript Minifier: [JSMin] This is a great tool to compress your JavaScript code, minimize your JavaScript code to really really small one. saves lots of bandwidth. This is innovation of Douglas Crockford and has many implementation in other languages as well. 11.Image Compress: Smush.it™ This is really good tool, I don't know what it does, but i will compress your image well beyond your typical editor is compressing. Try it once. Good to save bandwidth.

12.JavaScript Code analysis: [JSLint] This finds bug in your JavaScript code automatically.This is another great invention of Douglas Crockford 13.Google API Playground: [AJAX APIs Playground] This is collection of working sample code which is using Google's Ajax APIs, nice and fancy way to quickly create a MashUp.
So that’s it. Enjoy creating Mash-Ups & Hack.. Online. Tip: Bookmark this BlogPost to launch these tools anywhere.

This is the second edition of my Twimr series. I have started twimr series on my blog to collect various useful stuff via twitter. by tagging my twitter update with a HashTag #twimr.
Today i jus reviewed my twimr basket and I found 5 useful stuff in my basket. Lets know about it.

SlideShare Transcript Viewer: I keep admiring Christian Heilmann for his simple and useful innovations, This is another quick hack from him. If you frequent slide share user, then this might be useful for you.

Third item in my basket is a real funny thought (was set as status of gTalk by one of my friend) That is “Never hold your farts in. They travel up your spine, into your brain, and that is where shitty ideas come from.”

Mashup Generator: This is a cool web based fully drag and drop supported mash-up creator written by a Korean guy. Nice stuff!

I love JSON, because its very easy to work with JSON than working with XML. If you don't know what JSON is please read in detail here http://www.json.org/.
Here i am discussing the use of JSON and the JSON retrieval method for AJAX. This method does not work in Chrome, because chrome maintains a JavaScript cache. I will discuss the fix of this problem as well.
Lets take an example code, which will grab data from twitter search and it will display on your page.

In this code above, we are simply embedding a script element in the DOM whose src attribute will be the URL to retrieve JSON data (e.g http://search.twitter.com/search.json?q=hello’.) The URL will contain the call-back so that retrieving the JavaScript code for this element will result in calling your call back function and hence you will be able to use this JSON data in your call-back function.

If you try this code in Chrome browser, for a same query it will not work for the second time! Reason is Chrome does smart caching of JavaScript. So if it will find that the new script tag has same src URL, it will not include that for second time, and hence it will not work second time in chrome.To fix this problem, I have added in extra parameter in the JSON query URL. which will be a fake counter.
Instead of JSON URL like this

This is a new blog series i am starting today. This is first post of this series. Goal is to post this series everyday, and mostly collect data via twitter, with a hash tag ‘#twimr’.

Now, here are the few things which ignited me recently.

School of Rock Guitar Lessons: Jack black trying to train kids. See the passion he has in Rock. At least the way he is acting. I love this guy and every time i feel i am lacking passion in me i watch this video.