Ctrl Z ; Indeed A Computer Lifesaver

Ctrl Z ; Indeed A Computer Lifesaver

February 7, 2014 By Dawatech Leave a Comment

Life don’t have Ctrl Z but Computer does, How i wish life also come with a Ctrl Z like that of Computers . Ctrl Z is one of my favorite shortcut and indeed a lifesaver. I used the word lifesaver because it saves a lot of time & work by the power given to it to Undo mistakes with a simple keystroke.
CTRL + Z ! ; Sound strange ?

Ctrl Z is a computer ( most windows ) command generated by pressing and hold the Ctrl key in your keyboard plus the Z key .The purpose of this shortcut is Undo , definitely last actions before pressing the command.
Recommended ;
- 20 Useful Mac Shortcuts You Probably Don’t Know
- 4 WAYS TO RECOVER YOUR LOST/DELETED FILES
Important Of Ctrl Z
* With Ctrl Z , you can able to take risks and undo it if something went wrong.
* Save a lot of time by reverting back old version of works
* On Blogger or WordPress ( For dudes in blogosphere ) this shortcuts also undo some action, maybe you mistakenly delete something or edit something and instead of moving your mouse to click on the undo button, you can simply use this shortcut ( Ctrl + Z )
This is not all, I might have omit some which definitely escape my mind, let keeps the ball rolling, lets know how useful ctrl z is for you and your experience with this command.
You Can Also Read ;
- HOW TO BACKUP DATA ON ALL WINDOWS AND MACS
- 5 COMMON COMPUTER PROBLEMS AND THEIR SOLUTIONS
What You Need To Know About Ctrl Z
As we all know that Ctrl Z is use to Undo in most computer especially window based computer, still you need to note these ;
Note ; In some Operating systems, Ctrl Z is used to signal end-of-file.
Note ; Some computer programs are limited to some number of undos in a row which means you can only Undo 5 steps ( it depends ) .
Note ; In photoshop, Ctrl z undo all recent actions made with tool selected, Ctrl + Alt + Z however undo the last action.
Lastly, Ctrl Z is limited to some areas, how i wish it can be use in some areas like desktop, explorer and the likes, i had a bad experience which i believe if Ctrl Z can work there it will have been better, the shot bellow shows how i customize my laptop desktop. One faithful day, I gave my laptop to a lady ( i don’t use to give out my gadget anyhow because they mean a lot to me though i might give you my book and if you like you may not return it but not something like smartphone or Pc ) but being a lady and a nice one, I am left with no option that to give her, In short this lady tamper with my desktop and mess things up, thank God she didn’t delete my data. Had it been Ctrl Z is available there, i would have revert it back. Then i have to design the stuff again but damn,is not like before !

- See more at: http://www.dawahnet.com/2014/02/ctrl-z-indeed-a-computer-lifesaver.html#sthash.ZK2TBUHK.dpuf

Are you frustrated of your malfunctioning or slow android phone ? Formatting your android phone might solve this problem. It happens at times, maybe you are playing around with your phone ( like i always do ) and you mistakenly tamper with a setting or something you ought not to and you find it difficult to revert it back, then the final answer will be Format your android phone #ThatsAll ! ;).

 

• System files including the apps that come with phone will be untouched since its read-only

• All cache will be cleared

• All data in Phone/internal storage will be erased ( Some files like music or photo can be prevent from in some devices )

• All files and data in the sdcard will be untouched.

• Your Google account and other accounts will be cleared

• Downloaded apps will be all removed.

• App data and settings will also be cleared.

• Go to where your android phone settings is located.

• Navigate to Backup & Reset ( It depends on your device, some are located under Privacy )

• Click on Factory Reset

• Then click on Reset device to delete all data and restore your device’s factory settings. N : B ; If you want to erase all of the data on your phone’s SD card also, tick the box at the bottom of the screen.

• Confirm it and allow the phone to restart.

The HTML

