Showing posts with label Online Tools. Show all posts
Showing posts with label Online Tools. Show all posts

Sep 19, 2012

Create an Image Mosaic

Create an Image Mosaic Front
Once and for all, A time comes in a web enthusiast's life, when there is a lack of good quality and original images or design in his/her creations. 

Word mosaic have been around in the world for a long time,  but its online presence is new and un-explored. For such feats, imagechef was created in 2003. 

Imagechef, was Incorporated in 2003 to create a new genre of imaging products for the consumer market. Just like the trend goes, ImageChef too has been customized for the mobile users. The technology is simple enough to use and using it one can create simple as well as complex shapes.

The Website has several other functions, one can use as per creativity, like :

  • Animations,Photo Frames,Friendship,Fun
  • Buttons,Faith,Fun Notes,Patterns,Bling
  • Characters,Flags,Signs
  • Music,Sports,Zodiac,Other

So, the tools are in your hands, depends on how you use it.

Here is a video depicting its use.


This was all about
Create an Image Mosaic Front

Sep 17, 2012

Web Globe, A Google Chrome Experiment

Web Globe, A Google Chrome Experiment Front
Web globe is an open platform for geographic data visualization. i.e.

You can take some data and plot it on world scale in the form of vertical bars depicting the magnitude of the values. The globe is a part of chrome experiment.

The code is specially useful for scientists and researchers relying on geographical data in the form of latitudes and longitudes.

So, you can view it at the following link on your chrome browser.

http://www.chromeexperiments.com/globe

Here are the various results, created through different geographical values.
Its features include :
  1. Latitude / longitude data bars
  2. Different colours depicting change in paramenters
  3. Zoom using mouse wheel
ScreenShotScreenShot


Several Other Projects are under work at chrome experiments including :
  • Global Internet Application Throttling : Tony Blank
  • USA.gov URL Shortener Traffic : Shreyas Karnik
  • Twitter Emotion Globe : Makis Tracend
  • Hello World : Scott Frankel
  • ShopSavvy Scans : ShopSavvy
  • Twitter Korean Index : DongWoo Lee
  • Latest Earthquakes, with Auto-Updating : Gustavo Tandeciarz
  • Global Incomes : Osvaldo Mena
  • Spanish Election Results (May 2011) : javisantana
  • Emotional States of Aging Bloggers : Scott Murray
  • Distribution of T-Coffee Web Server Users : Paolo Di Tommaso
  • Google Technology User Groups: Meeting Locations : Luis Montes
ScreenShotScreenShot

The process of using it is not that difficult.
The data is entered in the following form.

var data = [
  [
    'seriesA', [ latitude, longitude, magnitude, latitude, longitude, magnitude, ... ]
  ],
  [
    'seriesB', [ latitude, longitude, magnitude, latitude, longitude, magnitude, ... ]
  ]
];


The following code uses the data put in the above way, and converts it into an animated globe.
The code is also given at

http://code.google.com/p/webgl-globe/wiki/HowTo

// Where to put the globe?
var container = document.getElementById( 'container' );

// Make the globe
var globe = new DAT.Globe( container );

// We're going to ask a file for the JSON data.
xhr = new XMLHttpRequest();

// Where do we get the data?
xhr.open( 'GET', 'myjson.json', true );

// What do we do when we have it?
xhr.onreadystatechange = function() {

  // If we've received the data
  if ( xhr.readyState === 4 && xhr.status === 200 ) {

      // Parse the JSON
      var data = JSON.parse( xhr.responseText );

      // Tell the globe about your JSON data
      for ( i = 0; i < data.length; i++ ) {
        globe.addData( data[i][1], 'magnitude', data[i][0] );
      }

      // Create the geometry
      globe.createPoints();
      // Begin animation
      globe.animate();
    }
  }
};
// Begin request
xhr.send( null );

The Web Globe is depicted very clearly through this video.



This was all about,

Web Globe, A Google Chrome Experiment MohitChar

Aug 25, 2012

Create your own Online Newspaper in Minutes

Create your own Online Newspaper in Minutes Front
Web enthusiasts are ever looking to publicise their creations on the web, Honestly, the higher number of pages owned by you and better the networking between them, search engines will rank you better than your competitors. Here is one way for it, start an online newspaper. But, problems do exist. Usually online newspapers have scores of people working on storeis and articles, Also, there' all professionals and you're not even a writer. 'paper.li' has started a web service which allows user to basically rob the prevailing online newspapers of their article and puts forward a newspaper with your creation's name on it.

