Archive for Uncategorized

How to Solve the Biggest Problems With wordpress

While WordPress is really easy to use, there are some common WordPress errors that can make you panic. The good thing is that the WordPress error you are seeing on your site is most likely been reported and resolved by someone before you.  In this article, we will cover the 25 most common WordPress errors along with showing you how to fix all of these common WordPress errors.

Posted in: Uncategorized

Leave a Comment (0) →

iPhone 6 Media Queries

iPhone 6 in portrait & landscape

iPhone 6 in landscape

iPhone 6 in portrait

iPhone 6 Plus Media Queries

iPhone 6 Plus in portrait & landscape

iPhone 6 Plus in landscape

iPhone 6 Plus in portrait

iPhone 5 & 5S Media Queries

iPhone 5 & 5S in portrait & landscape

iPhone 5 & 5S in landscape

iPhone 5 & 5S in portrait

iPhone 2G, 3G, 4, 4S Media Queries

It’s noteworthy that these media queries are also the same for iPod Touch generations 1-4.

iPhone 2G-4S in portrait & landscape

iPhone 2G-4S in landscape

iPhone 2G-4S in portrait

iPhone 5 Resolution

iPhone 4/4S Resolution

iPhone 2G/3G/3GS Resolution

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

how to get youtube thumb image based on youtube id.

Each YouTube video has 4 generated images. They are predictably formatted as follows:

The first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1.jpg, 2.jpg, 3.jpg) is:

For the high quality version of the thumbnail use a url similar to this:

There is also a medium quality version of the thumbnail, using a url similar to the HQ:

For the standard definition version of the thumbnail, use a url similar to this:

For the maximum resolution version of the thumbnail use a url similar to this:

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

10 Best Google Adsense Alternatives (2014)

10 best Google Adsense Alternatives

Here are some of the best Google Adsense Alternatives you can try to monetize your website without using Google Adsense, and I’ll tell you how they work and why you should consider them, so let’s start:

10. Infolinks

Infolinks is a Pay per click advertisement network that allows you to make money through your blog based on specific keywords. Infolinks indexes your pages and automatically add some hiperlinks in your text. Of course, since this isn’t a CPM program, it might take you a while to start earning a regular passive income through it, but it’s still an alternative to Adsense. They can pay you via Paypal, Wire Transfer, Check Western Union, ACH and Payoneer and there’s an initial limit of $50. Infolinks is great for big websites and it works in English, Spanish, French and German websites. Start using Infolinks here.

9. Amazon Associates

You can make a good amount of money from Amazon, especially in Christmas and other holidays

Amazon is the biggest online store in the world, so they must be doing something good. Well, if you have a website that talks about any product that can be found on Amazon, then Amazon associates could work for you. Amazon allows you to put dynamic image ads to your blog, so that you can promote them and while this isn’t a Pay-per-click or CPM program, it will pay you a small commission for everything they sell from your links. So let’s say you have a blog about Apple products and you put an ad driving them to buy an iPod or just a cable. If they buy it, an small commission will be for you. So if you sell a $10 cable you might receive a few cents, but sell a $1500 Laptop and you might receive $100. The good thing is that everything they buy through your link (even if it isn’t the product you recommended at first) will generate a commission for your. the only con I find with Amazon, is that they need to send you a check that could take weeks to arrive to your home, unless you live in the United Stated of America where you can provide your Bank account. You can use this with Adsense at the same time.

8. BuySellAds

If you’re thinking on selling ad spaces from your website but you have no clients to land on BuySellAds might be the right network for you. buySellAds allows you to sell a space unit to many customers depending on the kind of traffic they want. so, if your blog has space for 4 ads, you can publish them here and wait until someone wants to buy your ad. While this can lead to a good income, this also means you need a good quantity of visitors and page views if you want to be appealing on BSA. BSA pays 75% of the revenue generated and you can get your payment via paypal twice a month, without any starting limit.

7. Text Link Ads

