Blog

Fixing HTTP Error for WordPress Flash Image Uploader for Sites Using Basic HTTP Authentication

Posted on September 25, 2011 by Brian

Using basic HTTP authentication is a simple way to password protect your website. However, using that type of authentication can cause errors while trying to upload images from the WordPress admin. If you’re seeing this error while trying to upload media to the WordPress Media Library:

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.

Leave a comment

Posted in Programming

Tagged .htaccess, HTTP Authentication, Wordpress, Wordpress Image Uploader

CSS3 Resources

Posted on September 24, 2011 by Brian

Here’s an ongoing list of CSS3 resources:

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/

Leave a comment

Posted in Personal

2011 The Tour de France Live Streaming

Posted on July 8, 2011 by Brian

To watch the tour live check out steephill.tv

Leave a comment

Posted in Personal

HTML5 Resources

Posted on July 7, 2011 by Brian

This is mostly for personal reference, but here is an ongoing list of HTML5 resources, tutorials, samples, tools, validators and resources. Please let me know if you would like anything added to this list. Enjoy!

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 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/

Leave a comment

Posted in Development Resources, Programming

Tagged HTML5, Lint, Validators

CSS Hacks for Different Versions of Firefox Browser

Posted on July 6, 2011 by Brian

I found some useful CSS hacks to target Firefox/Gecko browsers over at Perishable Press.

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;
}

Leave a comment

Posted in Programming

Tagged CSS, Firefox, Gecko, Hacks

New site launch: bankcherokee.com

Posted on June 27, 2011 by Brian

An old project was just published, check it out!

Leave a comment

Posted in News

Tagged ASP.NET, CSS, HTML

New site launch: gettingtotheheartofthematter.com

Posted on June 9, 2011 by Brian

Check it out in the portfolio!

Leave a comment

Posted in News

jQuery script for IE 7 input:focus support

Posted on May 16, 2011 by Brian

So, IE7 doesn’t support focus on input or textarea fields. Hooray. Here is a little jQuery script to add that support back in if javascript is enabled in the user’s browser.

<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.

1 Comment

Posted in Programming

Tagged CSS, IE7, input field, jQuery, textarea field

HTML 5 placeholder fallback support jQuery plugin

Posted on April 27, 2011 by Brian

This plugin provides fallback support for using the new placeholder attribute in HTML 5 on input and textarea elements.

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();

Brian Bell online

Fixing HTTP Error for WordPress Flash Image Uploader for Sites Using Basic HTTP Authentication

CSS3 Resources

CSS3 Generators:

CSS Shapes

2011 The Tour de France Live Streaming

HTML5 Resources

HTML5 Documentation:

HTML5 Tutorials:

HTML5 Samples:

HTML5 Tools:

HTML5 Commentaries:

HTML5 Validators:

HTML5 Trackers:

HTML5 Books:

Other Resources:

CSS Hacks for Different Versions of Firefox Browser

New site launch: bankcherokee.com

New site launch: gettingtotheheartofthematter.com

jQuery script for IE 7 input:focus support

HTML 5 placeholder fallback support jQuery plugin

Ellie going for a ride in the car