I recently launched Krimimessen.dk where I have used a small polyfill script written by Scott Jehl, respond.js, to make the site’s responsiveness work in older versions of Internet Explorer.

But then one of my colleagues made me aware of a bug that seemed to trigger when clicking on links in Internet Explorer 8. Not in everybody’s Internet Explorer 8, oh no. Only in Internet Explorer 8 on certain machines. Well, who said it should be easy to test for bugs?

Instead of going to the desired destination, the browser went to a URL with this pattern:
res://ieframe.dll/acr_error.htm#the-url-without-http

I have done a little searching on the issue, and generally people say the problem goes away if you delete the browser cache or disable browser extensions. However, that solves no problem, because I can’t ask my users to delete their cache.

Then I stumbled upon someone in the Drupal.org forum who had had the same issue and one of the proposed fixes was to move respond.js to the footer.

And there you go. It seemed to work. At least the bug disappeared.

But according to the Respond usage instructions, the script ought to be loaded as quickly after the CSS file as possible to avoid glimpses of “unresponsiveness” in ie.

So now I wonder if this is a bug in ie8 bug can be fixed within respond.js? Or is it something else, that triggers the bug? Or am I just using respond.js wrong?

Until now. Because Nick La from Web Designer Wall has a nice little trick up his sleeve, which involves wrapping the image in an HTML element and making an overlay for styling with a CSS pseudo-selector.

Go check out Nick’s tutorial here

The reason? The math is so much easier to do, when transforming the grid from pixels to percent in responsive web design.

It is such a simple and obvious approach, I’m almost embarrased, I haven’t thought of it before.

Elliot Jay Stocks: A better Photoshop grid for responsive web design

I have just launched a re-design of Krimimessen.dk. Krimimessen is the biggest festival about crime literature and criminal fiction in Denmark. A festival which is arranged by Horsens Public Library, where I work. The site is designed so it resizes to fit the screen it is being viewed on, also known as responsive web design.

This is the first responsive site, I have created. It is built in WordPress on a base of the awesome HTML5 Boilerplate framework, which makes it easier to build a modern web site from scratch.

I learned a lot from reading Ethan Marcotte’s “Responsive Web Design” prior to this project. Marcotte’s “target ÷ context = result” technique, a way to calculate dimensions from pixels into percent, was an invaluable tool in the process. In fact, and very unusual indeed, it wasn’t even necessary to test a lot in Internet Explorer.

But recently I started using Skitch. It’s a great little app for stuff like taking screen shots, sketching ideas and sharing the whole lot. It easily solves the problem of managing screen shots. Just open Skitch, drag the screen snap tool across the part of the screen, you want to save, upload and tag it. And there you go, a blog with screen shots, easily managed with notes and tags for findability.

Check out my Skitch blog here.

The Flexible Widgets plugin lets you display a widget on any category or page you wish. When setting up the widget, you are able to select the categories and/or pages where you want to display the widget. If none are selected, the widget will be displayed globally on your site, exactly like a default WordPress widget.

The plugin comes in handy if you need your sidebar content to change contextually from page to page in relation to your main content. It is especially useful if you want to use WordPress as a CMS.

Flexible Widgets will replace the default WordPress widgets.

Sreenshot

Selecting categories and pages in each widget’s back end.

Installation

1. Upload the flexible-widgets folder to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress

or search for “Flexible Widgets” in the “Add new” section of the plugins menu in your WordPress admin interface and hit “Install now”.

Change log

0.3

• Fixes an issue: Optionally display widgets on the home page, whether it is set up to be a static page or the blog posts page.

0.2

• Tiny update to get the plugin and author URIs right.
• Update on the installation info.

0.1

• Brand new plugin. Still playing with the bubble wrap.

Known issues

May conflict with themes or plugins which include custom widgets.

Please see the plugin support forum.

Additional information

The Flexible Widgets plugin consists of a bunch of ideas and lines of code, I wrote for the WordPress theme in use at the website of Horsens Public Library.

This is my first plugin for WordPress. I am sure, there is room for improvement. The code is far from perfect as my programming skills are somewhat limited. But I do think the idea is quite good, so if you can write lean code and are desperately in need of a small side project, you should be very welcome to help me out.

If you have any questions or comments, feel free to leave a reply.

Jeg fandt det ved at skrive listen over mulige variable i query_vars ud med følgende stump kode:
<?php print_r($wp_query->query_vars); ?>

… og fandt, at den variabel, jeg havde brug for, hed tag_id.

Særdeles anvendeligt, når man har brug for overblik over tilgængelige variable.

Et lille eksempel:

Smæk dette link ind i head sektionen i dit HTML dokument.

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

Så er du klar til at bruge Lobster i din css som enhver anden font.

Det skulle efter sigende fungere helt tilbage til IE6. Skulle man endelig være negativ, kunne man sige at udvalget af skrifttyper stadig er ret begrænset, men mon ikke, der med tiden bliver lavet om på det?

Via Nettuts.

Du skal stå for opsnitning i HTML over implementering i CMS til undervisning af kunden eller redaktionelt arbejde med tekster og billeder. Du skal samarbejde med Midt Marketings webdesignere om at finde den bedste løsning til kunden i forhold til pris, brugervenlighed og høj teknisk kvalitet.

Er du lidt af en pixel-pusher, har udpræget kvalitetssans og sætter en ære i at levere løsninger i høj kvalitet? Er du en haj til HTML, CSS, Javascript og kender jQuery ud og ind?

Sådan et job kan du få i Herning. Er du interesseret?
Se hele jobbeskrivelsen her.

Det har egentlig ikke noget med WordPress at gøre, men derimod indstillingerne i php.ini. Det er imidlertid ikke alle webhoteller, der tillader sine brugere at ændre i php.ini. Hos Gigahost kan man ændre visse indstillinger, men det slår af en eller anden grund ikke helt igennem i WordPress.

Jeg har imidlertid fået følgende løsning til at fungere:

1. Opret en ny php.ini fil med følgende indhold:

post_max_size = 20M
upload_max_filesize = 20M
max_execution_time = 900

2. Upload filen til wp-admin mappen.

Og voila! Nu kan man uploade filer op til 20 mb.

Via Likoma.com