index.html

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8"/>
        <title>Tutorial: Buttons with built-in progress meters</title>

        <link href="http://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet" />

        <!-- The Stylesheets -->
        <link href="assets/css/style.css" rel="stylesheet" />

    </head>

    <body>

        <h1>Progress Buttons</h1>

        <a id="submitButton" href="#" class="progress-button">Submit</a>

        <a id="actionButton" href="#" class="progress-button green" data-loading="Working.." data-finished="Finished!" data-type="background-bar">Action!</a>

        <a id="generateButton" href="#" class="progress-button red" data-loading="Generating.." data-finished="Download" data-type="background-vertical">Generate</a>

        <h1>Progress Control</h1>

        <a id="controlButton" href="#" class="progress-button">Start</a>

        <div class="control-area">
            <a class="command increment">Increment</a>
            <a class="command set-to-1">Set to 1%</a>
            <a class="command set-to-50">Set to 50%</a>
            <a class="command finish">Finish</a>
        </div>

        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="assets/js/script.js"></script>

    </body>
</html>

• data-type specifies what type of progress bars will be shown. Currently three types are supported: background-horizontal (the default), background-bar and background-vertical.
• data-loading specifies the text that is shown while the progress bar is moving. The default value is Loading..
• data-finished holds the text that is set on the button when the progress is done. The default value is Done!

Buttons With Built-in Progress Meters

The jQuery Code

assets/js/script.js

$(document).ready(function(){

    // Convert all the links with the progress-button class to
    // actual buttons with progress meters.
    // You need to call this function once the page is loaded.
    // If you add buttons later, you will need to call the function only for them.

    $('.progress-button').progressInitialize();

    // Listen for clicks on the first three buttons, and start 
    // the progress animations

    $('#submitButton').click(function(e){
        e.preventDefault();

        // This function will show a progress meter for
        // the specified amount of time

        $(this).progressTimed(2);
    });

    $('#actionButton').click(function(e){
        e.preventDefault();
        $(this).progressTimed(2);
    });

    $('#generateButton').one('click', function(e){
        e.preventDefault();

        // It can take a callback

        var button = $(this);
        button.progressTimed(3, function(){

            // In this callback, you can set the href attribute of the button
            // to the URL of the generated file. For the demo, we will only 
            // set up a new event listener that alerts a message.

            button.click(function(){
                alert('Showing how a callback works!');
            });
        });
    });

    // Custom progress handling

    var controlButton = $('#controlButton');

    controlButton.click(function(e){
        e.preventDefault();

        // You can optionally call the progressStart function.
        // It will simulate activity every 2 seconds if the
        // progress meter has not been incremented.

        controlButton.progressStart();
    });

    $('.command.increment').click(function(){

        // Increment the progress bar with 10%. Pass a number
        // as an argument to increment with a different amount.

        controlButton.progressIncrement();
    });

    $('.command.set-to-1').click(function(){

        // Set the progress meter to the specified percentage

        controlButton.progressSet(1);
    });

    $('.command.set-to-50').click(function(){
        controlButton.progressSet(50);
    });

    $('.command.finish').click(function(){

        // Set the progress meter to 100% and show the done text.
        controlButton.progressFinish();
    });

});

// The progress meter functionality is available as a series of plugins.
// You can put this code in a separate file if you wish to keep things tidy.

