Next up, I tested the site to see if it was up and running ok. On the surface things looked fine but then I noticed that when I tried to type in a URL without the trailing forward-slash (‘/’), the page wouldn’t appear. Normally, depending on how you’ve configured your Permalinks, it will simply add the trailing slash automatically. Instead, all I got was a blank white screen starring back at me. Needless to say, a few expletives were uttered!

I tried thinking back to when everything seemed to be working fine. I also tried to remember what changes I’d made the day before. From memory, it was mainly some CSS updates to change links colours. There were no major code updates from what I could remember. I also couldn’t work out why the URL’s weren’t being processed correctly. After doing some Googling, I decided to raise a (low priority) support ticket with my hosting provider to see if any server changes had been made within the last few days. It was as if the .htaccess rules weren’t being obeyed. Good and bad news. The good news… no changes had been made to the server. The bad news… this didn’t get me any closer to resolving my issue.

The next step was to try changing to the default WordPress theme and do some testing. Things seemed to improved after changing themes. I could save my pages consistently. I could log in and out of the Dashboard without a problem. Even the URL’s worked fine, with or without the trailing slashes. Hmmm It would appear that the culprit was my own theme, which I’d been lovingly hand crafting. Next test was a restore from a backup of my theme. Luckily I’m quite strict at performing backups. I perform a backup of my workstation and my development server every couple of days, with the files kept on a separate hard drive. I rotate between 4 different sets for each machine. I restored the oldest backup which was just over a week old. Sure enough, everything worked fine. The next backup I tried was one from only two days prior. This also worked fine. Things were starting to look up! What this meant was that I’d narrowed it down to being caused by the changes that I’d made the previous day.

I now needed to compare the latest version of my code (the one with the problems) to the version from two days prior. I downloaded and installed WinMerge, which is an extremely handy Open Source differencing and merging tool (for Windows). Luckily there weren’t too many files changed. As mentioned earlier, most of the changes were in my main stylesheet. Starting from a copy of my restored (working) theme, I slowly started to integrate the changes that I’d made the previous day. Most seemed fairly mundane. A few CSS changes and some very minor code updates. I then got to my functions.php file. I incorporated the changes and lo and behold, things broke immediately. Yay!! I’d found the damn file that was causing all my problems! Now it was simply a matter of narrowing down the exact cause.

Looking through the code reminded me of the changes that I’d made. I’d added a few comments to the code to document a couple of the functions (Silly me, I know! Real developers don’t document code!!). The other thing I’d done was to add a blank line in between where I’d closed a PHP tag and opened up the next one. The code snippet is question looked like this…

You’ll notice that between the closing PHP tag and the following opening tag, there’s a blank line. Gasp!! This is what was causing all the drama! The solution was to simply remove the offending blank line. In fact, since I was simply closing the PHP tag and immediately reopening it, I could easily omit both of them. The resulting code looked like…

As for the problems that it caused, well there were quite are few.

URL’s weren’t processed properly

Since my Permalinks were setup using the format “/%year%/%monthnum%/%postname%/“, the posts wouldn’t display properly if they didn’t have the trailing slash. Normally, this is something that is handled by your .htaccess file. Instead, I was simply receiving a blank page unless I specifically had the slash on the end of the URL.

Strange content appearing

This was a strange one. As you can see in the image below, characters such as quotes and apostrophes were being rendered incorrectly. You’d think this was because their was some ‘strange’ characters stored in the database, but nope, it displayed perfectly fine once functions.php was fixed.

Blank lines appearing at top of document source, before the DOCTYPE

One of the repercussions of the blank line “incident” was that it caused blank lines to appear before the DOCTYPE within the html. This can cause problems with your RSS feed, in particular with Feedburner. Blank lines (outside of PHP tags) in any of your page templates can also cause the same problem, so I made sure I thoroughly checked those as well.

Problems in the WP Dashboard

