AND, you’re using basic HTTP Authentication for access to your WordPress site, the following code should fix the HTTP Error.

1. Add a .htaccess file inside your wp-admin folder.

2. Add the following code to that .htaccess file:

AuthType Basic
AuthName share
Satisfy Any
Order deny,allow
Allow from all

<IfModule mod_security.c>
<Files async-upload.php>
SecFilterEngine Off
SecFilterScanPOST Off
</Files>
</IfModule>

If you are still having issues after using this code, there may be other things going wrong, such as incorrect permissions on your uploads folder or an incorrect media path set in your Media Settings.

CSS3 Generators:

• CSS3 Please rule generator (Paul Irish) - http://css3please.com/
• CSS3 generator - http://www.css3generator.com/
• CSS3 gradient generator - http://gradients.glrzad.com/
• CSS3 transform generator (other property generators on this site as well) - http://westciv.com/tools/transforms/index.html

CSS Shapes

• Shapes with CSS – http://css-tricks.com/examples/ShapesOfCSS/

To watch the tour live check out steephill.tv

HTML5 Documentation:

• Differences between HTML4 and HTML5 – http://dev.w3.org/html5/html4-differences/
• WHATWG and HTML5 FAQ - http://wiki.whatwg.org/wiki/FAQ
• WHATWG web developer-friendly spec - http://developers.whatwg.org/
• Dive into HTML5, specific HTML5 feature esamples - http://diveintohtml5.org/
• HTML5 editor’s spec overview - http://dev.w3.org/html5/spec/Overview.html
• Latest HTML5 published version - http://www.w3.org/TR/html5/
• HTML5 Spec, web author edition - http://www.w3.org/TR/html5/author/
• HTML5 tag reference - http://www.w3schools.com/html5/html5_reference.asp
• HTML5 doctor (implementation help) - http://html5doctor.com/
• Mozilla Gecko engine HTML5 support (Firefox) - https://developer.mozilla.org/en/html/html5
• HTML5 pocketbook reference - http://adactio.com/extras/pocketbooks/html5/

HTML5 Tutorials:

• W3Schools HTML5 tutorial - https://developer.mozilla.org/en/html/html5
• HTML5 preview (structural example) - http://www.alistapart.com/articles/previewofhtml5
• HTML5 tutorials and related topics - http://html5tutorial.net/
• HTML5 canvas tutorials - http://www.html5canvastutorials.com/
• HTML5 video tutorials lynda.com - http://www.lynda.com/HTML-5-tutorials/html5-first-look/67161-2.html
• HTML5 Unleashed: Tips, Tricks & Techniques - http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/

HTML5 Samples:

• HTML5 Rocks: code playground, sample portfolio, tutorials - http://www.html5rocks.com/en/
• HTML5 demos and examples - http://html5demos.com/
• Apple HTML5/CSS3 demos (view in latest version of Safari) - http://www.apple.com/html5/
• HTML5 showcase - http://html5gallery.com/
• Mozilla HTML5 dashboard - https://mozillademos.org/demos/dashboard/demo.html
• HTML5 games portfolio - http://html5games.com/
• Classic game: Helicopter - http://arandomurl.com/2010/08/05/html5-helicopter.html

HTML5 Tools:

• Test your browser’s HTML5 support - http://html5test.com/
• The HTML5 boilerplate (a codebase for HTML5 projects) - http://html5boilerplate.com/
• HTML5 and CSS3 readiness (up to date browser support) - http://html5readiness.com/
• HTML5 reset tools - http://html5reset.org/
• Using HTML5 in mobile web development - http://www.mobilehtml5.com/
• HTML5 browser support for various features - http://findmebyip.com/litmus/
• HTML5 accessibility resources (assistive technology access) - http://html5accessibility.com/
• HTML5 Initializr, start an HTML5 project in 15 seconds - http://initializr.com/
• HTML5 security cheatsheet - http://html5sec.org/
• Improving your froms with HTML5 - http://dev.opera.com/articles/view/improve-your-forms-using-html5/
• HTML5 canvas cheat sheet - http://simon.html5.org/dump/html5-canvas-cheat-sheet.html
• HTML5shiv - http://code.google.com/p/html5shiv/
• HTML5 video comparison - http://praegnanz.de/html5video/
• Paul Irish HTML5 boilerplate - https://github.com/paulirish/html5-boilerplate
• MediaElements.js HTML5 video - http://mediaelementjs.com/
• HTML5 authoring tools - http://www.html5trends.com/best-of/6-html5-authoring-tools/
• HTML5 form additions - http://thinkvitamin.com/code/fun-with-html5-forms/
• HTML5 Cheatsheet - http://woork.blogspot.com/2009/09/html-5-visual-cheat-sheet-by-woork.html
• HTML5 canvas cheatsheet - http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

HTML5 Commentaries:

• HTML5 vs. Flash - http://remysharp.com/2010/02/08/html5-vs-flash/
• Silverlight, HTML5 & Microsoft’s Opaque Development Strategy - http://arstechnica.com/microsoft/news/2010/11/silverlight-html5-and-microsofts-opaque-development-strategy.ars

HTML5 Validators:

• HTML5 Validator (experimental) - http://html5.validator.nu/
• The W3C markup validator - http://validator.w3.org/
• The WHATWG HTML5 validator - http://validator.whatwg.org/
• Validator.nu HTML5 validation extension for Firefox - http://www.456bereastreet.com/archive/201102/html5_validator_extension_updates/
• HTML5 validator bookmarklet - http://nuevvo.com/labs/html5-validator-bookmarklet/
• HTML5 validator Firefox add-on - https://addons.mozilla.org/en-US/firefox/addon/html-5-validator/
• HTML linting tool - http://lint.brihten.com/html/

HTML5 Trackers:

• HTML5.org SVN & bug tracking - http://html5.org/tools/web-apps-tracker

HTML5 Books:

• Introducing HTML5, by Bruce Lawson and Remy Sharp - http://introducinghtml5.com/

Other Resources:

• Follow HTML5 updates on Twitter - http://twitter.com/#!/html5
• The official HTML5 logo and swag - http://www.w3.org/html/logo/#swag
• Is HTML5 ready yet? (view source code :) - http://ishtml5readyyet.com/

The most useful of which are are few hacks to target all versions of Firefox:

/* Target all versions of Firefox */
#selector[id=selector] {
    color: red;
}

/* Target all versions of Firefox */
@-moz-document url-prefix() {
    .selector {
        color: red;
    }
}

/* Target all Gecko browsers (includes Firefox) */
*>.selector {
    color: red;
}

Check it out in the portfolio!

<script type="text/javascript">
$(document).ready(function() {
    if (jQuery.browser.msie === true) {
        jQuery('input').bind('focus', function() {
            $(this).addClass('ieFocus');
        }).bind('blur', function() {
            $(this).removeClass('ieFocus');
        });
    }
});
</script>

Then add an additional line for the .ieFocus class to your input:focus style.

<style>
input:focus,
input.ieFocus {
    border: 2px solid blue;
}
</style>

That should do it, now you have input:focus support for IE7.

Here’s how it works:

Note from the developer, “Just call the placeHeld() function on any elements you want to use placeholder text for. In browsers that support placeholder attributes (Safari, Chrome), nothing will happen. Other browsers will show the contents of the placeholder attribute (by populating the value attribute) and a “placeheld” class will toggle on/off.”

Download the Placeheld jQuery plugin

Call the jQuery function on an input element, targeting the placeholder attribute:

$("input[placeholder]").placeHeld();

To give the element a custom class (not the "placeheld" default):

$("input[placeholder]").placeHeld({
    className: "custom-class"
});

Or, for textarea placeholder fallback support, try:

$("textarea[placeholder]").placeHeld();