Sunday, October 27, 2013

Delete on swipe or swipe on delete

Hello everyone!

Have you ever confronted a problem or a challenge to build a functionality to delete records on swipe ?
If yes, then you are welcome here! Actually iOS invented this unique way of deleting records!
I have integrated this functionality because one of my friend was having some problem building it with backbonejs. I really wondered how it work, so I integrated the environment on my local and so far it is really cool!
Look at the image below,


At the very first you can see when you swipe a row/record to right, you will see delete button and when you click/touch on delete button that row/record will be get deleted! plain and simple.
Integrating this functionality is pretty simple. All you need is jQuery, hammer.js & swipeout.js.

I have integrated all of this on my google code account! You can download all required files from here!

Now very first, look at the code at swipe.html file. You can see I have attached jquery library there! I have also attached hammer.js and swipeout.js library. Now, just run the swipe.html file in any browser. You will see some reocords! Now, just swipe any random records to right side. You will see the delete button. When you click on delete button the record will be get deleted. Right now I am showing some alert popup! You can replace it with your delete method's. This methods can be an api ajax call to delete record by Id or something.

So this is how you can utilize this feature in your mobile website!
Source code available on Google code project delete-on-swipe


Thanks for reading.
Amit Naik


Thursday, October 10, 2013

How to podcast feeds using FeedBurner

Hey Guys,

Now I have my very own podcast powered by FeedBurner! You can also burn feeds of your blog or for your website! Process is very simple...

1) Just go to http://feedburner.google.com/
2) Sign in with your google account and then enter your blog URL at "Burn a feed right this instant"
3) Make sure you have checked I am a podcaster! option and then hit Next.
4) Next step is 'Identify Feed Source', just keep the selected option and hit Next.
5) Now final step is 'Welcome! Let us burn a feed for you'. Now after this step it will show you your FeedBurner URL. Just save that URL and show it on your blog.

If you are using FeedBurner then people can subscribe to your feeds.
Other blogs or websites can easily import your posts.
The very important use of FeedBurner is analyze Feeds! You can simply track your feeds. Traffic to your feeds using its tracker. If you are logged in then just visist the admin dashboard.
FeedBurner was acquired by Google Inc. on June 2007. Now it is free of cost. :) 
FeedBurner is also available in plain XML format. e.g. My blog feeds in XML

Now here, you can do one trick ;) If you are using Firefox (greatest browser ever made) then just visit your XML FeedBurner URL. At the top you will see a dropdown and Subscribe Now button.
Here, just select Live Bookmarks option from dropdown! and hit Subscribe Now button. Now you will see subscribe bookmark popup. Just select your bookmark folder and save it.
Now you will get to see feeds directly in your Firefox's bookmarks menu bar. :) Simply Awesome!

E.g.


So here is my blog's FeedBurner URL :) http://feeds.feedburner.com/blogspot/WrQrB
Now you can subscribe to my feeds!

Thanks for reading,
Amit Naik