Thursday 29 September 2011

Encode/Decode BASE64 scripts for Coda

Here you will find two scripts for use with Panic's Coda, which take selected text and encode it to BASE64 or decode it from BASE64, inside the current editor (base64coda).
To add the scripts to Coda's scripts-menu, click the menu and select 'Open Enclosing Folder':
coda20110929a
Drag the scripts in the opened folder, go back to Coda and select 'Reload Scripts' from the scripts-menu. You should see the two new scripts:
coda20110929b

Now, select some text and choose BASE64 Encode and then BASE64 Decode to see your text again.

Tuesday 20 September 2011

Kürbissuppe - Pompoensoep

Heute bekam ich im Restaurant da Mario (im Waghäuseler Hof) eine sehr schöne Kürbissuppe serviert. Ich konnte es nicht lassen und musste ein Foto davon machen:

IMG_2295

Thursday 15 September 2011

Foto: Nestor

Nestor, our German shepherd

Nestor, our German shepherd

Wednesday 7 September 2011

Multiple MySQL instances on Mac OS X Client or Server

A new project and a server in the basement, drove us to research how we could replicate MySQL databases of two other servers onto the one in the basement. Quest: we need multiple instances of MySQL on the server, with each its own setup. Our findings and how to set this up on Mac OS X Client (your regular desktop Mac) or Mac OS X Server (your co-located Xserve, Mac Pro or Mac Mini Server) are described on this page.

Sunday 4 September 2011

Foto: Sunbeams

Sunbeams

Sunbeams

Thursday 1 September 2011

CSS buttons

Today I converted all download links on this site, from using Javascript + CSS to style them to CSS-only (with a background image). I kept some CSS from the JSbuttons installation, because that is how I still want them to look. In case you're interested, here's the CSS:

General CSS:

.mybutton {
   display: block;
   position: relative;
   float: left;
   background: #aaa;
   padding: 5px;
   margin-top: 0px;
   margin-bottom: 10px;
   border: 1px solid gray;
   border-radius: 5px;
   text-decoration: none;
   text-align: center;
   color: #fff;
   font-style: normal;
   font-weight:bold;
   line-height: 15px;
   cursor: pointer;
}

.mybutton:active { background: #444; }
.mybutton:hover { background: #eaeaea; }

.mybutton.blue { background: #2ae; }
.mybutton.blue:hover { background: #05b; }

.mybutton.green { background: #5b5; }
.mybutton.green:hover { background: #282; }

.mybutton.pink { background: #e1a; }
.mybutton.pink:hover { background: #a0a; }

.mybutton.yellow { background: #dd3; }
.mybutton.yellow:hover { background: #aa0; }

.mybutton.black { background: #222; }
.mybutton.black:hover { background: #000; }

.mybutton[class] {
   background-image: url(%pathto(button-shade.png)%);
   background-position: bottom;
}


On a per page basis:

a.mybutton {
   height: 16px;
   width: 100px;
   color: #eeee00;
}

a:hover.mybutton { color:#ff5500; }


And this is the background image (inside the border):


Normal link:.mybutton link:
Go to AppleGo to Apple
<a href="http://www.apple.com/">Go to Apple</a><a href="http://www.apple.com/" class="mybutton blue">Go to Apple</a>