Text Link Ads allow you to sell text ads from your sites. The price of your ads varies between your Page Rank, Alexa Rank, traffic, Social media and everything. So, the higher PR you have, the more expensive links you can sell. TLA pays you via check, Paypal or TLA voucher and they offer 50/50 revenue with a minimum limit of $25. You can sell up to 10 contextual advertisements from your site on TLA.

6. Clicksor

Clicksor is ad advertising network that allows you to serve text, contextual and popup ads. With more than 150,000 pages working on Clicksor, it’s became quite a good alternative to Google Adsense. They share up to 60% of the revenue depending on the ad (popup ads usually generate more) and they can pay you via check or Paypal with a minimum of $50. Sign up in 2 minutes with Clicksor here.

5. Qadabra

Qadabra is a performance based advertisement network created for publishers to monetize their websites and traffic. I recently discovered Qadabra and their platform is simple and easy to use. Qadabra provides different ad sizes and they have a pop up option. They support international traffic with great fill rates and they pay via: paypal ($1 minimum payout), payoneer prepaid card ($20 minimum) and wire transfer ($500 minimum). So it’s a great option for starters if you’re using paypal. I got approved for Qadabra in less than 2 minutes. Register here.

4. Chitika

The reason I put Chitika on the number 3 of this list, is because Chitika is very similar to Adsense. they allow you to customize your ads, and it only serves contextual ads. One good thing is that you can use it along with Adsense and there are no problems at all. Chitika pays via Paypal ($10 USD minimum, which is good for starters) or via check ($50 minimum). If I were to recommend an ads service as an alternative to Adsense, Chitika would be my first choice, hands down. Chitika can pay you via paypal if you need. Sign up here and get your account approved fast and easily! Bonus:

3. Revenue Hits

I recently discovered Revenue Hits and it looks like a great contender. I signed up and was quickly contacted by a manager to see how their ad platform for publishers work and they have a ton of features to make money. Revenue hits is a Performance Ad network, which means they pay you for results (CPA which is great for many niches), however, they have CPM and CPC models too. Revenue hits has an interesting platform that learns from your Ads so if you give them a try make sure to keep their ads running for 2-4 days to get the best results. Another great thing is that they have different monetization channels available. You can create banner ads, sliders, pop -unders, buttons and more. Revenue Hits pays on a NET 30 basis and they issue payments via wire, Paypal and Payoneer! Create your account and get started in just a few minutes HERE!

2. Adversal

Adversal is a great alternative of Adsense and works as great as Chitika. They have good banners and the CTR and revenue adapts to get the best results for your website. I’ve seen the Ads on Adversal have a good CTR and they have good image ads too. This is probably the Ad network which seems to work better for those looking for a replacement of Google Adsense. It works decently with other languages too (Chitika doesn’t).  You account gets approved really fast and they also have Pop under /CPM ads as an option. Note: Adversal requires a website with a minimum of 50,000 page views per month, but they have proven to work really well. I earn over $500-1000 per month. They also pay via paypal. Sign up here

1. Affiliate Marketing

I’m leaving affiliate Marketing in the number 1 spot for many reasons. Affiliate Marketing means you’re selling a product or a service from another enterprise (which means you don’t have to develop it) and you earn a commission for that. You can find a lot of Affiliate Marketing programs on the net, and they can vary from selling a $10 small product up to selling a $300 software. The beauty of affiliate marketing is that the more you know and test a product or service, the more you can sell it.

Some affiliate programs can earn you more than $50 for each sale depending on the product and I truly recommend you test and backup your sales by using the product yourself (even though it’s not 100% necessary). If you are an authority in a niche, you can use it to boost your sales and grow even more. You can set affiliate links in banners, text, images and basically everywhere, and it can grow into a big passive income earner if done well. Some examples of people that have become very successful with affiliate Marketing are:

  • Pat Flynn from the Smart Passive Income blog
  • Luke Kling from Peerfly
  • And more people that earn 6 figure incomes per month, mostly via passive income or PPC campaigns) and join the Dojo HERE!

source :

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

10 Developer Tools we must know it

