Most Awesome POV (Persistence of Vision) Display

Posted May 29, 2013 by Qingli in My blog

Tagged with

How to using QR Code to share your mp3 file

Step 1.

Register or login to your file hosting site. Here I am using as demonstration.


Step 2.

Browse and upload the mp3 file you want to share.



Step 3.

Copy the First URL after uploading the file.


Step 4.

Paste the url to the box of the QR Code generator site. Here I am using, it’s free and gives you a lot of options to customise your QR Code.


Step 5.

You can leave the options as their default. Here I changed the color to blue to match my site. Then click the button on the right side to download the QR Code as a .png picture file to your pc.


Now you have your QR Code in a picture. You can print it out, or put it on any web page.


For most of the smart phones, they can install the QR Code Reader to read your QR Code. I am using the SCAN, very quick and easy to use.


After scan the QR Code with the SCAN app, you will immediately be redirected to the download page. Then click on the REGULAR DOWNLOAD button and wait 15 second.


Then click the link to download the file. For Apple user, it will play in the SCAN app, and you can’t save it to your
Apple device.


Posted May 9, 2013 by Qingli in My blog

Tagged with

Pranav Mistry: The thrilling potential of SixthSense technology

  • Pranav Mistry’s personal website

  • SixthSense Google code site

  • Pranav Mistry (@pranavmistry) on Twitter

    Posted April 23, 2013 by Qingli in My blog


    function my_formatter($content) {
    $new_content = '';
    $pattern_full = '{(\[raw\].*?\[/raw\])}is';
    $pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
    $pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);
    foreach ($pieces as $piece) {
    if (preg_match($pattern_contents, $piece, $matches)) {
    $new_content .= $matches[1];
    } else {
    $new_content .= wptexturize(wpautop($piece));
    return $new_content;
    remove_filter('the_content', 'wpautop');
    remove_filter('the_content', 'wptexturize');
    add_filter('the_content', 'my_formatter', 1);

    Posted November 13, 2012 by Qingli in My blog

    Rotating Image Slider with jQuery




    Posted March 28, 2012 by Qingli in My blog

    Tip for TimThumb (thumb.php) not Generating Thumbnails

    By on May 22, 2010 in Technology

    This tip is for anyone using TimThumb (aka “thumb.php”) either directly or indirectly via a WordPress theme (WooThemes uses it a lot) and is not having their thumbnails successfully generated.

    I have run into this 3x in the last few years and ever time I forget the solution and have to re-find it, so I’m posting it here to help anyone else out running into the same issue.

    Here are the juicy tidbits in easy-to-browse-format if you are coming in from Google:

    1. TimThumb is a PHP script used for zooming, cropping and generating thumbnails (typically 100×100 pixels) from images released under a GPL2 license.
    2. You can always download the latest version of the single PHP TimThumb script from here if you need it: Many WordPress themes (and likely others) use TimThumb internally to generate thumbnails (like WooThemes). There is a chance the TimThumb PHP file has been renamed in your install to something like “thumb.php” – double check when updating your copy of TimThumb.
    3. TimThumb uses the PHP-GD extension. If it’s not installed (as always happens with me) your thumbnails will silently fail to be generated.

      Debian TIP:
      apt-get install php5-gd
      CentOS/RedHat/Fedora TIP: ‘yum install php-gd
    4. By default TimThumb reads and writes to the /cache and /temp sub-folders under the directory the PHP script is currently contained in. Your web server will need full read/write access to those two subdirectories.

      Fast-and-Dirty TIP:
      chmod 777 cache‘  and ‘chmod 777 temp
      More Gooder-Betterest TIP:
      Find the user account that your web server runs under (likely ‘apache’ or ‘http’ or ‘www-data’, you can use the ‘top’ command and look at the user-process column for your web server process to see who it runs as) and give full read/write permission to that user to the cache/temp directory so it can use it as it needs it.
    5. Reader ridhoyp wanted to know how to configure TimThumb to resize images from a different domain (e.g. and, fortunately he found the solution online already.

    NOTE: Many people have reported problems with their wp-content folder or timthumbs.php script itself are ‘chmod 777′, try using ‘chmod 755′ instead if you are still having problems.

    And that should do it — if you are running into more complicated issues like the PHP script failing to even execute you might have a setup problem. Post a comment and I’ll see if I can help.

    Update #1: A tip from reader Jeff is to use ‘chmod 755‘ instead of 777 as using 777 can cause problems with some server’s security settings (too open to trust).

    Posted March 28, 2012 by Qingli in My blog

    Best explanation of timthumb

    Posted March 14, 2012 by Qingli in My blog

    CSS3 Generator

    Posted December 17, 2011 by Qingli in My blog

    Cool Signature Generator

    _/ _/ _/ _/ _/ _/ _/ _/ _/
    _/ _/ _/_/ _/ _/ _/_/ _/ _/ _/_/ _/ _/_/ _/ _/_/_/ _/
    _/_/_/_/ _/_/_/_/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/ _/ _/ _/ _/
    _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/
    _/ _/ _/_/_/ _/ _/ _/_/ _/ _/ _/_/ _/ _/ _/_/_/ _/


    Posted November 3, 2011 by Qingli in My blog

    Super Awesome Buttons

    The original link:


    .awesome, .awesome:visited {
    background: url(“/images/alert-overlay.png”) repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    .awesome:hover {
    background-color: #111111;
    color: #FFFFFF;
    .awesome:active {
    top: 1px;
    .small.awesome, .small.awesome:visited {
    font-size: 11px;
    .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    .large.awesome, .large.awesome:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
    .green.awesome, .green.awesome:visited {
    background-color: #91BD09;
    .green.awesome:hover {
    background-color: #749A02;
    .blue.awesome, .blue.awesome:visited {
    background-color: #2DAEBF;
    .blue.awesome:hover {
    background-color: #007D9A;
    .red.awesome, .red.awesome:visited {
    background-color: #E33100;
    .red.awesome:hover {
    background-color: #872300;
    .magenta.awesome, .magenta.awesome:visited {
    background-color: #A9014B;
    .magenta.awesome:hover {
    background-color: #630030;
    .orange.awesome, .orange.awesome:visited {
    background-color: #FF5C00;
    .orange.awesome:hover {
    background-color: #D45500;
    .yellow.awesome, .yellow.awesome:visited {
    background-color: #FFB515;
    .yellow.awesome:hover {
    background-color: #FC9200;

    Posted October 27, 2011 by Qingli in My blog