Tag Archives: safari

Hack Safari to open links in new tabs, not new windows

Safari (by default) will open certain links (e.g. target=”_blank”) in a new browser window instead of a new tab even if you have your preferences set no too. Fortunately, there is a hidden preference you can set to force Safari to behave.

If you run this command in Terminal /Applications/Utilities/Terminal.app

defaults write com.apple.Safari TargetedClicksCreateTabs -bool true

to disable this afterwards, change the true on the end to false.

I have tested this on Safari Mac 2, 3 and 4 Beta.

Safari's CSS Support for multiple backgrounds on the same Style

I was browsing just now and fond something pretty interesting, Safari supports multiple background image declarations for the same style tag.

	.box {

		background:
		/*	Upper-left	*/	url(./corners_01.png),
		/*	Upper-right	*/	url(./corners_02.png),
		/*	Lower-left	*/	url(./corners_03.png),
		/*	Lower-right	*/	url(./corners_04.png),
		/*	Icon		*/	url(./icon.png),
		/*	Gradient	*/	url(./gradient.png);

		background-position:
		/*	Upper-left	*/	0% 0%,
		/*	Upper-right	*/	100% 0%,
		/*	Lower-left	*/	0% 100%,
		/*	Lower-right	*/	100% 100%,
		/*	Icon		*/	0.6em 0.6em,
		/*	Gradient	*/	0% 100%;

		background-repeat:
		/*	Upper-left	*/ 	no-repeat,
		/*	Upper-right	*/	no-repeat,
		/*	Lower-left	*/	no-repeat,
		/*	Lower-right	*/	no-repeat,
		/*	Icon		*/	no-repeat,
		/*	Gradient	*/	repeat-x;
	}

Death to Internet Explorer 6

This morning, much like every morning, I wake, prepare for the day, walk my partner to work, get home and read through my emails and RSS subscriptions before I start my working day.

This morning I came across a post from Ryan Stemkoski about How IE 6 is Dead and a comment from that post how Ryan gets 23% and Thomas J Brown gets ~2% of IE 6 visitors. I checked out my statistics and I get 37.7% of my visitors using IE 6.

Top 6 Browsers to visit my Blog.

Top 6 Browsers to visit my Blog.

The top 6 browsers to visit my Blog are IE 5, 6 & 7, Firefox 2 & 3 and Safari.

I can’t believe that IE 6 is kicking around in such high percentages, and worse still is some IE 5 visitors! On a recent website we blocked all support for IE 6 and below, it directed to a splash page with links to download the decent major players. Generally I just let the visitor browse the site as is.

You have an Old Browser - Upgrade

You have an Old Browser - Upgrade

For the first time I loading this blog with this new theme in IE 6 and it does display well, although there is nothing fancy with the design.

http://sheldon.lendrum.co.nz In IE 6

http://sheldon.lendrum.co.nz In IE 6

In all – Why oh why?

Why do so many people use these old browsers? Because of lazy IT departments, yes, Because of illegitimate copies of Windows that stop windows updater, I bet. But surely with Safari and Firefox both being free?

Do it for us Developers and upgrade ! Please!

CSS Fix for SPAW Editor & Safari

Over the last couple of years I have used the SPAW WYSIWYG Editor for my site management and clients sites CMS systems.

Ryan Stemkoski and I used it in our Zipline ZLCMS Package that is now in use in over 300 sites and have found it to be a great editor, and now I am using SPAW 2.0.8.1 for CodeIgniter in a CodeIngiter CMS Site.

How ever I have found that SPAW doesnt really fit in the Safari Frame, and all the toolbars span on one line causing usability and scrolling issue.

Today when implementing it for a MAC Safari only based client I went and dug for the fix.

I have always used the Spaw2Lite theme, which is much lighter than the standard theme, if you edit the theme CSS file located at

/spaw2/plugins/core/lib/theme/spaw2lite/css/theme.css

and alter these two sections of code.

( I’m sure the same fix will apply for the standard theme. )

Add the CSS attribute ‘float: left;‘ to the selector ‘.spaw2litemaintoolbar‘.

.spaw2litemaintoolbar
{
	float: left;
	border-bottom: 1px solid #cecece;
}

Remove the ‘white-space‘ attribute from the selector ‘.spaw2litetoolbar‘.

  white-space: nowrap;

Let me know if this helps, or doesn’t, or you have other fixes for SPAW.

CodeIgniter & Spaw Editor

I have released an updated version at http://sheldon.lendrum.co.nz/codeigniter-spaw-editor-tabs_411/10/. This new version allows CodeIgniter and SPAW TABS !

Recently I have been working on a large project for a National Sporting team, It has been a process and it is almost finished.
As part of this system, we have developed an extended custom content management system.

Finding a WYSIWYG Editor for these types of sites is a tricky thing. Your editor of choice needs to be complex enough to let the user Manage their site, but not too hard that they can’t and don’t manage it, yet not give them so many options that your beautiful design gets listed on some of the ‘worst’ design sites due to ‘Crazy Customisation’, bright, huge highlighted words, 5mb images on every page and so on… like a ‘Client goes Crazy’ Video.

WordPress uses TinyMCE editor from MoxieCode, which is what we first implemented, but the design agency requested that they can add inline images in to the content. ( Bad thoughts crept in to my mind of a horror site coming out ) but I decided this would be a nesscarry change.

I went back to an old faithful that Ryan & I have used for years on other CMS’s.
The issue with this is it uses it’s own class, and interferes with CodeIgniter, the PHP FRamework that we are developing this site in.

After some googling, I found a solution on the CodeIgniter Wiki. After installing it, I first found I needed some small customizations, and that it wasn’t a new version, and didn’t have Safari support, which both us developers, and the advertising agency use. So I went to work on repackaging SPAW 2.0.8.1 for CodeIgniter with a few extra plugins.

Download it for free and let me know how it works :)
check the new version with TABS
[download#6]