1. Malsup Plugins
These are some of my favorite and most-used jQuery plugins. Mike has done an amazing job at building solid and well-documented plugins. I especially love the Form plugin!

2. Preloaders
I’ve never met a designer who wanted to custom design a loading indicator, much less animate it. So it’s usually up to me, a colorblind and socially-awkward developer who stopped drawing in middle school, to figure out what will look good. Preloaders to the rescue!

Honorable mention:

3. FamFamFam Icons
A gorgeous and very useful collection of icons, you can drop these into just about any project and they’ll look great. Works wonders for custom post type icons, too. (You’re not leaving those set to the default “pin” icon, are you!?)

4. Mozilla Developer’s Network
My go-to resource for news and updates on most web development technologies I use. Way easier to understand than the official HTML5 specification.

5. Initializr
Need to start a project fast? Generate a boilerplate with Initializr and you can take the rest of the day off! Fill it with Lorem Ipsum and take two days off.

6. PHP Manual
The best documentation available for PHP. This thing is chock full of examples and comments from other developers. If you need to learn about a function or language construct of PHP, there’s no other website you should go to first.

I use this for sharing code/snippets with people quickly, so they can review it or help figure out where an issue lies. I love the color coding options and the ability to set it to private, so that only people with the link can see the post. I also like looking through the public posts to see all the awful stuff people are putting up there.

8. JSFiddle
Sort of like Pastie on steroids, JSFiddle is almost a complete IDE in the web browser. You can share your functioning HTML/CSS/JS with other people, who can then edit it as well as create new branches so your original code doesn’t get destroyed.

Honorable mention: (just as good, if not better than JSFiddle. I definitely like the design more.)

9. Google Developers
Like most things Google does, their developer resource library is well-made and extensive. If you’re working on a project that uses any of Google’s APIs, those fine folks have made plenty of examples for you to dissect and learn from – and of course the full blown API documentation as well.

10. Google Web Fonts
I’ve almost forgotten about the days when websites were limited to the 12 or so system fonts that most OSes used. Google, among others, has made the embedding and use of custom fonts so easy and ubiquitous that even management knows about it!

Honorable mention:

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Best frameworks to make easy web development


1) Yiiframework

Yii helps Web developers build complex applications and deliver them on-time.

2) Codeigniter

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.

3) Cakephp

CakePHP makes building web applications simpler, faster and require less code.

4) Symfony

Symfony is a PHP Framework, a Philosophy, and Community – all working together in harmony.

5) Pradosoft

PRADOTM is a component-based and event-driven programming framework for developing Web applications in PHP 5.

6) Zend

Zend Framework 2 is an open source framework for developing web applications and services using PHP 5.3+. Zend Framework 2 uses 100% object-oriented code and utilises most of the new features of PHP 5.3, namely namespaces, late static binding, lambda functions and closures.

7) Seagullproject

Seagull is a mature OOP framework for building web, command line and GUI applications. Licensed under BSD, the project allows PHP developers to easily integrate and manage code resources, and build complex applications quickly.

8) Qcodo

The Qcodo Development Framework is an open-source PHP framework that focuses on freeing developers from unnecessary tedious, mundane coding.

Qcodo enables some the most highly trafficked websites and data intensive applications for companies like Lockheed Martin and Hewlett-Packard, large organizations like Stanford School of Medicine, Academy of Country Music and NASA, and startups like and Uloop.


9) Evocore

evoCore is the framework at the heart of the b2evolution blogging application.

It is freely available for anyone to use. It is dual licensed so you can choose to use it either under the GNU GPL or the Mozilla MPL license. The b2evolution project, for example, is using it under the GNU GPL.

10) Phocoa

PHOCOA (pronounced faux-ko) is a PHP framework for developing web applications. PHOCOA’s primary intent is to make web application development in PHP easier, faster, and higher-quality.

11) Kohana

An elegant HMVC PHP5 framework that provides a rich set of components for building web applications.

12) Limb

Limb3 is an OpenSource(LGPL) L ibrary of I nterdependent M odules and B locks mostly aimed for rapid web application prototyping and development with PHP5.

