subtleGradient

MooTools 1.2 Final

Tue, 10 Jun 2008 12:32:00 PDT

MooTools 1.2 has finally been released. And now I’m a member of the MooTools development team!

I’ve been bugging everyone I know to move over to GitHub and Lighthouse. With the release of MooTools 1.2 coming up and the instability of the Trac installation at mootools.net, I stole the opportunity to force the project to do my evil bidding! heh heh heh

So, as of the 1.2 release, MooTools is on Git on Github and MooTools is now on Lighthouse

Thanks to the GitHub and Lighthouse crews for giving us free Open Source awesomeness. You guys rock!

So, go. Enjoy your milk

Cloning a Git SVN Clone

Tue, 22 Apr 2008 10:03:00 PDT

I’ve been trying to figure out a good way to make a publicly available git-svn repo on GitHub.com that I can clone and then keep up to date with both the original svn repo and the GitHub repo and commit everything into my own fork.

So, how do you go about creating a Git repo that can push and pull to and from both Git and Subversion?

Clone the public repo

git clone git://github.com/drnic/ruby-tmbundle.git Ruby.tmbundle
cd Ruby.tmbundle/

Fork the repo. optional

git checkout master
git remote rm origin
git remote add origin git@github.com:subtleGradient/ruby-tmbundle.git
git pull

Set your subversion remote

Run this to set your subversion remote and pickup all your existing history asif you’d done a git svn clone ....

git branch macromates
git checkout macromates

git svn init http://macromates.com/svn/Bundles/trunk/Bundles/Ruby.tmbundle -R svn
cp .git/refs/remotes/origin/master .git/refs/remotes/git-svn
git svn fetch

This should give you…

...
r9048 = a0bdcedd42f7ed1867d32120bbf92bab7b72f085
r9051 = 4eb5fee1621549f676f9d5e085f1ccf03489e334
r9362 = 28b1ea1529b071fa10ba458e816e4a9454f85d8a
Done rebuilding .git/svn/git-svn/.rev_map.dfb7d73b-c2ec-0310-8fea-fb051d288c6d

If you get this error…

Remote ref refs/remote/git-svn is tracked by
  "svn-remote.svn.fetch=:refs/remotes/git-svn" 
and
  "svn-remote.svn.fetch=:refs/remotes/git-svn" 
Please resolve this ambiguity in your git configuration file before continuing

... then you probably ran git svn init twice without passing in a new name for each one. You’ll have to remove the extra fetch = :refs/remotes/git-svn reference if your .git/config file.

Keeping up-to-date

Fetch from your public subversion repo…

git checkout macromates
git svn fetch svn

Pull from your public Git origin…

git checkout master
git pull origin master:master

Now you have two branches in the same Git repo that pull from a separate SCM.

Congrats, you so totally rock!

Back to `master`

Once you’re done setting up and fetching changes from subversion, you should switch back to your master branch.

git checkout master

That’s it!

Next time… fetching, merging and pushing back!

Browser List March 2007

Mon, 31 Mar 2008 19:58:00 PDT

Ahoy. I just got around to sticking all my browsers in the same folder. And here’s the list of browsers I currently have installed:

Opera 9
Opera 9.5b
Opera Mini™ Simulator
Opera Wii Internet Channel

Internet Explorer 5 Mac
Internet Explorer 5.01 Standalone
Internet Explorer 5.5 Standalone
Internet Explorer 6
Internet Explorer 6 Standalone
Internet Explorer 7 Standalone
Internet Explorer 7 Vista
Internet Explorer 8b1
Internet Explorer 8b1 Standalone
Outlook 2003
Outlook 2007

Camino 1.5
Firefox 1.0 Mac
Firefox 1.5 Mac
Firefox 1.5 Windows XP
Firefox 2.0 Mac
Firefox 2.0 Windows XP
Firefox 3.0b4 Mac
Flock
Mozilla 1.4
Mozilla 1.5
Mozilla 1.6
Mozilla 1.7
Netscape 7.2 Mac
Netscape 9 Mac

