Wordpress Issue : Uncaught TypeError: undefined is not a function

If you got this kind of issue with Wordpress (CMS)

You better use "jQuery" instead of "$" This is because the jQuery Library included with Wordpress is set to the noConflict() mode, to prevent compatibility problems with other Javascript libraries that wordpress linked.

So the global $ shortcut for jquery is not available.

See more: Wordpress Codex Script

Design Inspiration Set #1

The following links that I'm going to share are the first 10 websites that are best that you could lurk around for design inspiration.

1. Dribbble

A social media network for all the designers all over the world or a show and tell website for all the designers. All users uploads shots of their great works and some of them share the full view of their work even free psd! You could find logo, tee designs, typography , ui/ux designs and etc.

Visit the Site

2. Behance

This is still a website to share and discover other inspiring design inspiration to the given categories that they have. It's similar to Dribbble where it provides a community for the designers.

Visit the Site

3. Ultra UI

I just discover this through tumblr. They showcase inspiring design inspirations for mobile and web.

Visit the Site

4. Creattica

Creattica is similar to Dribbble and Behance. You could find inspirations for photography, typography, ui/ux designs, oil painting and etc. They always have the best design inspirations.

Visit the Site

5. Typostrate

If you love to make a typography design for tee, poster and some other stuff that you could use this style, then this website is perfect for you. I followed this blog from tumblr and they didn't fail me in feeding concepts of playing all those fonts.

Visit the Site

6. Designspiration

I just discover this because of Dribble. This is perfect for the designers who are fond of photography, painting (digital, oil and etc) , typography, poster and etc. They seldom share some ui/ux design or mobile design.

Visit the Site

7.  Niice

This is obviously a search engine for you to lurk design inspirations. It's actually powered by Behance, Dribble and Designspiration.

Visit the Site

8. Awwwards

A website that promotes and recognize the greatest works of the developers and designers.

Visit the Site

9. Logopond

A place where you could fetch inspiring concepts for your logo design. Logopond is also a community for all the logo designers, if you happened to be a logo designer then you're free to join the community and share some of your great logo product.

Visit the Site

10. Inspiration Grid

They showcase designs that's pretty similar of the designspiration, but the inspiration grid doesn't showcase any ui/ux design or mobile , not like designspiration which is shares a little of ui/ux/mobile design.

Visit the Site

Accessing XAMPP MySQL command line

Here's an easy way to access XAMPP mysql command line both in Mac and Windows platform. Mac cd /Applications/XAMPP/xamppfiles/bin;./mysql --user=root --password= Windows cd ../../Program Files/xampp/mysql/bin/mysql.exe --user=root --password=

How to import mysql database from terminal?

This is the best & easiest way to import mysql database using terminal/mysql console.


mysql> source /path/to/your_mysql_db.sql;

That's it. :)

How to access MySQL via command line on Mac OS X

Accessing MySQL and running queries is pretty easy on mac units. Just follow the simple steps.

Step 1: Open terminal.app. Go to Applications > Utilities > Terminal.

Step 2: Type in cd / to go to your root directory.

Step 3: Type in the path of your MySQL.

/Applications/XAMPP/xamppfiles/bin/mysql -u root -p

Step 4: Enter your password.

Step 5. Voila! You can now run your sql queries.

How to edit hosts file in Mac OS X - Lion

The host file contains the mapping of the hostnames to IP addresses. The system will check if the URL has a relevant entry on the hosts file and get the corresponding IP address. Otherwise, it will resolves the IP address via the active DNS server connection.

To edit the hosts file, follow these simple steps:

1. Open Terminal.app
(You can find the terminal.app on your dock if you set up it there or by going to Applications > Utilities > Terminal)

2. Open the hosts file
Type the following on your newly opened Terminal.

$ sudo nano /private/etc/hosts

3. Edit the hosts file
The hosts file may contains default hostname mapping like 127.0.0.1 assigned to localhost. Simply add your hostname with its corresponding IP address. Just follow how the default mapping was set. Or you can edit one of the defaults.

4. Save the hosts file
To save the hosts file, simply press ctrl + o and hit enter. Then, ctrl + x to exit the editor.

5. Flush DNS cache
You need to flush the DNS cache so your changes will take effect. To flush the DNS cache, run the simple command,

$ dscacheutil -flushcache

But if you are just doing it locally using XAMPP, you can do it by restarting your apache server.

Voila! Test your new mapping in your browser.

Styling Placeholder using CSS3

Here is the code if you want to style your form elements' placeholders like inputs, emails, phones, textareas & etc.

::-webkit-input-placeholder {/* WebKit browsers */
color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #333;
}