Once in a while you’re forced to support Internet Explorer 7. Even though its share is only 1.29% for the site I’m currently working on, the amount of visitors is so vast that even that small percentage accounts for hundreds of thousands of pageviews per month. Which means we can’t just yet afford to drop support.

One problem I kept encountering was that of using display: inline-block. In all modern browsers this is supported, and often it’s a lot more useful than using floats. The problem once again though is IE7′s support for it.

For some reason inline-block only works in IE7 when the element has a native display value of inline (like <a>, <span> and <strong>).

What does work however is forcing the mysterious hasLayout property on the element by using a CSS property that invokes this effect. The most commonly used one is zoom: 1, which doesn’t change anything to the element except force it to get hasLayout.

Finally, to make the element appear like an inline-block in IE7 force it to display: inline (and the hasLayout property will do the rest of the work).

One way to target only IE7 is to prepend a CSS rule with an asterisk (it’s the only browser that will accept this property, all the others will ignore it.

So your code will become:

.my-inline-block {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

Of course, if you use the HTML5 Boilerplate you will already have a way to target IE7 specifically:

.lt-ie7 .my-inline-block {
	display: inline;
	zoom: 1;
}

Related posts:

1. CSS3: Indicate active menu item with a triangle

Display: inline-block in IE7 (CSS hack) is an article by Stephan Muller

For a while now I’ve been using the plugin SEO Slugs on several blogs, to make sure no unnecessary words end up in my URLs. However, this plugin still only exists in English, and I really needed one in Dutch.

So, I scoured the web for lists of Dutch stopwords, and combined those to make a Dutch version of the plugin. I’d like to make an internationalized version that contains multiple word lists, and I may do so in the future, but for now here’s just a Dutch version of the SEO Slugs plugin.

Download SEO Slugs Dutch for WordPress.

The current list counts 131 words, but suggestions and updates are always welcome of course (in the comments or to @Litso_). To see a working example of this plugin visit denkeensna.nl

No related posts.

SEO Slugs Dutch – Remove Dutch stopwords from your Blog URLs is an article by Stephan Muller

Hey folks who came here from Google, looking for my phpBB and bbPress plugins. Sorry, I currently do NOT support these plugins.

They are still up for download, and there’s plenty of comments on the posts to help you out with the basic problems. I do know that they are both flawed, but I’m not able to support them at the moment. First of all, I simply don’t have the time to spend on this blog and the plugins. Second, I don’t run any forums anymore so I don’t use either phpBB or bbPress anymore. Third, I’m not a PHP developer and I just don’t know how to fix them, and I lack the motivation (see the previous points) to delve into it.

I might start blogging again in the future, and I won’t delete this site because there’s still people coming in here that can use my plugins. If anyone manages to fix them though, please do let me know and I’ll upload the new version and give due credits

That’s all folks!

No related posts.

I’m not supporting my forum plugins anymore is an article by Stephan Muller

The Marilyn Manson wiki I’ve been running for a couple of years now recently suffered from massive attacks of spam. We’ve had those before, but previously we’ve always been able to stop those with plugins like ConfirmEdit. This time however, both ConfirmEdit and SimpleAntiSpam were no match for the spammers.

It was time to come up with something new, and I don’t mean making the CAPTCHA extremely hard. Because to be honest, Captcha’s Suck.

A while ago I stumbled across a website called KittenAuth, a CAPTCHA-like plugin that asks visitors to select three kittens from an array of 9 images. I immediately liked the concept, and I’m actually surprised I haven’t seen it used that much yet.

One thing I didn’t like though was the size of the block of images. The website itself doesn’t have any screenshots (strange), but you can see plenty of examples at Google images. Also, as easy as it is for us humans to identify a cat, I think the 3×3 grid makes it pretty tough to identify all the kittens at a glance. And then we’re back at why CAPTCHA’s suck: it takes several seconds to figure out the correct answer.

Anyway, my idea was to develop a KittenAuth plugin for MediaWiki that is strong enough to stop the spam flood, but easy enough for humans not to take several seconds to solve. And so I did:

A screenshot of the plugin with default settings

What I also did was add the option to upload custom images. Kittens are cute and all, but sometimes it’s much more fun to have your users pick something that is related to the site they’re on. Like in my case, Marilyn Manson.

MansonAuth: pick the photo of Marilyn Manson

Apart from being able to customize the images there’s also a range of options for which visitors actually see the KittenAuth, when it is triggered, and what IP’s and URL’s are disregarded. These are mostly taken from ConfirmEdit, so due credit goes to it’s developers.

Anyway, if you want to give it a try you can download KittenAuth for Mediawiki (.zip) and visit the KittenAuth MediaWiki extension page for more information and the installation instructions.

Feel free to leave a comment on the plugin’s talk page, here on this blog or on Twitter (@Litso_) if you have any questions or remarks. If you’re a PHP developer and you think you can improve the plugin or help out with the To-Do items, feel free to edit the code and send me an update!

No related posts.

KittenAuth extension for MediaWiki is an article by Stephan Muller

Disclaimer: I do not support this plugin.

After my recent adventures with phpBB I’ve decided to switch to bbPress. phpBB has served me well for a while, but there are two major downsides: you can’t use custom PHP inside your template, and to install plugins you have to edit a lot of the core files. The latter especially sucks, so I went looking around for a better piece of forum software.

bbPress

bbPress seemed like a good choice: small, easily customizable and a very usable admin panel. Unfortunately development has been rather slow lately and some basic functions you’d expect on a forum are still missing. Fortunately though, it’s so easily customizable and looks a lot like WordPress (which I have plenty experience with) that I was able to write some plugins of my own.

One of the most important missing pieces to me was the ability to hide a section of the forums from certain usergroups. As an admin, I want to have a place where I can discuss ongoing projects and other administrative activities with my fellow admins without everyone reading along. So I made a plugin that allows me to hide forums from usergroups I specifiy in the admin panel.

(if you don’t care about this story just jump to the download link)

What does it do?

After looking around in the bbPress plugin repository I found a plugin that basically does what I was looking for (Private Forums). Unfortunately, this one was broken (no wonder, last updated in 2007) so I just went ahead and re-wrote it. My plugin basically does the same:

• Adds a page to the admin panel in which you can change your settings
• Allows you to restrict forums to only  registered users, moderators or admins
• Filters restricted forums and posts from the front page, search results, tags, rss feed and user history
• Throws an error if a user tries to manually visit a forum or thread that’s restricted to him

Installation

1. Download restricted-forums-for-bbpress.zip
2. Extract restricted-forums.php and upload it to your /my-plugins/ folder
   
3. Go to “Plugins” in your admin panel and activate Restricted Forums
   
4. Go to the “Restricted Forums” page and set which forums are restricted and who is allowed to see them
   
5. Optionally, add a custom error message in the text box.

To do

The following functions have not been added yet, but I might add them in future versions:

• Add “Key masters” as a separate usergroup from Administrators
• Recursive restrictions (restricting a forum category automatically sets those rights to it’s child forums, except when specified otherwise)
• (…Request a feature)

Changelog

• 1.0.1: Fixed non-existing array on first use (March 25, 2011)
• 1.0.0: Initial version (March 6, 2011)

Related posts:

1. SFC plugin addition: Disable Password Nagging
2. Facebook connect for phpBB
3. I’m not supporting my forum plugins anymore

Restricted forums for bbPress is an article by Stephan Muller

If you use the Simple Facebook Connect plugin for WordPress (and I really do recommend using it), you might have noticed that you will get an error message each time you login to the admin panel.

Notice: you're using the auto-generated password for your account. Would you like to change it to something you'll remember easier?

This is not just something admins see: every user can access certain parts of the WP admin panel, for instance when they want to change their settings. Usually this warning would be pretty useful too, but if you use Facebook Connect to login you will never ever use or have to change your password. This means the warning is totally useless, and should just be hidden.

I wrote a small plugin that does just that: hide the generated password error for users that login using Facebook (or as WordPress itself calls it, “default password nagging”).

Code

The code for the plugin is in fact so small I’ll just post it here. In fact, half of the code is comments that WordPress uses to load the plugin in the admin panel and add some info. Here it is:

<?php
/*
Plugin Name: SFC - Disable Password Nagging
Plugin URI: http://stephanmuller.nl/sfc-wordpress-disable-password-nagging/
Description: Hides the "generated password" error in the admin panel for users that log in using SFC
Author: Stephan Muller
Version: 1.0
Author URI: http://stephanmuller.nl
License: GPL
*/

add_action('admin_head','stop_nagging');
function stop_nagging() {
  $fbuid = get_user_meta(wp_get_current_user()->ID, 'fbuid', true);

  if($fbuid) {
    remove_action('admin_notices', 'default_password_nag');
  }
}
?>

Installation

Just download sfc-disable-password-nagging.zip and upload it to the /wp-content/plugins/ folder of your WordPress blog. Or if you prefer you can upload it into the simple-facebook-connect folder in the plugins folder to keep it together with it’s SFC friends.

Then just go to your plugins settings panel (/wp-admin/plugins.php) and activate the plugin called SFC – Disable Password Nagging.

Enjoy!

Related posts:

1. Download svmods_facebook_connect_for_phpbb.zip
2. Removing WordPress plugin styles and scripts from the <head>
3. Restricted forums for bbPress

SFC plugin addition: Disable Password Nagging is an article by Stephan Muller

As I mentioned in a previous post, I’m trying to get a phpBB forum to allow user registrations using Facebook Connect. So far all looks good, so I’ll explain how I managed to do this.

Disclaimer: I do not support this plugin.

Also, I did not develop this plugin and cannot guarantuee that it’s safe.

Having said that, if you’re as stubborn (or desperate for a Facebook plugin for phpBB) as I am, keep on reading. (Note: I’ll just assume you have already installed the latest version of phpBB. If not, you may want to go here first: Download phpBB.)

Getting a Facebook API key

To be able to even connect to Facebook you will need to create an application. Unfortunately, this means you’ll have to verify your Facebook account by filling in a cellphone number or credit-card. This sucks, but it’s necessary. Once you’ve created an app and filled in all the right information, you’ll have some info that you can use to verify yourself as the creator of the app. For the plugin we’re installing you will need you Application ID and your Application Secret Key.

Download the plugin

Once upon a time some guy called Skinny Vinny developed a plugin to add Facebook Connect to phpBB. Unfortunately, he disappeared off of the face of the internet, taking his website svmods.com along with him. Developing of the mod was discontinued, the original file was nowhere to be found anymore and nobody else came up with the idea to pick it up again. I would have loved to start the development of a new plugin, but unfortunately I’m not familiar enough with PHP to start something like that from scratch. Instead, I managed to find the zip-file with the plugin by Skinny Vinny somewhere in an archived page, which I’m going to use.

Note: as the plugin page states this plugin was not completed, not has it been tested for security flaws. Use it at your own risk.

Download the Facebook Connect for phpBB plugin here: svmods_facebook_connect_for_phpbb.zip

Installation

One thing I hate about phpBB is the way you have to actually edit the core files if you want to use a plugin. Decent software like vBulletin or MediaWiki has plenty of hooks which you can use to launch a plugin with, without having to modify the system files. To make this a little easier, a plugin was developed for phpBB called Automod, which installs a plugin automatically for you, saving you the trouble of having to edit the files manually. For some reason however, the Facebook plugin does not work with Automod. This means we have to install it manually after all. Fortunately though, the amount of edits is relatively low (compared to some other plugins) so it shouldn’t be too much of a pain.

Make backups

First of all, backup your forum files and database. If you don’t know how to backup your database, see this tutorial: Backing up your phpBB database.

Backing up your files is as easy as connecting to your server with an FTP-client and downloading the entire /forums/ (or whatever you have called it) folder to your PC.

Upload files

After you’ve backed up your forums, you can start uploading the plugin. In the plugin’s zip-file you just downloaded there’s a folder called /root/. Open it, and upload the contents into the folder on your server that has the forums in it.

Copy the contents of the /root/ folder into the /forums/ folder

Probably you will get a prompt asking you if you want to overwrite the /includes/ and /languages/ folders. This means you’re uploading into the right directory. Just click ‘yes’.

Adding the plugin code to phpBB

This is where the fun part starts: you will have to make some changes to the phpBB core files. In the downloaded zip there’s an install_mod.xml file. Open it, and follow the instructions. It’s not that hard, and if you mess it up just restore your foums by uploading your backed-up files to the server again and try over.

Activating the plugin

Finally, to activate the plugin you’ll have to log in to the Administration Control Panel of your forums. Purge the cache, and then go to the Board Settings page. Here you’ll find a section where you can add your Facebook Application ID and secret (the ones you saved from before when you made a Facebook Application). Hit the submit button, and you should be done!

Questions, etc.

As always, if you have any questions, remarks or feedback just let me know in the comments below or tweet me at @Litso_. I’m seriously interested in getting this plugin to an official status, so if you’re a PHP developer and you want to help me out making this plugin better,  let me know! I think there’s a lot of people wanting to use this plugin, so let’s give them something good!

Related posts:

1. Download svmods_facebook_connect_for_phpbb.zip
2. SFC plugin addition: Disable Password Nagging

Facebook connect for phpBB is an article by Stephan Muller

Recently a question on Pro Webmasters was posed regarding people’s toolsets when webdeveloping. Unfortunately, that site is still relatively quiet (compared to it’s sisters StackOverflow, SuperUser, etc.) so there has not been a lot discussion. I figured it might be interesting to post my toolset here as well. So, here is what I ideally have at hand when I try to make a website:

Developing:

Software:

• Zend Development Environment
• FileZilla
• EditPlus if needed
• Photoshop

Front-end frameworks/etc:

• CSS3pie
• html5boilerplate
• FontSquirrel
• Modernizr + Selectivizr
• Where needed: jQuery

Browsers:

• Chrome + EyeDropper (colorpicker) plugin
• FireFox + FireBug + YSlow
• FireFox second install emulating iPad
• IE8 and IE9beta
• Opera
• Safari

Sites:

• StackOverflow
• A List Apart
• CSS3.info
• HTML5 Doctor
• CSS3 Gradient Generator
• CSS minifier

SEO:

• Webmaster Tools
• Analytics
• SEOmoz Open Site Explorer
• Yahoo Site Explorer
• Google PR Toolbar

Comic relief and other distractions

(VERY important to get your mind off of the code once in a while)

• CSSsquirrel
• Dilbert
• Cyanide & Happiness
• a movie trivia quiz

Anything you feel I missed? Tools or software that you think are better than what I use now? Let me know in the comments, or at @Litso_!

No related posts.

My web developing toolset is an article by Stephan Muller

Update: I’ve written a tutorial for installing Facebook Connect for phpBB: Facebook Connect for phpBB.

So the past days I’ve been trying to get FaceBook Connect working for phpBB 3.  I still haven’t got it working, but at least I found a tutorial that is supposed to help me out:

phpBB3 Facebook Connect step by step

Near the end though a zipfile is linked that is supposed to contain the actual plugin. However, the creator of the plugin has disappeared, and so has his website http://svmods.com. Not only is the plugin not supported anymore, the zipfile has gone completely.

Stubborn as I am, I still want to give the plugin a try, even though it’s been abandonded. So, I did some research and found the original zipfile. For anyone who’s interested I uploaded it here: svmods_facebook_connect_for_phpbb.zip

Disclaimer

As I said, the plugin is abandonded. I cannot guarantuee it will work, or if it’s safe to use if it does work. I will post updates here when I find out more, please do let me know what your experience is with this plugin!

Related posts:

1. Facebook connect for phpBB
2. SFC plugin addition: Disable Password Nagging

Download svmods_facebook_connect_for_phpbb.zip is an article by Stephan Muller

A comment on my blog today:

Have to say I loved This article. Writing for my own blog when I find the time – It is the comments questions that keep me interested and know that I am reaching someone more than a search spider or someone looking to sell something in the comments.

From someone called ‘Maternity Clothes’ with an obscure emailaddress and a link to a maternity clothes webshop. Oh, the irony.

No related posts.

Comment spam irony is an article by Stephan Muller