<script>
my_url_object = document.location;
</script>

That code yields out something like this in Chrome’s Javascript console:

Example of use:

You can show certain section of your code depending on a hash tag in the URL:

<div id="section-1" class="section">Section 1</div>
<div id="section-2" class="section">Section 2</div>
<script>
$(function(){
	// Get the hash parameter from the URL.
	active_section = document.location.hash;
	// Hide ALL the sections
	$('.section').css('display','none');
	// Show the section specified in the URL
	// The URL can be:
	// - http://localhost/example/index.html#section-1 , or
	// - http://localhost/example/index.html#section-2
	$(active_section).css('display','block');
});
</script>

Post a comment if you need help!

Javascript is the most widely deployed language ion the world. People are creating more apps in JavaScript than before because:

• Computers are faster
• All the raising JavaScript libraries that standardize and make JS a lot cooler

JavaScript and PHP similarities

• Dynamic and loose
• C-like syntax
• Curly braces
• if, else, for, etc.
• Garbage collection
• Post-web

JavaScript and PHP differences

• Everything is an object
• Objects and inheritance
• Scope and this

Lint

• Bad parts are simple mistakes
• JSLint, JavaScript Lint, JSHint
• Auto lint

WordPress

The function wp_enque script helps you load common libraries like jQuery, Scriptaculous, jQUI, TinyMCE, and it lets let load your own js files. You can also specify if you want your files to load in the footer to optimize loading speed . Thanks @apike for answering my question.

JavaScript Libaries

• DOM (jQuery, Prototype) — Most popular libraries for manipulating the DOM
• MVC (Backbone, JSMBC, Spine) — Libraries that helps you write JavaScript in a more organized and MVC way
• Everything (ExtJS, YUI, SproutCore)  — They do everything
• microjs.com — Recently launched library where you can chose what you want

Debugging JavaScript

• console.log(), and console.trace()
• stack traces, step debugging

Other resources for learning JavaScript

• Learning Advanced JavaScript — http://ejohn.org/apps/learn/
• Douglas Crockford — javascript.crockford.com
• VanJS: — vanjs.com

Get in touch with Allen Pike

www.antipode.ca
www.steamclocksw.com
@apike

It’s finally time to give it a test in Internet Explorer, let’s see how it looks like…

WHAT??? That looks a lot worst than I was expecting… What the heck is going on?

You try changing your css, but explorer doesn’t change at all… You verify if you’re actually working on the right file, and yes in deed, you are. You try to add some basic css properties, but again, it doesn’t change a bit. The problem is…

Internet Explorer completely ignores html5 new tags

OMG! Until when this stupid browser is going to give me head aches – you say out loud.

At this point you have two options:

1. Change your entire markup and css to use old tags
2. Use Remy Sharp’s fix. The only downsize: It completely depends on Javascript

IE simply ignores all the elements it doesn’t recognize, regardless of CSS. By using javascript’s function document.createElement(), we iterate through the markup and recreate all the tags that are not recognized by IE.

Quick copy/paste solution

Here is the code taken directly from Remy’s site:

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

I’m thinking it might be a good idea to condition the code to IE versions lower than 8, since IE9 will have html5 support and it might be coming soon, but that’s up to you:

<!--[if lte IE 8]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

I feel stupid for not being aware and for not testing earlier in IE. It took me a while to figure out what was going on.

Get more information from this sites:
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/
http://remysharp.com/2009/01/07/html5-enabling-script/

1. Keep Indentation: I want to code to look nice, but if it’s not indented correctly as I submit it, then it’s garbage
2. Support Different Languages: I’m going to be writing post about Javascript, PHP, XHTML and I need all these languages/markups to be highlighted
3. Line number/Plain code view: You should be able to switch between plain code view and line number. I couldn’t find specifically what I was looking for but this one had a different approach to solve this problem.
4. W3C Compliant: The code produced has to be W3C Compliant.

After like 1 hour of research and testing, I found SyntaxHighlighter Evolved! here is the plugin’s website: http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/.

To install it you can go to your WordPress Admin panel and look for SyntaxHighlighter Evolved and install it.

To use it:[language]…code…[/language]
Example:

1

It’s pretty straight forward, for better details on how to use it, I went to my WordPress Admin Back-end > Plugins > Installed, then I looked for SyntaxHighlighter Evolved and clicked on Settings, at the bottom of this page you’ll see the details of what parameters you can pass to change the functionality.

Do you know another code highlighter that works better than this one?