(function($){

    // Creating a number of jQuery plugins that you can use to
    // initialize and control the progress meters.

    $.fn.progressInitialize = function(){

        // This function creates the necessary markup for the progress meter
        // and sets up a few event listeners.

        // Loop through all the buttons:

        return this.each(function(){

            var button = $(this),
                progress = 0;

            // Extract the data attributes into the options object.
            // If they are missing, they will receive default values.

            var options = $.extend({
                type:'background-horizontal',
                loading: 'Loading..',
                finished: 'Done!'
            }, button.data());

            // Add the data attributes if they are missing from the element.
            // They are used by our CSS code to show the messages
            button.attr({'data-loading': options.loading, 'data-finished': options.finished});

            // Add the needed markup for the progress bar to the button
            var bar = $('<span class="tz-bar ' + options.type + '">').appendTo(button);

            // The progress event tells the button to update the progress bar
            button.on('progress', function(e, val, absolute, finish){

                if(!button.hasClass('in-progress')){

                    // This is the first progress event for the button (or the
                    // first after it has finished in a previous run). Re-initialize
                    // the progress and remove some classes that may be left.

                    bar.show();
                    progress = 0;
                    button.removeClass('finished').addClass('in-progress')
                }

                // val, absolute and finish are event data passed by the progressIncrement
                // and progressSet methods that you can see near the end of this file.

                if(absolute){
                    progress = val;
                }
                else{
                    progress += val;
                }

                if(progress >= 100){
                    progress = 100;
                }

                if(finish){

                    button.removeClass('in-progress').addClass('finished');

                    bar.delay(500).fadeOut(function(){

                        // Trigger the custom progress-finish event
                        button.trigger('progress-finish');
                        setProgress(0);
                    });

                }

                setProgress(progress);
            });

            function setProgress(percentage){
                bar.filter('.background-horizontal,.background-bar').width(percentage+'%');
                bar.filter('.background-vertical').height(percentage+'%');
            }

        });

    };

    // progressStart simulates activity on the progress meter. Call it first,
    // if the progress is going to take a long time to finish.

    $.fn.progressStart = function(){

        var button = this.first(),
            last_progress = new Date().getTime();

        if(button.hasClass('in-progress')){
            // Don't start it a second time!
            return this;
        }

        button.on('progress', function(){
            last_progress = new Date().getTime();
        });

        // Every half a second check whether the progress 
        // has been incremented in the last two seconds

        var interval = window.setInterval(function(){

            if( new Date().getTime() > 2000+last_progress){

                // There has been no activity for two seconds. Increment the progress
                // bar a little bit to show that something is happening

                button.progressIncrement(5);
            }

        }, 500);

        button.on('progress-finish',function(){
            window.clearInterval(interval);
        });

        return button.progressIncrement(10);
    };

    $.fn.progressFinish = function(){
        return this.first().progressSet(100);
    };

    $.fn.progressIncrement = function(val){

        val = val || 10;

        var button = this.first();

        button.trigger('progress',[val])

        return this;
    };

    $.fn.progressSet = function(val){
        val = val || 10;

        var finish = false;
        if(val >= 100){
            finish = true;
        }

        return this.first().trigger('progress',[val, true, finish]);
    };

    // This function creates a progress meter that 
    // finishes in a specified amount of time.

    $.fn.progressTimed = function(seconds, cb){

        var button = this.first(),
            bar = button.find('.tz-bar');

        if(button.is('.in-progress')){
            return this;
        }

        // Set a transition declaration for the duration of the meter.
        // CSS will do the job of animating the progress bar for us.

        bar.css('transition', seconds+'s linear');
        button.progressSet(99);

        window.setTimeout(function(){
            bar.css('transition','');
            button.progressFinish();

            if($.isFunction(cb)){
                cb();
            }

        }, seconds*1000);
    };

})(jQuery);

The CSS

assets/css/styles.css

.progress-button{
    display: inline-block;
    font-size:24px;
    color:#fff !important;
    text-decoration: none !important;
    padding:14px 60px;
    line-height:1;
    overflow: hidden;
    position:relative;

    box-shadow:0 1px 1px #ccc;
    border-radius:2px;

    background-color: #51b7e6;
    background-image:-webkit-linear-gradient(top, #51b7e6, #4dafdd);
    background-image:-moz-linear-gradient(top, #51b7e6, #4dafdd);
    background-image:linear-gradient(top, #51b7e6, #4dafdd);
}

/* Hide the original text of the button. Then the loading or finished
   text will be shown in the :after element above it. */

.progress-button.in-progress,
.progress-button.finished{
    color:transparent !important;
}

.progress-button.in-progress:after,
.progress-button.finished:after{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    padding-top: inherit;
    color: #fff !important;
    left: 0;
}

/* If the .in-progress class is set on the button, show the
   contents of the data-loading attribute on the butotn */

.progress-button.in-progress:after{
    content:attr(data-loading);
}

/* The same goes for the .finished class */

.progress-button.finished:after{
    content:attr(data-finished);
}

/* The colorful bar that grows depending on the progress */

.progress-button .tz-bar{
    background-color:#e667c0;
    height:3px;
    bottom:0;
    left:0;
    width:0;
    position:absolute;
    z-index:1;

    border-radius:0 0 2px 2px;

    -webkit-transition: width 0.5s, height 0.5s;
    -moz-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s;
}

/* The bar can be either horizontal, or vertical */

.progress-button .tz-bar.background-horizontal{
    height:100%;
    border-radius:2px;
}

.progress-button .tz-bar.background-vertical{
    height:0;
    top:0;
    width:100%;
    border-radius:2px;
}

We’re Done!