Merge Several URLs into one

Imagine a situation when you're sitting next to a computer, you want to share a number of websites to your friends, so you've got two ways, either collect the URLs and paste them at a single place, however, the method would pose problems when you try to squeeze them together in a tiny 140 character limit for twitter. Now use of URL shorteners (like bitly.com) is also possible but with limitations.

Other method is when you share the URL individually on your microblogging site. But even you know, that its tedious and time consuming. Now that leaves you open to hear out the solution given bellow.

The website, BridgeURL combines the different URLs given by the user and displays them at a single webpage, with a url given to you at Bridge URL.

The website is simple as it is and highly functional. You job is to collect the URLs you need to share and paste them in the space provided, give a name to your list and just click create link.

You'll recieve a message that your bridge has been created and you'll be presented with two different working URLs.

If you need to find out how you new URL looks like, then copy and visit it.

You'll be presented with a list of your links all at one page.

The website metaphorically creates a bridge between your selected links and its created one.

Here is a Video depicting its usage

That was all about,

Read More

Make your own website Logo easily

When you're in need for a free image, with least licence restrictions, you try for a website which is the easiest to operate, the search is never ending. Until, you stumble upon a website like LogoTypeMaker.

When you have many articles to write and you need something to freshen up the articles, You would try and find out services, that would help you in the process. The image would also look good independently on your website or blog.

So how do you make a good logo for your website, that speaks out about your website in a single jpeg. Here is a 3 step process.

The website is professionally prepared, sprinkled with quality CSS and XHTML, with clear and concise well defined functions and buttons. Go to Label Type Maker,

STEP 1 : Name your creation

First step is to input a text for the logo, you're preparing. The text will be shown with the logo in the subsequent steps.

STEP 2 : Choose your Logo

Now, you have to choose the logo, you want to work with. But free lancers, please keep in mind, choose a free logo, to avoid coming back again from the later stages.

STEP 3 : Personalize and Symbolize 

Once you've selected a logo, you'll be presented with choices, to change background color, text size, text shape, etc.

Now its on you, to make it as personalized and unique as you can.

Now, click on the "Download this Logo" button, which will take you to the size selection option.

Here is a YouTube Video Depicting its use.

Like Every design website, There are licence requirements, Which you will admit is nothing to hold.
The following are the licence requirements

1. The licence type is a site type
2. Also by downloading any of the Logos you would have to agree to hold the website harmless for any damage that may occur when you use it.
3. Also, all the logos created through the website are a property of the website itself

This was all about,

Read More

Create an Image Mosaic

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

Read More

Web Globe, A Google Chrome Experiment

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

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

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,

Read More

Create your own Cursor

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.

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

Read More

Find Twitter Followers, A White hat Technique

Usually Getting Twitter users to follow you is a very tough egg to crack. The first and the foremost thing twitter users will look for, before following a website or blog or an author on twitter is the existing number of followers and the popularity of your creation.

Getting a decent number of followers may take time, but many resort to black hat techniques. The reason why these techniques are known as black hat is because search engines like Google and Yahoo flag these as a process of cheating.

As the search engines look at a twitter page and ranks according to the number of followers and the amount of activities and then finally the number and rank of people you're following.

Thus it is a challenge to find a website, which offers only organic traffic. One such website which goes through these obstacles is Twellow, a product of webpronews. The signup procedure for the website is smallest possible and then you just have to connect your twitter account to your twellow application and you're good to go.

Once you're in, the next simple step is to browse through the many galleries and find out the right people to follow. once you've created a nice circle of like minded people, twitter users will come to you. One tip, to get followers try to find out people who have their followers nearly equal to the people they are following.

The website offers analysis of developments on websites and blogs in addition to tutorials and insights for increasing traffic, design etc. The online giant also includes financial, legal and political issues on online businesses.

This was all about

Read More

Remove youtube logo from your embedded videos

For most control freaks who want their and only their website's name on their site, Here's a very simple but crude way of removing You-Tube Logos from your embedded videos.

For this feat, you can use a simple command to be inserted into the embed code.
i.e. modestbranding,

If this option of modest branding is kept as on or 1, you'll get modest branding and You-tube will not show its icon at the bottom right corner of your You-Tube player.

Embedding a youtube video player is very simply shown here in this image.

Initial code, Without changes

Here is the initial code, for the video below, which does not contain the modestbranding command,
Notice that the You-Tube logo is present at the bottom right of the player.

IFRAME code

<iframe width="420" height="315" src="http://www.youtube.com/embed/XYZ" frameborder="0" allowfullscreen></iframe>

OLD YOU-TUBE code

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TT12tr2YQJ4?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TT12tr2YQJ4?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

  

Final code, With changes

Here is the Final code, for the video below, which contains the modestbranding command,
Notice that the You-Tube logo is missing at the bottom right of the player.

IFRAME code

<iframe width="420" height="315" src="http://www.youtube.com/embed/XYZ?modestbranding=1" frameborder="0" allowfullscreen></iframe>

NEW YOU-TUBE code
 
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TT12tr2YQJ4?modestbranding=1version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TT12tr2YQJ4?modestbranding=1version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

So, Just insert the code after the '?' (question mark) and provide value as 1, 

This is how you

Read More

How to Embed a working YouTube Widget

Several Times we see websites ladden with content and no place to keep it organised, So web developers found a solution of getting a widget/gadget.

What do you do when You have a YouTube page filled with videos that you want others to see but couldn't, just because it is too much work to embed videos one by one, going on changing them frequently so that it looks original when people visit it.

So, here is what you do, You find yourself, a nice cool gadget which is consisted in an iframe, where the visitors themselves have the opportunity to select what they like.

Here you will find how to find a nice gadget which can be embedded in your site. Though there are several widgets to be included in your website available at

http://www.widgetbox.com/widget/youtube

But when I tried, None of them seem to be working, 

So tried a Different approach. Google searched for Gadgets (YouTube Gadgets) instead of widgets, and Voila, here was it. So, mind what you search for in Google, after all it,still is a search engine, not a human like you.

  

Google through YouTube has released two different types of gadgets. The older version is a single Video version, where your different uploaded videos come and go on the same portion of the screen. The newer version has a grid of videos displayed along with a search bar.

1. Google modules, YouTube Gadget Single Video Version
2. Google Modules, YouTube Gadget Grid Version

The feat can also be performed with JQuery at

http://danhounshell.com/blog/add-a-youtube-widget-to-any-web-site-with-jquery/ 

However, It may or may not fit in your site.

Here is a video About how to embed a YouTube Gadget in Your Site.

Now you know,

Read More