13) Solarphp

Solar is a PHP 5 framework for web application development. It is fully name-spaced and uses enterprise application design patterns, with built-in support for localization and configuration at all levels.

14) Blueshoes

BlueShoes is a comprehensive application framework and content management system. It is written in the widely used web-scripting language PHP.



15) Elements

Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework.

16) Yaml

A modular CSS framework for truly flexible, accessible and responsive websites

17) YUI

The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns.

18) Blueprintcss

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

19) Css-Boilerplate

As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.

20) Galleria

Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.


The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

22) Sencss

SenCSs stands for Sensible Standards CSS baseline, (pronounced “sense“). It supplies sensible styling for all repetitive parts of your CSS, and doesn’t force a lay-out system on you. This allows you to focus on actually developing your website’s style.

23) Bluetrip

A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija,, and Elements, but has now found a life of its own.

24) Emastic

Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.

25) The Golden Grid

The Golden Grid is a web grid system. It ‘s a product of the search for the perfect modern grid system. It ‘s meant to be a CSS tool for grid based web sites.

26) Fluid960gs

Templates for Rapid Interactive Prototyping

27) Logicss

The Logic CSS framework is a collection of CSS files and a toolset designed to cut development times for web-standards compliant web layouts and templates.


28) JavaScriptMVC

JavaScriptMVC is an open-source framework containing the best ideas in jQuery development.

29) jQuery

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

30) Mootools

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

31) Prototypejs

Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax and the Document Object Model.

32) Dojotoolkit
Dojo saves you time and scales with your development process, using web standards as its platform. It’s the toolkit experienced developers turn to for building high quality desktop and mobile web applications.

33) provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

34) Ext JS

Sencha Ext JS is the industry’s most powerful desktop application development platform with unparalleled cross-browser compatibility, advanced MVC architecture, plugin-free charting, and modern UI widgets

35) YUI

YUI is a free, open source JavaScript and CSS library for building richly interactive web applications.

36) Sproutcore

SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web.

37) Midorijs

midori is an ultra-lightweight JavaScript framework that gets the job done without getting in your way.



38) Web2py

Free open source full-stack framework for rapid development of fast, scalable, secure and portable database-driven web-based applications. Written and programmable in Python.

39) Djangoproject

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.

40) Pylonshq

Pyramid is a very general open source Python web framework. As a framework, its primary job is to make it easier for a developer to create an arbitrary web application. The type of application being created isn’t really important; it could be a spreadsheet, a corporate intranet, or a social networking platform. Pyramid is general enough that it can be used in a wide variety of circumstances.

41) Cherrypy

A Minimalist Python Web Framework

42) Turbogears

TurboGears will help you to create a database-driven, ready-to-extend application in minutes. All with code that is as natural as writing a function, designer friendly templates, easy AJAX on the browser side and on the server side and with an incredibly powerful and flexible Object Relational Mapper (ORM).


Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Best Tools to help Web Developer for easy work

Image optimization



The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.


Create a HTML forms in seconds.


COLOURlovers is an international creative community that helps people discover their inner designer.


Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

HTML Entity Character Lookup

Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters.

960 Grid System

Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

Browser Shots

Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website’s browser compatibility in one place.

Icon Finder

Iconfinder provides high quality icons for webdesigners and developers in an easy and efficient way. The site launched in 2007 as the first search engine focused on icons.


Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches of that font.


Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.


Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies…


Pingdom Test tool to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on.

Test Everything

CSS Sprite Generator

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

Web Developer Toolbar

The Web Developer extension adds various web developer tools to the browser.


When you want a short URL or something big, Domainr will find it, fast.

Font Burner

Font Burner is a website enhancement tool that makes it easy for you to add new fonts to your website.

Smush.It uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality.

Load Impact

Load Impact is a leading online load testing service that lets you load test your website over the Internet. It’s a true On Demand service, where you can start testing instantly and there are no licenses fees. You simply pay as you go.

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Regular Expressions for PHP Developers

Regular expressions syntax