Google Android
iPhone 1.3.3
iPhone Simulator
OmniWeb
Safari 2.0.4 Standalone
Safari 3.0.4 Standalone
Safari 3.1
Shiira
WebKit Nightly

Yay browsers!

How many browser do you currently have installed?

Simple Install of Git on Leopard

Thu, 21 Feb 2008 14:47:00 PST

Here's how to install Git on Mac OS X Leopard

mkdir -p ~/Downloads/src
cd ~/Downloads/src

# Set options since we don't have GNU gettext installed
export TCL_PATH=`which tclsh`
export NO_MSGFMT=1
export GIT_VERSION='1.5.6'

# Get and install git
curl -O "http://kernel.org/pub/software/scm/git/git-$GIT_VERSION.tar.bz2"
tar xjvf "git-$GIT_VERSION.tar.bz2"
cd "git-$GIT_VERSION/"

# When on Mac OS X
./configure
make
sudo make install

cd ..

# Install Man Pages
curl -O "http://kernel.org/pub/software/scm/git/git-manpages-$GIT_VERSION.tar.bz2"
sudo tar xjv -C /usr/local/share/man        -f "git-manpages-$GIT_VERSION.tar.bz2"

Only needs some minor modifications to work on Dreamhost

mkdir -p "$HOME/src"
cd "$HOME/src"

# Set options even though we have GNU gettext installed
export TCL_PATH=`which tclsh`
export NO_MSGFMT=1
export GIT_VERSION='1.5.5'

# Get and Install Git
curl -O "http://kernel.org/pub/software/scm/git/git-$GIT_VERSION.tar.bz2"
tar xjvf "git-$GIT_VERSION.tar.bz2"
cd "git-$GIT_VERSION/"

# When on Dreamhost:
./configure --prefix="$HOME" NO_CURL=1 NO_MMAP=1
make
make install

cd ..

# Don't Bother Installing the Man Pages

After installing, you'll want to configure it

# Use Apple opendiff (FileMerge) for resolving conflicts (Mac OS X only)
git config --global merge.tool opendiff

# Ignore Carp
git config --global core.excludesfile ~/.gitignore
touch               "$HOME/.gitignore"
echo '.DS_Store' >> "$HOME/.gitignore"
echo '._*'       >> "$HOME/.gitignore"
echo '.svn'      >> "$HOME/.gitignore"
echo '.hg'       >> "$HOME/.gitignore"

# Shortcuts
git config --global alias.st status
git config --global alias.ci commit
git config --global alias.co checkout
git config --global alias.br branch

# Colors? YES!
git config --global color.ui auto

# Personal Setup
git config --global user.name "Your Name"
git config --global user.email your_email@your-domain.com

~~UPDATE: Now updated to 1.5.4.5~~
UPDATE: Now updated to 1.5.5 with Dreamhost support
UPDATE: Now updated to 1.5.6

Baseline Grid Overlay Bookmarklet

Mon, 17 Dec 2007 08:50:00 PST

Here’s just a quickie to post something handy…

Drag this link to your bookmarks to save:

Baseline Grid 18/12

