Categories
Programming Web Technology

Javascript simple floating and forever moving image

In this example, I will show you how to  animate an element and make it moving up and down infinitely. And I will do it without any explicit Loop construct (no for, while loops), with the help of the jQuery.

HTML:

Javascript

 How it works

In CSS, we set the element (the IMG) to absolute position so that it “float up” and detach from the normal layout. With this, we can move the image up and down by changing the “top” CSS property.

In Javascript, we define two functions, bannerMoveDown() and bannerMoveUp(). In each function, we use the jQuery animate() method to animate the IMG element, and after the each animation ends, we call the other one respectively, thus making it loop forever.

Finally, we call bannerMoveDown() to initiate the animation loop.

Fully functional example

Please checkout a fully function example here on JSFiddle: http://jsfiddle.net/madcoda/mN3n8/

Thanks for reading, Leave your comments down below if you encounter any problem!

Categories
Android Programming Mobile Programming Tech Tips and Tricks

Solving Genymotion “unable to connect to your virtual device” Error

So I know you are here because you get this error message while starting a Genymotion Device.

genymotion_1

First you should go check your firewall settings as suggested in the Genymotion FAQ. Other than that, if the problem still persist, 9/10 it’s the problem of your Host-only adapter settings. Here’s how to correctly set it.

Categories
Programming Web Technology

AngularJS minimal MVC example

Recently started to learn AngularJS, which is really a very good framework. It makes routes, Two way data binding and modular design easy.

I have created a minimal MVC example for beginners to get started with. This is a BMI calulator.

You can also try the jsFiddle here.

Categories
Linux Programming Web Technology

Properly execute shell commands and return errors in PHP

Sometimes you want to run a command on your server through PHP. There are couple of ways to do it, system()exec()shell_exec(), passthru(). All of them pretty much works alright with some slight differences. I would like to share my method which I think is more “programmatic”.

Categories
Programming Web Technology

How to hash a string to integer with a range in PHP

Here is a simple way in PHP to hash a string to an integer. That is, mapping a string to a specific number.

This function has a default range of 100. (That means the outcome can be 0 – 99 )

Categories
Programming Tech Tips and Tricks

Why Developers like OSX

It’s *nix and THE most advanced one

Programmers need to use a lot of command line tools on daily basis like ssh, curl, build tools etc. There’s nothing like a bash shell in *nix systems(Unix, Linux. OSX is Unix-based), basically you’re left to choose between OSX and thousands of distros of Linux. (You may use CYGWin in Windows but i think it’s terrible) In my opinion, most Linux distros are still not very user-friendly (Ubuntu is probably the best you can find), OSX provides a pleasant-to-use GUI while preserving the greatness of the command-line environment. Out of the box it has everything a modern OS should have, this saves you the time needed to configure the development environment and focus on the job you need to do.

It’s elegant

OSX is beautifully designed, slick and always

Categories
Linux Programming

Generate gitignore painlessly with shell command

When using Git as your Version control, when you don’t want some files to be tracked (e.g. runtime data, caches, runtime config), you need to add them to the gitignore file. There’s some list of files needed to be ignored which is common to all projects using a certain CMS/Framework, those are called Boilerplates code. After some time, you’ll find that editing .gitignore config and to remember the last settings you used can be a headache. Luckily there’s some nice people collected those settings for us, just search gitingore in the GitHub. Now you can even use gitignore-boilerplates command line tools to generate one for you.

How to use gitignore-boilerplates

Here is an example on how to bootstrap a WordPress project with gitignore-boilerplates

Categories
Programming

Getting started with Sublime Text 2 package control

I’ll show you how to install the the “Terminal” Package in 5 steps, starting from a clean Sublime Text 2 app, if you haven’t install Sublime Text or wondering what it is, click here.

Step 1: Go to the wbond Package Control homepage, Click Install to see the Install Page, copy everything in the grey rectangle
stpc_1

Categories
Linux Programming

Install MongoDB PHP driver in CentOS 6.x

To use MongoDB in PHP, you are required to install a driver extension to the PHP environment. In CentOS, it’s in fact very straight forward.


Update 2015-March:

This tutorial works for CentOS 6.x, you can also do this by the following command,

You might first need the Remi Repo if you have not, tutorial on how to install that here.

If you use CentOS 7, you can also install by the above command without installing additional repo.


Original Post (Still works, and you will guarantee using the latest version of the mongodb driver):

Prepare the tools to build PHP extensions

This step is extremely easy with yum, but if you want to use the latest version of PHP, this article does not cover that.

Get the latest MongoDB PHP driver source

The source code is hosted in GitHub, you can find it here .

 Build the driver

The following steps are also mentioned in the readme of mongodb php driver

If all went well, the mongo.so should be installed in /usr/lib64/php/modules/
now go to /etc/php.d

Restart Apache to make the change effective

 

Categories
Android Programming Programming

Why Learning Android could improve your programming skills

Android is probably the most popular mobile operating system, a lot of programmers join the Android club to be an Android developer and turn their ideas into great apps. While some of you may not be interested in making a mobile app, but I would say you should give it a try. In this article I’ll try to convince you that you can improve your programming skills by studying the Android framework.

It’s simple

By simple, I don’t mean programming in Android is easy. The Google Android team has made it very easy for beginners to get started, just fire up the Eclipse IDE and load the examples and you have your first Android app. Through Android you’ll learn how to organize an app that is so simple to understand, write and deploy. You could apply this in organizing your web application. There’s a lot of good engineering practice in the Android framework. Of course, programming is never easy, if you feel that what you’re doing is easy, you maybe not making something useful!

It’s well documented

Learning Android is a joy.