Though technically, robbing would mean taking someone's content so that they cannot host, but since this is not happening so the 'do it right' people can relax.
The first step starts with going to the website,

Create a newspaper

Once you've authorized through some way, either facebook or twitter,
You'll be redirected to find content for your paper.

Online Newspaper

Find out users or websites with twitter accounts, sharing the same interest with you. Please remember to include your website's twitter page with them.

Online Newspaper

Once you're happy with you're selections, you can publish it on the web.

codemakit Weekly

You're page once published will look like this.


codemakit weekly

You can even change the settings to personalize your newspaper.
The team behind paper.li strongly believe that publishing is strictly individual business.
In there own words, "We believe that people (and not machines) are the ones qualified to curate the content that matters most. We also think that these same people can greatly help their own communities to find their way through this “massive content world” we live in. We’re here to help!"

This was about,
Create your own Online Newspaper in Minutes MohitChar

Jul 20, 2012

Create your own Cursor

Create your own Cursor Front
Cursors are the small images that are used to show the position of the mouse on the screen. Now cursors can be changed on both your computer as well as you website.

But, what if you can have your own cursor? It would take your website  to a new level. It would make your website stand out from your competitors.

Now a website known as cursor.cc is now helping webmasters redesign their websites through their cursors. The website is a sister webpage of the famous, favicon.cc, a website specializing wholly in creating user generated favicons for their blogs and websites. However cursor.cc specializes completely in Creating user defined cursors. Now you can create a cursor of your preference like a dog, spoon or even a superman.

So, Here is a video showing how to create your own (Superman) Cursor.


And here is a screenshot example.

cursor.cc example

The small image will act as your own mouse pointer and give your website or your desktop a new look. Both the webpages are created by Xoron GmbH, A company dedicated to bringing out the best of web technology from miniatures.


This was about, how to
Create your own Cursor MohitChar

Colorful CSS box without coding

Colorful CSS box without coding Front
When on the go, people prefer to keep the coding aside and design aside. However times always come, when you've forgotten one small thing which must be attended to or else... So what should you do at the moment.


CSS (Cascading Style sheets) is basically a programming language, developed by the world wide web consortium, and which deals with the design and look of your website. The CSS in a website is usually in the form of a '.css' text file. CSS was created to separate the web page content, i.e. the HTML code for display of various objects and the code for presentation and look of the particular object. The removal and separation improves the content, helps in code functioning, debugging, and reduce the complexity of the code, thereby reducing the time required by the coder to complete, test and debug in smaller time.

Also, website enthusiasts and bloggers without much knowledge of web programming need something that will keep their website run smoothly including designs and colorful boxes and all of these 'codeless' i.e. without the hassle and puzzles of coding and testing. So what should you do ?

Many websites offer an option to create geometric figures and designs using CSS.me. The below website is one of them.

The website specialises in offering problem free CSS text boxes, which can be optimized by the user, once done, the website will generate code which can be copied and pasted by the user on his/her website to be shared to the world.


Colorful CSS box without coding ScreenShot

Here is a video depicting the complete usage of CSS3 Generator.


This is how, You can create,
Colorful CSS box without coding MohitChar

Jul 12, 2012

Embed your social posts, Separately

Embed your social posts, Separately Front
Social Ditto, just as the name suggests, basically copies your post hosted on a social networking site and provides you the ability top host it anywhere you like, even in a blogger post.

The application allows its user to select a post, and get an embed code for the particular post, giving them mobility.  The website also provides the developers, a preview of what would the post look like once it is embedded.

The following post has been taken from codemakit Facebook, and through the embed code, it has been embedded bellow.

For Example : 

codemakit
The 92nd post on codemakit blogs.

The procedure is simple enough, You just have to copy the link from the post and then paste it in the space given on the website. Click on ditto and you'll have the embed code in your hands.

http://www.socialditto.com/



Here are the different steps required for different Social Networks.

Twitter

  • See the message closely, you will find an 'expand' button on the left hand side of the post at the bottom.
  • Right click and select "Copy Link Location"

Facebook

  • Select the photo, video, or status update you want to share via ditto
  • Now Right click on the time of the post, given at the upper part of post
  • Now Select "Copy Link Location"
  • Another method can be the one given by facebook developers

