September 2017 | VirtualSpecies

This website uses cookies to ensure you get the best experience. More info...

Tweet with 280 Characters

Twitter declared 280 characters limit for tweeting (current 140) but all users will not be able to use the offer yet. Its only for test on selected accounts. However, there is a workaround. @Prof9 created a little client side script that does the trick_

_Download Tampermonkey and install it on your browser. 
_Head to this Gist, click the “raw” button, and install script to Tampermonkey.
_Create tweet with more than 140 characters, make sure the script in running in Tampermonkey. 
_You have to refresh the page every time you jump on different pages. 
_This is pretty harmless script, only bypasses the tweet button limit.
_Happy Tweeting!!!

Tic Tac Toe

Tic Tac Toe | Virtual Species
X wins: 0
O wins: 0
Draws: 0

Age Calculator_Basic

Age Calculator_Basic | Virtual Species
Date Format: Month/Date/Year
Birth Date
Recent DateUse Today
[ Round down ]

Syntax Highlighting on Blogger with Github Gist

Here is the most convenient way to syntax highlighting on a blogger post..

       _Go to
       _Create a gist with your code. Use 'Create Public Gist' button to make it public.
       _Copy the embed script.
       _Paste the link on your blogger post in HTML editing mode.

Click Count with JavaScript

Button was clicked - 0 - times.

     The above click event can easily be triggered by a little script. We can use that for our blog or in web game to collect click. Check out the following script_
var count = 0;
var countButton = document.getElementById("countButton");
var displayCount = document.getElementById("displayCount");
countButton.onclick = function() {
  displayCount.innerHTML = count;
resetButton.onclick = function() {
  count = 0;
  displayCount.innerHTML = count;
     Here we used getElementById() to get certain elements and set an onClick() attribute and incremented the count number. This the most easiest way to get this task done. However, there are so many other ways too.

Move Image with JavaScript

What it can't do? Well, I was talking about jQuery. It is a tremendous library. CSS wasn't able to create complex animations at some point, and then jQuery appeared to help it out. jQuery created a wrapper method, called animate(). It can apply custom animation to the elements in the set. It provides a set of CSS style properties that they can reach the end of the animation. By the way, only numeric values are allowed to be animated, such as left: "+=350" in our case. String values cannot be animated like background-color: black, except for the strings "show", "hide" and "toggle". These values only allow hiding and showing the animated element. There is a working example below_

Explore the Blog...arrow