CodingCereal

2012 Merry Christmas

Jhoy Imperial — Mon, 26 Dec 2011 07:58:26 +0000

May you have the merriest christmas ever!

Happy coding!

December 2011 Calendar Wallpaper

Jhoy Imperial — Sat, 03 Dec 2011 16:47:58 +0000

Great user submitted wallpapers for December 2011

Who Ate All The Christmas Cookies???

Tongue Stuck On Lamppost

WordPress Function for Hide Admin Bar

Jhoy Imperial — Thu, 17 Nov 2011 09:26:42 +0000

Here is the simplest way to hide that wordpress admin bar from the top of your page.

Add the following code to your active theme functions.php

This is compatible with WordPress 3.1.0 and above. If you are still using versions lower than 3.1.0, you could check out my other post on other ways on how to hide the admin bar.

HTH

Reference: Function Reference/show admin bar

November 2011 Calendar Wallpaper

Jhoy Imperial — Fri, 04 Nov 2011 11:46:01 +0000

November Romance

Real Artists Ship

Check If An Element Exists Using jQuery

Jhoy Imperial — Thu, 03 Nov 2011 17:14:09 +0000

Here are some examples on how to determine if an element is existing in your html page.

jQuery selector sample:


if ($("yourElementSelector").length) {

//your script here

}

jQuery selector sample 2:


if (jQuery("yourElementSelector").length) {

//your script here

}


if ($(".elementClassName").length) {

//your script here

}

if ($("#elementIdName").length) {

//your script here

}

HTML tag selector sample:


if ($("ul").length) {

//your script here

}

if ($("ul").length) {

//your script here

}

Check if element exists using plain javascript, select the element using its id=”" attribute


if (document.getElementById("elementId") != 'undefined') {

//your script here

}

Hope this will be useful to anyone

An Array of 45 Video Mime Types

Jhoy Imperial — Wed, 12 Oct 2011 12:02:59 +0000

Looking for a list of valid video mime types? Here is a quick list that i’ve gathered so far.

If you feel or think that I missed some, don’t hesitate to share it in the comment box below.

Enjoy

Site Update: Installed Google +1

Jhoy Imperial — Mon, 11 Jul 2011 16:03:51 +0000

What is Google +1?

It’s Google’s version of Facebook like or recommend buttons.

You could easily recommend articles or posts straight away from Google search result.

Try searching “jQuery parse json”

Your readers could also recommend your posts to Google by clicking the +1 button like the one at the bottom of this post.

Cool, eh?

WordPress Hide/Disable Admin Bar

Jhoy Imperial — Wed, 18 May 2011 20:19:04 +0000

Here are two ways to hide that admin bar on top of your wordpress site.

Permanently Remove Admin Bar

In this method, I am assuming that you already know how to create wordpress themes or even has at least a little idea where to look for your functions.php file.

In your active theme folder, modify your functions.php and add the following wordpress filter script.

add_filter( 'show_admin_bar', '__return_false' );

Note: Backup your file before doing any modification.

Hide Admin Bar Per User Profile

For wordpress sites where the owner wants to display the admin bar, individual users can hide the admin bar through their profile settings.

Go to > Users > Your profile

In the “Show Admin Bar“, uncheck the checkbox besides “when viewing site” like shown in the image below.

Save your profile.

And that’s how you hide the WordPress Admin Bar.

Hope this helps.

Setting-up Multiple Subdomains in Your Localhost Using XAMPP

Jhoy Imperial — Sat, 07 May 2011 23:13:41 +0000

Here is a quick guide on how to create multiple subdomain in your localhost using XAMPP.

Let’s Begin

Open your XAMPP control panel and click explore. This will take you to your XAMPP installation directory.

Now go to Apache > Conf > Extra then locate and open ‘httpd-vhosts.conf’ file. NOTE: Create a backup of the file before editing.

I use notedpad++ as my editting software.

Around the last lines of the file add the highlighted text as shown in the image below.

What is happening?

NameVirtualHost *:80

This tells our apache to allow multiple hosts in our localhost.


DocumentRoot "E:/SERVER-XAMPP/xampp/htdocs"
ServerName localhost

This tells our apache the folder path for our default http://localhost


DocumentRoot "E:/SERVER-XAMPP/xampp/htdocs/subdomain"
ServerName subdomain.localhost.com

This tells our apache the folder path for our new subdomain http://subdomain.localhost.com

To create another folder directory for another subdomain, simply replicate the above code block like:


DocumentRoot "E:/SERVER-XAMPP/xampp/htdocs/another-subdomain"
ServerName another-subdomain.localhost.com


DocumentRoot "E:/SERVER-XAMPP/xampp/htdocs/my-subdomain"
ServerName my-subdomain.localhost.com

Next, Go to C:\WINDOWS\system32\drivers\etc then locate ‘hosts’ file. NOTE: Create a backup of the file before editing.

On the last line, add the highlighted text in the image below.

What is happening?

127.0.0.1 subdomain.localhost.com

This file would tell our Windows OS to recognize our newly defined localhost domain which is http://subdomain.localhost.com

To add new subdomains, just add replicate line 21 like:

127.0.0.1 another-subdomain.localhost.com

127.0.0.1 my-subdomain.localhost.com

Now, go back to your XAMPP control panel and restart apache by clicking the designated stop button then afterwards the start button.

Go to your browser and type in the address bar : http://subdomain.localhost.com

That should be working perfectly

Happy coding!

Simple Web 2.0 Button Using AS Button Generator

Jhoy Imperial — Wed, 04 May 2011 20:42:04 +0000

I sometimes find it difficult creating glossy buttons for my website menus. Luckily, I’ve stumbled on “AS Button Generator“.

The site has a Flex-based button generator that gives you various options for designing your buttons.

I like that it has 5 different gradation type and stripes setting for the generator. You can control the roundness of the corners and thickness of borders. The generator also has filter options like bevel and drop-down shadow. You could also upload your own images and set them as your button’s background image.

Although, the textboxes for the width and height is sometimes annoying, I think you’ll get use to them. In my case I prefer entering the exact size for my width and height instead of using the scrollers.

After tweaking the generator for your own button design, you could click “Save” and save the button in either jpg, gif or png format.

Enjoy