Google+

  • Select the photo, video, or text you want to share via ditto
  • Now Right click on the time of the post, (Please understand that the time may begiven in the form of letters, as in 'Today' also)
  • Now Select "Copy Link Location"
An example for Twitter Users

Embed your Twitter posts

 The preview looked like this, along with the embed code at the bottom of the page.


  This was all about, How to
, Embed your social posts, Separately MohitChar

Jul 11, 2012

Professional networks for small online business

Professional networks for small online business Front
For monetized web developers and small businesses it is always better to be connected via a social media. 
For once it is also good to publicise your feeds. By publicizing your feeds, you will be taking one extra step to ensure that large search engines like google, yahoo etc, give you higher ranking in their listings. Also, may even gather more audience using this way.

For this purpose, a website known as oGoing.com has taken the initiative to bring closer small businesses together, an opportunity which must be tried. Ogoing is founded by Sanjay Dalal , serial entrepreneur & innovator, silicon valley veteran, business coach and community leader. After a small sign-up Procedure, you're ready to go. You can even link your Facebook or Twitter account, such that, your updates are directly featured.

Professional networks for small online business ScreenShot

According to the website, 'Small businesses can instantly promote their products, share their latest deals and services, post their news and events, and make new connections with customers.'

This was about
Professional networks for small online business MohitChar

Complete website review with report

Complete website review with report
After you've created your website or blog, you find that even though you're trying for the best, there is a significant decrease or zero increase in your website traffic, as a result for adsense users, the money flow is also restricted.

What might be the reason, Did Google's new update, render your site useless in the search page? or worse, did Google blacklist your site altogether? Leave Google alone, was it due to your visitor experience on your website, which led him/her to believe that coming back to your creation is a waste of time?

How would you find answers to these questions. Usually in the time of emergency, professional developers resort to introspection and self critic. This can be done using several tools, both online and offline. But, the most comprehensive online tool I have come across is woorank. Though every time during its report, you will curse yourself for not buying its premium services, but rest assured you will find out the problem you are looking for.

For your Instant website review, just type in the URL of your website, click on 'website review' and sit back. Within seconds, the page will be filled with huge amount of information on, Visitors, Social monitoring, Mobile content, SEO, usability, security, technology etc.

Complete website review ScreenShot 

On the top you will be presented with top five things you must look after for better performance. The website will test each and every aspect of your website and provide you with the report.

Complete website review ScreenShot 

This was all about
Complete website review with report MohitChar

Jun 29, 2012

An Alternative to Captcha

An Alternative to Captcha Front
The world is moving on, and so are technologies, The technology used to separate humans from computers on websites is becoming obsolete. 

Captcha Stands for Completely Automated Public Turing test to tell Computers and Humans Apart. In Short, they tell the web developer that the request made on his website is by a human or a robot or a program. 

The word has originated from 'capture'. Today developers have encountered another captcha roadblock in addition to the discomfort they cause on their sites forcing people to recognise hazy characters. According to New York Times, Spammers pay about something close to $1 for each 1,000 solved CAPTCHAs to companies employing human solvers in developing nations.

ScreenShot


For this purpose a service known as 'Are you a Human' has launched a new and improved way of determining humans from machines using a very simple, non frustrating and invigorating technique present in our civilization ages ago, know as 'games'. The website adorns and provides small embedded games as an alternative to captcha images.

Also for those web savvy youths who would kill the website developer for putting in a captcha, the website areyouahuman.com has also provided a page just to vent out your feelings, at Rogues Gallery.

'Are you a Human'

The website has posted a very compelling ,must read story about how it was born. A very well written and equally well organised blog is also present on the website.

The innovation dosen't end here, the geniuses at NLP Captcha has started combining advertising and captcha. This basically forces user to look at the captcha/advertisement and ponder upon it. thus leading to higher conversion rates. You can even spread helpful messages and educate the public.

NLP Captcha

This was your
An Alternative to Captcha MohitChar

Jun 25, 2012

Online tools to calculate your Google adsense earnings

Online tools to calculate your Google adsense earnings FrontHere are a few examples of websites equipped with tools to calculate your Adsense Earnings,

Though for perfectionists, the google Adsense can be estimated through formula too.

Though there are a few offline options available one of them is the free adsense calculator

However most website owners and bloggers rely on good old online tools for the job.

Here are some of them :

Google Adsense Calculator - 








These are your options, i.e.
Online tools to calculate your Google adsense earnings MohitChar