Regular Expression Action
xyz The string “xyz”
^xyz “xyz” at the start of a string
xyz$ “xyz” at the end of a string
^xyz$ “xyz” when it is alone on a string
[abc] a, b, or c
[a-z] Any lowercase letter
[^A-Z] Any character not included a uppercase letter
(gif|jpeg) Matches either “gif” or “jpeg”
[a-z]+ One or more lowercase letters
[0-9.-] Any number, dot, or minus sign
^[a-zA-Z0-9_]{2,}$ Any word of at least two letter, number or _
([wx])([yz]) wy, wz, xy, or xz
[^A-Za-z0-9] Any Symbols (No Numbers or Letters, Only Symbols)
([A-Z]{4}|[0-9]{5}) Matches four letters or five numbers

PHP regular expression functions

Function Description
preg_match() The preg_match() function searches string for pattern, returning true if pattern exists, and false otherwise.
preg_match_all() The preg_match_all() function matches all occurrences of pattern in string.
preg_replace() The preg_replace() function operates just like ereg_replace(), except that regular expressions can be used in the pattern and replacement input parameters.
preg_split() The preg_split() function operates exactly like split(), except that regular expressions are accepted as input parameters for pattern.
preg_grep() The preg_grep() function searches all elements of input_array, returning all elements matching the regexp pattern.
preg_quote() Quote regular expression characters

1) String Match

function alphaNumericCheck($element) {
return !preg_match ("/[^A-z0-9_\-]/", $element);

2) Password Match Validation

$password = "Fyfjk34sdfjfsjq7";
if (preg_match("/^.*(?=.{8,})(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).*$/", $password)) {
echo "Your passwords is strong.";
} else {
echo "Your password is weak.";

3) Email Address Validation

$email = “”;

if(eregi(“^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$”, $email)) {

echo “Valid email address.”;


else {

echo “Invalid email address.”;



4) Date Format Validation

function checkDateFormat($date)
//match the format of the date
if (preg_match ("/^([0-9]{4})-([0-9]{2})-([0-9]{2})$/", $date, $parts))
//check weather the date is valid of not
return true;
return false;
return false;
//Usage :
print_r(checkDateFormat("2008-02-29")); //return true
print_r(checkDateFormat("2007-02-29")); //return false

5) Validate URL

^ # start-of-line
(?: # begin non-capturing group
https? # "http" or "https"
:// # "://"
)? # end non-capturing group, make optional
(?: # start non-capturing group
[a-z0-9-]+\. # a name part (numbers, ASCII letters, dashes) & a dot
)* # end non-capturing group, match as often as possible
( # begin group 1 (this will be the domain name)
(?: # start non-capturing group
[a-z0-9-]+\. # a name part, same as above
) # end non-capturing group
[a-z]+ # the TLD
) # end group 1

Validating URL using regular expressions:

function isValidURL($url) {
return preg_match('|^http(s)?://[a-z0-9-]+(.[a-z0-9-]+)*(:[0-9]+)?(/.*)?$|i', $url);

Validating URL using filter_var:

function isValidURL($url) {

if (filter_var($url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED)) return true;
else return false;

Validating Email using regular expressions:
function isValidEmail($email) {
return preg_match(“^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$^”, $email);

Validating Email using filter_var:
function isValidEmail($email) {
if (filter_var($email, FILTER_VALIDATE_EMAIL)) return true;
else return false;

6) Ip address validation in PHP using regular expression

function validateIpAddress($ip_addr)
//first of all the format of the ip address is matched
//now all the intger values are separated
//now we need to check each part can range from 0-255
foreach($parts as $ip_parts)
if(intval($ip_parts)>255 || intval($ip_parts)<0)
return false; //if number is not within range of 0-255
return true;
return false; //if format of ip address doesn't matches

7) Get all images from a HTML document



8) Remove repeated words (case insensitive)


9) Remove repeated punctuation

10) Matching a XML/HTML tag



11) Matching an XHTML/XML tag with a certain attribute value


Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →
Page 1 of 4 1234