Please note: My site doesn’t conform to a baseline grid yet :[ Don’t judge me! :’(

Select Balanced HTML Tag

Thu, 15 Nov 2007 08:21:00 PST

hey kids
just wanted to share with you my latest textmate innovation.

There is a bit of standard functionality that major html editors have been capable of forever

In BBEdit it’s called View > Balance

In Dreamweaver it’s called Edit > Select Parent Tag

What this does is select the current html tag, no matter where your caret is in between the opening and closing tags.

Ok, that’s all fine and lovely, but I use TextMate. And while TextMate has an Edit > Select > Enclosing Brackets function. That doesn’t actually DO anything in HTML. Nothing useful anyway.

So, what is the solution? How do we actually make this work in TextMate?

Well, that’s where I come in. TextMate is built on a community of developers who spend time extending and expanding on what TextMate is capable of.

So, I have been goofing around with ruby scripts and insanely complex regular expressions since 2005 trying to make this work.

And I have finally managed to come up with something that is simple and uses the normal standard TextMate Select > Enclosing Brackets functionality.

I call it Select Balanced HTML Tag and I have it bound to ⌘⇧B

Let’s bring up TextMate
Put the caret inside of an HTML tag that we want to select, and hit the magic shortcut key: ⌘⇧B

And she-bang! We have our tag selected.

Then you can keep hitting the keystroke to expand your selection to each succesive enclosing tag.

BUT wait, there’s more!

My “Select Balanced HTML Tag” macro is UNDOABLE!
HAHA! Take THAT HTML! Bet you didn’t see THAT one coming!

Yes, sure. Dreamweaver has the “Edit > Select Child” command, but I find that it doesnt actually DO anything most of the time.

I must admit however that the Dreamweaver and BBEdit versions of this command actually work a LOT better and WAY WAY faster, but I find that reasoning completely useless because I’m never goign to be using either of those applications.

So to sum up. New TextMate Macro Select Balanced HTML Tag Selects the current HTML Tag, similar to the BBEdit Balance and Dreamweaver Select Parent Tag commands. Except that it’s UNDOABLE and works in TextMate and is much crappier.
Written by me, Thomas Aylott.

You can download this at BundleForge.com

Fix Safari Downloads Window on Leopard Spaces

Sat, 27 Oct 2007 20:43:00 PDT

The one thing that really bothers be about Mac OS X 10.5 Leopard (sofar) is that Spaces doesn’t seem to handle certain windows “properly”

For instance, the Safari Downloads window.

Ideally, I want the Safari Downloads window to be viewable on all Spaces at all times. But I don’t want all Safari windows to always be on all spaces.

Here’s the trick: Change the window to be a utility panel instead.

_{This assumes you have Xcode installed}

Navigate to /Applications
Right click on Safari
Choose Show Package Contents
Navigate to Contents/Resources/English.lproj/
- Or whatever language you use
Open Downloads.nib in Interface Builder
Select the #Window# icon
Open the Info Panel
Select the Identity tab of the Info Panel
Change the Class to NSPanel
Select the Attributes tab of the Info Panel
Check the Style Utility
Save the Downloads.nib file
Quit & Relaunch Safari

Your Downloads Window should now be visible in all Spaces as long as you have a Safari window open in that space.

Enjoy!

Multiple Standalone Safaris

Wed, 10 Oct 2007 08:48:00 PDT

Download Standalone Versions of Safari!

I’ve been rather annoyed that there hasn’t been any official or simple way to run the older versions of Safari for web development purposes. I’d come up with a really crappy way to run Safari 2 after installing Safari 3 but you really shouldn’t have to go through all that nonsense just to be able to test websites with the old Safari. ”Blargh!!!” I say.

For a while now Yousif Al Saif at TredoSoft has let us run multiple simultaneous standalone versions of Internet Explorer. And of course Firefox was designed to be able to run multiple versions at the same time. But now finally we have a super easy way of running all browsers that matter side by side on the same machine without having to hack around like some kind of nerd.

But now there’s an incredibly awesome option to run all the old Safari versions as standalone browsers. This means that you don’t have to do anything hackery in the least to make them work. You just download them and double-click them like any other mac application on the planet. And you can run them all at the same time.

Michel Fortin’s Multi-Safari
is a collection of 10 standalone versions of Safari.

Safari normally use the Web Kit framework found inside Mac OS X to render web pages and execute javascript. This means that if you preserve an old version of Safari to run it on a newer version of Mac OS, it will use the newer Web Kit found in the system and you will get the same results as with the newer version. Thus, you would normally need a separate installation of Mac OS X for each version of Safari you want to test a website into.

These special versions of Safari use the original Web Kit framework that came with them, bundled inside the application. They will mimic original Safari rendering and javascript behaviours. HTTP requests and cookies however are still handled by the system and may not work exactly the same.

Why don’t browser vendors love us developers :’(

While I love that we have this option now, I think it’s a real shame that the browser makers aren’t making it easy to do this. We really should have an official way to run multiple versions of Internet Explorer and Safari at the same time. Especially now that AJAX “web apps” are all the rage, developers are needing to test more and more browsers for compatibility. Every single minor browser version has it’s own little bugs and issues and all these new sites are really stressing the browsers to the limit.

For instance, CrazyEgg.com has workarounds for separate bugs in Safari 2, Safari 3, Mac Firefox 2.0, Windows Firefox 2.0, Firefox 1.5, Internet Explorer 6 and Internet Explorer 7. Yes, you heard me right, Firefox on windows and Firefox on the Mac have separate bugs that only affect that browser on that Operating System. So in all, I have to test and tweak and debug everything in, at the very least, 7 different browsers. Oh, and I usually test for the bleeding edge version of each browser too, so that’s 10 different browsers total.

Oh, and where’s my iPhone MobileSafari emulator?! Apple doesn’t give us a real iPhone SDK and expects us to develop webapps for the iPhone. But the only way to actually do that is to buy an iPhone and test your apps on the phone directly. What a development nightmare. I seriously hope they have some ideas up their sleeves after Leopard is released.

UPDATE:

The Leopard 10.5.1 update has blocked all older versions of Safari from running.

To fix that problem, go here: Fix Safari 2.0.4 for Leopard 10.5.1

Let me know if you have any trouble with that.

WARNING Do Not Update Your Windows Testing Box!!!

Tue, 26 Jun 2007 06:36:00 PDT

If you need to test websites in Internet Explorer 6, this message is for you.

New IE6 Patch Removes Ability to Test Memory Leaks

There has just been a patch released by Microsoft that updates IE6 to remove the memory leaks.

Some people seem to think this is great news:

Why is this bad? You might ask…

Well, are you a developer that codes stuff that could ever cause a memory leak in IE6? Do you want to test your code in IE6 to make sure that your careful work to eliminate all the memory leaks has actually worked?

Or do you just want to hide your head in the sand and pretend that all Internet Explorer 6 users that will ever visit your site will have updated their system WITHOUT installing Internet Explorer 7 which is a forced update?.

Think about it… What section of the universe uses IE6 and updates regularly but then manually goes in and disables some of the updates? Developers who need to test! That’s probably about it. Note that this update only affects XP sp2 users. Windows 2000 IE6 users won’t be updating.

Just make sure that you don’t update to the latest IE6 on your testing box or Parallels testing setup or whatever. Because it could render your testing environment pretty stinkin’ useless.

Safari 2, Safari 3, Adium & forcing WebKit Frameworks

Tue, 12 Jun 2007 10:31:42 PDT

After installing Safari 3 you won’t be able to run Safari 2 to test websites or whatever anymore.

Here’s the trick to make it work

Install Safari 3 Beta
1. Yes, you have to reboot. Lame :(
2. Rename /Applications/Safari.app to /Applications/Safari3.app
Install WebKit Nightly as Safari2
1. Rename /Applications/WebKit.app to /Applications/Safari2.app
Unarchive the backed up Safari
1. Open /Library/Application Support/Apple/.SafariBetaArchive.tar.gz
Copy the old Safari from /Library/Application Support/Apple/.SafariBetaArchive/Applications/Safari.app to /Applications/Safari.app
Copy all the frameworks into Safari2
1. Copy /Library/Application Support/Apple/.SafariBetaArchive/System/Library/Frameworks/WebKit.framework
  /Library/Application Support/Apple/.SafariBetaArchive/System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/JavaScriptCore.framework
  /Library/Application Support/Apple/.SafariBetaArchive/System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework
  /Library/Application Support/Apple/.SafariBetaArchive/System/Library/PrivateFrameworks/JavaScriptGlue.framework
  to /Applications/Safari2.app/Contents/Resources
Open Safari2

Shell script

Alternatively, you can use this shell script to make it all work without having to do it all manually…

Install Safari 3 Beta
Install WebKit Nightly
Unarchive the backed up Safari
1. Run this from the terminal:

open "/Library/Application Support/Apple/.SafariBetaArchive.tar.gz"

4. Then run this script to do the rest…

mv /Applications/Safari.app /Applications/Safari3.app &&
mv /Applications/WebKit.app /Applications/Safari2.app &&
ditto "/Library/Application Support/Apple/.SafariBetaArchive/Applications/Safari.app" /Applications/Safari.app &&
rm -Rf \
  /Applications/Safari2.app/Contents/Resources/JavaScriptCore.framework/ \
  /Applications/Safari2.app/Contents/Resources/JavaScriptGlue.framework/ \
  /Applications/Safari2.app/Contents/Resources/WebCore.framework/ \
  /Applications/Safari2.app/Contents/Resources/WebKit.framework/ &&
cp -Rf \
  "/Library/Application Support/Apple/.SafariBetaArchive/System/Library/Frameworks/WebKit.framework" \
  "/Library/Application Support/Apple/.SafariBetaArchive/System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/JavaScriptCore.framework" \
  "/Library/Application Support/Apple/.SafariBetaArchive/System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework" \
  "/Library/Application Support/Apple/.SafariBetaArchive/System/Library/PrivateFrameworks/JavaScriptGlue.framework" \
  /Applications/Safari2.app/Contents/Resources/

UPDATED Date: 2007-06-13 18:15:32

How to force another app to open with the old WebKit

You can force anything to run with the old WebKit if it’s having problems working with the new beta.

env DYLD_FRAMEWORK_PATH="/Applications/Safari2.app/Contents/Resources" WEBKIT_UNSET_DYLD_FRAMEWORK_PATH=YES "PATH_TO_THE_BIN_IN_YOUR_APP" &

Just replace PATH_TO_THE_BIN_IN_YOUR_APP with the path to the binary in the app you want to force to use the old WebKit frameworks.

How to make Adium work after installing Safari 3

For Adium you’d use:

env DYLD_FRAMEWORK_PATH="/Applications/Safari2.app/Contents/Resources" WEBKIT_UNSET_DYLD_FRAMEWORK_PATH=YES "/Applications/Adium.app/Contents/MacOS/Adium" &

subtleGradient

MooTools 1.2 Final

MooTools on Git on Github

MooTools on Lighthouse

Cloning a Git SVN Clone

Clone the public repo

Fork the repo. optional

Set your subversion remote

This should give you…

If you get this error…

Keeping up-to-date

Back to `master`

That’s it!

Browser List March 2007

Simple Install of Git on Leopard

Here's how to install Git on Mac OS X Leopard

Only needs some minor modifications to work on Dreamhost

After installing, you'll want to configure it

Baseline Grid Overlay Bookmarklet

Select Balanced HTML Tag

Fix Safari Downloads Window on Leopard Spaces

Multiple Standalone Safaris

Why don’t browser vendors love us developers :’(

WARNING Do Not Update Your Windows Testing Box!!!

New IE6 Patch Removes Ability to Test Memory Leaks

Safari 2, Safari 3, Adium & forcing WebKit Frameworks

Here’s the trick to make it work

Shell script

How to force another app to open with the old WebKit

How to make Adium work after installing Safari 3

subtleGradient

MooTools 1.2 Final

MooTools on Git on Github

MooTools on Lighthouse

Cloning a Git SVN Clone

Clone the public repo

Fork the repo. optional

Set your subversion remote

This should give you…

If you get this error…

Keeping up-to-date

Back to master

That’s it!

Browser List March 2007

Simple Install of Git on Leopard

Here's how to install Git on Mac OS X Leopard

Only needs some minor modifications to work on Dreamhost

After installing, you'll want to configure it

Baseline Grid Overlay Bookmarklet

Select Balanced HTML Tag

Fix Safari Downloads Window on Leopard Spaces

Multiple Standalone Safaris

Why don’t browser vendors love us developers :’(

WARNING Do Not Update Your Windows Testing Box!!!

New IE6 Patch Removes Ability to Test Memory Leaks

Safari 2, Safari 3, Adium & forcing WebKit Frameworks

Here’s the trick to make it work

Shell script

How to force another app to open with the old WebKit

How to make Adium work after installing Safari 3

Back to `master`