Posts tagged webdesign

Moving from Sublime Text 2 to Sublime Text 3

Screen Shot 2013-11-15 at 16.46.02As Sublime Text 3 is around in public beta for quite some time, i thought i upgrade from my 2.x version to the new and – as it’s written on their homepage – faster version 3.

Ross Lawley has a perfect guide how to upgrade painlessly:

And thanks for the hint to check the compatibility of the plugins first on this great page:


Steps how i upgraded:

  • download Sublime Text 3
  • install package manager in Sublime Text 3 by showing the console (view -> show console) and entering this text:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( '' + pf.replace(' ','%20')).read())
  • using the package manager install all your (green) plugins you used on Sublime Text 2
  • copy and paste user settings (Preferences -> Settings -> User)
  • go to terminal and copy TM Themes, other settings and relink the commandline “subl” to the new version (i have ~/bin in my path):
$ cp ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/User/*.tmTheme* ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/
$ rm ~/bin/subl
$ ln -s /Applications/Sublime\ Text\ ~/bin/subl


Mac OS X 10.6, PHP und MySQLMac OS X 10.6, PHP and MySQL

Kev Chapman hat eine gute Dokumentation darüber, wie man Apache auf Mac OS X 10.6 verwendet auf seinem Blog. Setting up Apache on Snow Leopard hat sehr viele nützliche Tips und deshalb kopiere ich nur die (für mich) wichtigsten Teile hier her (als Erinnerungshilfe für mich), den Rest bitte bei Kev direkt lesen.

Problem: PHP kann nicht mit dem lokalen mySQL Server sprechen

Lösung: /etc/php.ini.default im Texteditor öffnen und die Zeile mit mysql.default_socket suchen (irgendwo bei Zeile #1213) und in folgendes ändern:

mysql.default_socket = /tmp/mysql.sock

Die Datei speichern und Apache neu starten.

Damit .htaccess im “Sites” Ordner im OS X User Ordner funktioniert, /etc/apache2/users/<username>.conf editieren:

<Directory "/Users/USERNAME/Sites/">
  Options Indexes MultiViews FollowSymLinksAllow
  Override All
  Order allow,deny
  Allow from all

Kev Chapman has a good documentation about how Setting up Apache on Snow Leopard. It’s worth a read and has all you may need to sucessfully setup apache on Mac OS X 10.6.x – therefore i copy only the most important parts here (as a reminder for me):

Problem: PHP can’t talk to the locally running mySQL server

Fix: edit /etc/php.ini.default and find the line containing mysql.default_socket (around line #1213) and change it to:

mysql.default_socket = /tmp/mysql.sock

Save this file and restart the server.

Getting .htaccess to work in your home directory’s Sites folder edit /etc/apache2/users/<username>.conf:

<Directory "/Users/USERNAME/Sites/">
  Options Indexes MultiViews FollowSymLinksAllow
  Override All
  Order allow,deny
  Allow from all

Safari 3.1 for Webdevelopers

Safari 3.1 adds some important updates for web developers:

  • Adds option in Safari preferences to turn on the new Develop menu which contains various web development features
  • Allows access to Web Inspector
  • Allows access to Network Timeline
  • Allows editing CSS in the Web Inspector
  • Allows custom user agent string
  • Improves snippet editor

I was very happy to see that editing CSS in the web inspector is now possible – just inspect a part of your website with ctrl-click – inspect element and double click on a style in the styles bar to edit it and see the update immediately in the browser window.

Warning: you have to inspect a element and then be sure to use the styles, not the computed styles to see the changes! Unfortunately the computed styles are at the top of the window – so stay away from the computed styles, editing is not possible for these!

Anarchy Media Player

As you might already know, Anarchy Media Player is a way cool javascript-based player solution for playback of media files like .mp3, quicktime movies, flash movies and so on. The very cool thing about that is, all you have to do is to include the anarchy player javascript file into your html document and each and every link to a file ending with .mp3, .mov, .wmv, .flv, … will be magically converted into a media player (thanks to the HTML DOM and javascript 😉 ).

I use the 1.6.5 version and found that when you add a class with “amplink” to your link, the media player will ignore this link! This comes handy if you want to explicitly put a link to a movie file for which you don’t want the mediaplayer magic to happen. Imagine you have a link to a flash video and two links for quicktime movies in high and low quality for download. The link to the .flv should be converted into a media player, the two quicktime links should be left intact – just put a “amplink” class on the two quicktime links and you’re set!

Running both IE7 AND IE6 in Windows XP

Yousif Al Saif from has programmed an installer allowing you to run multiple Internet Explorer versions in parallel on your Windows XP:

Download Multiple IE installer (10.3MB)

please read Yousif’s original article here and check out the comments on this article as well, you will find some useful information there as well.

Feeds made easy to understand – for everyone

I really love feeds. I love news feeds, podcasts, photocasts, all that fancy feed stuff, i really do 🙂

The only drawback on feeds is, you need to use a feedreader or a modern browser with the ability to display the RSS/Atom feed in a human readable manner. For that i personally use Flock, but Safari is good as well, even Firefox has some basic display of feeds. But what do all the “not-power users” out there with their Windows Internet Explorer 6 or similar “browser” do?

Some weeks ago a really cool project i was involved in with podcasting was stopped in the last minute, because the people in charge were afraid that the users can’t deal with the raw xml output in their browsers – and they were right, people don’t want to see the XML code, the feed has to be readable.

For this problem, we need to use XSLT and CSS to style our feeds, while keeping the code machine readable. A good starting point can be found here:

Beginning to Style Your RSS Feed – Monday By Noon

I will try that out and will post my experience with XSLT later in this article, so stay tuned.

kupu resize images

I always had the problem, that i could resize (drag with my mouse) images inside kupu, but when i save the document the image has its original size 🙁

Today i found the solution to this problem here

To enable kupu to keep the resize information upon save you have to add width and height to the style whitelist in the kupu preferences in your site preferences. Your styles whitelist should look like this:


that did the trick and now resizing images is working 🙂

Sprache ändern