Posts in: January, 2015

WordPress Childtheme made easy

There’s always something about personalized WordPress Themes. You want to be able to update your wordpress themes to avoid version conflicts and use new features, on the other hand you want to change elements in the code or even delete parts of the code. The changes made on the template of course shouldn’t be lost when you update yozr template version. Luckly WordPress has a simple and nice solution for this: the childtheme. In the following article i will explain how to create your own childtheme in three simple steps.

(more…)

Parse HTML as PHP

Some people don’t like to use PHP endings for files which appear in the link of a webpage. To solve this you only have to insert a short piece of code into your htaccess file.

AddHandler application/x-httpd-php5 .html .htm

The good thing about this method is, that you can create your pages with phpcode as you’re used to do. But instead of using the php ending you simply use .html for your files.

Overflow in Fieldset Problem Firefox

Usually it’s Internet Explorer which grinds the gears of us web developers. But this time we came along a problem with Firefox. Elements that contain overflow definitions in a fieldset will be shown in it’s full width in Firefox. Luckly, the solution for this is pretty easy.

display: table-cell;

Define this for the fieldset element. With this definition the other Browsers will now render the fieldset element diffrently, that’s why we also need to use a Firefox Browser Hack to solve this:

@-moz-document url-prefix() {
  display: table-cell;
}

The table-cell definition will now only apply on to Firefox and each browser will show the same result.

Useful Links

I’m sure everyone of us is familiar with the following situation. You recently just stumbbled over a very helpful Page… but what was the name of it again?

To help out in these kind of situations we’ll frequently post the most useful Pages about web development right here. We’d like to hear your inputs to these links in the comment section below.

other links
naminum.com

HTML/CSS
caniuse.com

JavaScript
jsfiddle.net

Hacks
browserhacks.com

Let’s go!

We can’t wait for all the exciting articels and discussions ahead of us. We will report about the world wide web and  allow you guys to see behind the curtains of our development process. We’ll also share our experiences and present you tips and tricks around the web and beyond. Enough said, go and see for yourself 😉

HTML5 placeholder Attribut jQuery Fix

We just had to find out that the behaviour of the HTML5 Placeholder Attribute changed compared to HTML 4. If you click into the input field, the placeholdertext will not disappear. For us this change is not welcome. That’s why we wrote a jQuery Script to handle this issue:

$('[placeholder]').focus(function() {
    var placeholder = $(this).attr('placeholder');
    $(this).attr('placeholder','');
    $(this).blur(function() {
        if ($(this).val() == '' ) {
            $(this).attr('placeholder',placeholder);
        }
    })
});

In favor of keeping it understandable we kept the code uncompressed first. The compressed version follows beneath:

$("[placeholder]").focus(function(){var e=$(this).attr("placeholder");$(this).attr("placeholder","").blur(function(){if($(this).val()==""){$(this).attr("placeholder",e)}})})