There are vast categories of smartphone and tablet apps in the market today that educate, enhance and engage users in multiple ways (help us take flawless pictures, manage our finances better, keep healthy and stay fit, or indulge is in our spy tendencies).

If you have the passion for apps, or want to start an app business but need help, you should check out these 30 cheatsheets and infographics related to mobile app development. We hope that the following selection will inspire and help you start building better and smarter iOS and Android apps.

Recommended Reading: Develop Your Windows 8 App – Resources, Tools And Tips

Like all our other cheatsheets & infographics articles, the images here are cropped for a nice fit, so do click the links to have the entire view.

iOS and Android Design Guidelines Cheat Sheet

How To Become A Mobile App Developer

A History Of App Stores

Finding Success In Mobile App Development

The Little App Developer That Could

The Maturation of iOS and Android

The Rise of the Planet of the Apps

How To Make A Successful App

5 Ways To Build Profitable Applications

Trends In Business Mobile App Development

How To Promote An App

Wake Up Call – If You Spend It They Will Come

Mobile Gaming Is On The Rise

Top 32 Resources App Developers Should Know About

Why App Developers Prefer iOS Over Android

Revenue Wars – iOS vs Android Apps

Android vs iOS – A Tale Of Platform Fragmentation

The Economics Of Freemium Apps

Android vs iOS – Which Users Stay Faithful

Mobile App Development Odyssey

Android vs iOS – Is Android Really Beating iOS?

Android vs iOS

iOS vs Android – The App Arms Race

How Long Does It Take To Build A Mobile App

iOS 7 Design Cheat Sheet

App Store Optimization Cheatsheet

Android Fragmentation Visualized

Android App Development Cheat Sheet

Which is Better – Mobile Apps or Mobile Websites?

The Developer’s Guide to Building Secure Mobile Applications

A creative video intro leaves a lasting first impression on your viewer. If you need examples, do check out Nancy’s 60 Beautiful Examples Of Websites With Full-Blown Video Backgrounds to get an idea. A good video intro not only draws attention but also gives the right impression to prospective clients. Videos can also better engage new readers. While producing awesome videos will take time, effort and skill, why not just use stock videos.

Collected below is a list of free websites which offer video intros, stock videos and video footage for free. Some provide you with professional templates and high-definition videos, and you can even find animation and 3D videos in some of the sites. Many of the video clips are designed and given away by video design professionals, so you can use them for your video productions for free. If you know any more of such websites, please share them at the comments section.

Recommended Reading: 30+ Websites For Stock Photos and Royalty Free Images

Motion Elements

Motion Elements is a source of premium stock videos. It offers around 400 videos to download for free.

Ignite Motion

Ignite Motion is a place to download animated backgrounds and video loopbacks, which can be used for personal or commercial purposes.

Free Footage

Free Footage is a place to find various collections of HD quality video footage.

Footage Crate

Footage Crate offers free and royalty-free video resources for independent filmmakers and creative persons.

Splasheo

Splasheo is a source of free video boosters. You can also create your own custom animations using different pictures on this website.

Flix Press

FlixPress is a place to create professional video templates. FlixPress also offers some video templates for free. Just register for an account and select the free templates from their template library.

Beachfront B-Roll

Beachfront is a blogspot compilation where you can download unique HD stock footage and animated backgrounds for any production purpose.

Motion Backgrounds

Motion Backgrounds is a place to download professional quality motion backgrounds and video footage.

Alex Free Stock Video Footage

Alex Free Stock Video Footage offers free and downloadable video footage and stock videos in HD quality.

Movie Tools

Movie Tools is a place to download free animated 2D and 3D video backgrounds, animations and stock videos.

Free Video Footage

Free Video Footage is a place to download hundreds of video footage, stock videos and video backgrounds.

Free HD Stock Footage

Free HD Stock Footage is a Vimeo group by Phil Fried. It offers free stock videos and video footage which can be used in any video production.

X Stock Video

X Stock Video is a source of premium quality stock videos and footage. It offers many free stock videos and backgrounds for ‘free to view’ video productions.

Clip Canvas

Clip Canvas is a premium source of stock video footage and production music. It offers many video clips for free.

Open Footage

Open Footage is a source of free video footage organized in various categories for easy access and download.

Videezy

Videezy is a community of amateur and professional videographers for sharing HD quality video footage. You can get free access to high quality video clips after signing up on the website.

Cute Stock Footage

Cute Stock Footage is a source of premium quality stock videos and sound effects. You can check their free section (located in the top menu) to download free video footage.

HD-Trainings

HD-Trainings provide free stock videos and video footage, which can be used in your own video productions. (Note: use Google Translate to check the page out in the language of your choice).

Videvo

Videvo is a source of hundreds of stock videos and motion graphics, which are available for download without any charge. Video clips are arranged in various categories for easy browsing.

In one of our previous post we have discussed how to build customized jQuery. In the process, we used Grunt to perform the task, for testing, compiling, and compressing the library. However, some of you might encounter an issue where the command grunt is not recognized in your system, even when we had run npm install -g grunt-cli to install the package.

In this case, you typically will get the following error message in your Terminal.

 -bash: grunt: command not found 

The “Command Not Found” error occur is due to the Grunt binary not having been added to the shell – this most likely happened since Grunt 0.4. Here is how to get it fixed.

Check this: In Unix, what is the shell?

Step 1

First, let’s check whether the .bash_profile exists.

 test -e ~/.bash_profile && echo "Found" || echo "Not Found" 

If it exists, it will return Found, as shown in the following screenshot.

The .bash_profile is a shell script that is executed when we start the Terminal. To be able to run the grunt command we need to link the path where the Grunt binary is located in this file. In the case where it returns Not Found, meaning that it doesn’t exist, you need to create it first by running this command line.

 touch ~/.bash_profile 

Run the test again to ensure.

Step 2

Open the .bash_profile in TextEdit using this command line, so that we are able to edit the content easily.

 open -a TextEdit ~/.bash_profile 

When we are installing Grunt, we will see the path where the binary is added from the report.

Add the path in .bash_profile, as follows.

 export PATH=/usr/local/share/npm/lib/node_modules/grunt-cli/bin:$PATH 

Save it and exit.

Step 3

To ensure that our .bash_profile is executed when we open the Terminal, run this command line.

 source ~/.bash_profile 

Restart your Terminal, run a test whether the grunt command is now recognized:

 grunt --version 

If it works, you should now see the following message.