My first plugin on wordpress.org

Hey guys check out my first plugin on wordpress.org. It is a small plugin but it can be very useful to many 🙂

Here is the link https://wordpress.org/plugins/wp-click-to-call-calledin/

Source

Advertisements

Wordpress plugin developer, joomla module developer

I have been developing few plugins in my current company. There have been lots of difficult tasks when i developed those plugins but as time passed it became easier for me. First when i was not a programmer i used to think how it would be possible and how people develops small, medium and large size applications.
Then i realized that its not a single person who builts everything there is a team which gives equal dedication.
Now i’m capable of developing small and medium size plugins modules and components in wordpress and joomla, I really feel good about this and feel strong sometimes internally that now i’m capable of achieving website’s functionality.

Made slide down image with jquery did custom coding

Well today I am really happy coz have implemented jQuery function and have created custom animated image effect for a project. Have made use of some functions of jQuery library and designed this. I am sharing this html file where in which I have created the image slide down effect with animation in jQuery.

<!DOCTYPE html>
<html>
<head>
  <style>
  div.block {
position: absolute;
background: #333;
top:30px;
width: 100px;
height: 100px;

margin: -690px 5px 5px;
}
button#go {
    margin-left: 200px;
}
#middle{ width:1024px; margin:0 auto; background: none repeat scroll 0 0 transparent;}
#lefttransfer{ margin-left:200px; }
#stichdown {
    float: left;
    font-size: 15px;
    height: 40px;
    margin-left: 60px;
    margin-top: 546px;
    text-decoration: none;
    text-indent: -999px;
    width: 78px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="middle">
<button id="go">Go</button>
<div class="block"></div>
<script>
/* Start animation */
jQuery.noConflict();
jQuery("#go").click(function(){
jQuery(".block").delay(10000).animate({top: '+=200px'}, 10000);
});
jQuery('#go').trigger('click');

</script>
</div>
</body>
</html>