As mentioned above, one of the first things that alerted me to the problem was my administration dashboard becoming unstable. I found that whenever I tried to save some content changes, the page wouldn’t refresh. Also, I couldn’t even log out of the WordPress Dashboard. I was able to browse through the various menu options within the Dashboard, but when it came to performing an action such as saving a page, that’s when the problems surfaced.

Due the the ‘strangeness’ of some of the problems, this was one bug that took a while to track down. Thankfully though, it’s all fixed now. It’s certainly something that I’ll be more mindful of in the future when I create themes.

Have you come across this problem or any other strange issues? I’d love to hear, so feel free to leave a comment

You can control whether this grid is displayed or not using the View > Show > Pixel Grid menu option.

If you don’t see the pixel grid menu option, then you most likely haven’t got OpenGL enabled in your Photoshop preferences. To fix this, select the Edit > Preferences > Performance… menu option. Make sure that Enable OpenGL Drawing is checked.

I personally find the Pixel Grid really useful. Do you? Leave a comment, I’d love to hear.

Well, no more frustration! I came across a fantastic tool recently called Xmarks (formerly Foxmarks). It has a number of great features, but the one I like the most, is the ability to sync bookmarks between computers and between browser types. They currently support Firefox, Internet Explorer and Safari (Max OS).

Xmarks is available as an add-on for Firefox and Safari, and will automatically synchronise itself on browser shutdown. Xmarks for IE runs as an auto-start executable and will simply load itself into memory, complete with a System Tray icon.

Within Firefox, you can access all the Xmarks settings by clicking on the small icon in the bottom right corner of the browser. This allows you to set up your account details, synchronisation types and other features. (click the image for a more detailed view of the configuration screens)

Whenever you add, delete or edit a bookmark, Xmarks will automatically backup the changes on their servers and store them for six months. To view and restore past bookmark collections, simply login to your account via their website or visit http://my.xmarks.com. As well as the added security of knowing that your bookmarks are backed up, it also means that they are available for you to access anywhere, via the web. The site is even optimised for viewing on your iPhone or iPod touch screen.

As a regular firefox user and an iPhone devotee, I found it annoying that iTunes only supported bookmark synchronisation from Safari or Internet Explorer. Now I don’t need to worry as all my Firefox bookmarks will automatically sync across to IE and therefore also keep my iPhone updated as well. Just another added bonus!

Some of the other features provided:

• Xmarks will highlight the three top sites in your Google results based on how many people have bookmarked them.
• You can click on the Xmarks info icon in your location bar to see detailed information about the site you are on.
• It’s possible to create different profiles for different bookmarks. This allows you to keep Home and Work bookmarks sync seperately, for example.
• You can share individual folders or your entire set of bookmarks.
• In Firefox 3, you can securely sync your saved passwords between computers.

Overall, I think its a great tool and after using it for a couple of weeks now, the only thing I’m disappointed about is not finding it sooner!

Have you found any other solutions for syncing your bookmarks? If so, leave a comment, I’d love to hear how others get around this problem.

Guides can be dragged from the Rulers on the edge of your document, or you can also use the “View > New Guide…” menu option.

When using the menu option, as well as entering in the guide location using px, mm or whatever Unit measurement you’d like, you can also use percentages. This is a simple way of dividing your  document up into a neat grid or for getting those guides aligned perfectly down the center.

If you have any other tips on how you use your guides in either Photoshop or any of the other Creative Suite apps, leave a comment because I’d love to hear them.

At first, it can take a little bit to get use to. The good thing though is that it’s a simple change in your preferences to get your “floating windows” back. Simply “tick” or “untick” the checkbox in the relevant preferences dialog depending on whether you want your windows docked or not. Here’s where you can find the options for the three main Creative Suite applications, Photoshop, Illustrator and InDesign.

Photoshop

Select the “Edit > Preferences > Interface…” menu option.

Illustrator

Select the “Edit > Preferences > User Interface…” menu option.

InDesign

Select the “Edit > Preferences > Interface…” menu option.

It’s that easy! I hope you found this tip useful. I’d love to hear what you prefer so leave a comment. Me? I’m still undecided about the tabs. For the time being, I’ll use them a little while longer