25 Sep 2014, 7:10pm

leave a comment

  • Anzeige
  • Setting up a linux server to forward all incoming mails

    Typ­i­cal thing when hav­ing a new site up: you want to get whatever@yourdomain.com to end up in you nor­mal inbox, say Gmail.

    Here are the steps!
    Note: If you are logged in as root, you do not need to use “sudo” in front of each command.


    It’s rec­om­mended to have a user account to receive the mail other than root.
    So either choose a user you have cre­ated already or cre­ate a new one:

    sudo adduser [username]

    Does your provider require you to use an SMTP relay? (check the doc­u­men­ta­tion, or ask). You need to know this to continue.

    Install post­fix

    Post­fix is a soft­ware pack­age, a MTA, it han­dles incom­ing mail and forwarding.

    sudo apt-get install postfix

    And answer all con­fig­u­ra­tion ques­tions as below:
    Server con­fig­u­ra­tion type: If you use an SMTP relay, choose “Inter­net with smarthost”, oth­er­wise “Inter­net“
    Sys­tem mail name: [yourdomain.com] (no sub­do­main)
    SMTP relay host: [smtp.yourprivider.com] (only show­ing if you chose “Inter­net with smarthost”)
    Root and post­mas­ter mail recip­i­ent: The created/chosen before (not root)
    Other des­ti­na­tions to accept mail for: keep the sug­gested defaults and add in front [yourdomain.com] and a space
    Force syn­chro­nous updates on mail queue: no
    Local net­works: keep sug­gested
    Use proc­mail for local deliv­ery?: yes
    Mail­box size limit: 0
    Local address exten­sion char­ac­ter: +
    Inter­net pro­to­cols to use: all

    Man­ual configuration

    All edits with sudo if you not logged in as root.
    Edit /etc/postfix/main.cf add fol­low­ing two lines to the end

    virtual_alias_domains = [yourdomain.com]
    virtual_alias_maps = hash:/etc/postfix/virtual

    Create/edit /etc/postfix/virtual and add

    @[yourdomain.com]    [your.email.address@somewhere.com]

    Finally, after edit­ing this file call

    sudo postmap /etc/postfix/virtual

    so that postmap actu­ally applies your changes.


    If you for­ward to Gmail, do not use the same address to send test mails that the mails will be for­warded to — Gmail will silently ignore/delete mail where the sender and recip­i­ent are the same and you will think the for­ward­ing does not work.

    30 Nov 2012, 7:40pm

    leave a comment

  • Anzeige
  • Dev Tools Collection

    Design Grid

    The famous 960 grid is a great basic for any kind of web design. Espe­cially the 12 col­umn grid is used often on eye-pleasing web­sites.
    Fea­tures: fully cus­tomiz­able and the CSS code will be gen­er­ated auto­mat­i­cally.
    Edi­tor: grids.heroku.com.
    More info about the grid itself: 960.gs.
    Alter­na­tively, use Bootstrap’s inte­grated lay­out grid: http://getbootstrap.com/css/#grid.

    Ani­mated Busy Indi­ca­tor Graphic

    Gen­er­ate busy indi­ca­tors aka ani­mated graph­ics to visu­al­ize when a sys­tem is load­ing data or is busy doing some­thing in gen­eral.
    Lots of dif­fer­ent ani­ma­tions are pro­vided to choose from, col­ors are com­pletely cus­tomiz­able, and the gen­er­ated graph­ics are free to use wher­ever you like!

    Embed Graph­ics into CSS

    A tool to con­vert graphic files (e.g. a busy indi­ca­tor) into a Base64 that can be embed­ded into CSS as data. Though the size is slightly big­ger (which does not mat­ter a lot with such small files) but it saves another, poten­tially block­ing request to the server (as the amount of par­al­lel requests is lim­ited to two).
    You have to upload the file (Ref­er­ence by URL is not sup­ported unfor­tu­nately) to get the data for­mat in return.

    CSS Gra­di­ent Generator

    Gra­di­ents (used wisely) can help to cre­ate sub­tle 3D-effects with­out the need of extra pay­load in terms of DOM nodes or graphic files. Of cause you can also go wild and cre­ate crazy rain­bow gra­di­ents… This edi­tor gen­er­ates the CSS code for you with a very easy to use UI.

    Live RegEx Tester

    Build­ing reg­u­lar expres­sions is always a bit tricky IMO. The tool below comes in handy because you can test your drafts instantly and there are explained exam­ples, too.

    If you need some­thing sim­pler and smaller:

    Match­ing color combinations

    Most of the tools I saw online pro­duce the same sequences using well known pro­ce­dures (monocro­matic, com­ple­ment, triad, tetrad, ana­logic, and accented ana­logic). They are good and use­ful, but color blender does some­thing dif­fer­ent (I did not yet check out in detail what and how) so it’s a good way to find an alter­na­tive set of col­ors, also for com­par­i­son.

    Nice tools using the before men­tioned “known pro­ce­dures”:

    Beau­ti­ful color sets and pat­terns:

    Fonts and Icons

    Adobe’s Edge Web Fonts.
    In my opin­ion the best icons font there is: Font Awe­some.

    JSON Val­ida­tor and formatter

    Quickly for­mat out­put of a web­ser­vice into some­thing much more human read­able and check valid­ity in the same time: http://jsonlint.com/

    (to be continued…)

    24 Aug 2012, 12:26am

    leave a comment

  • Anzeige
  • Papercite Crashes WordPress

    Just updated Word­Press as well as all the plu­g­ins and sud­denly my résumé page is blank. And just in case some­one else expe­ri­ences a sim­i­lar issue, I took notes of all the steps to fix the issue below.

    Turn­ing off likely plu­g­ins revealed that papercite (a plu­gin used to ren­der pub­li­ca­tions in the BIB for­mat as HTML) was the reason.

    To under­stand­ing the prob­lem I turned on error mes­sages to actu­ally see what was going on by
    edit­ing index.php in wp-content/themes/ / and added fol­low­ing line to the begin­ning of the file:

    <?php ini_set('display_errors',1); error_reporting(E_ALL); ?>

    From that I could under­stand that papercite was unable to load a PEAR mod­ule due to the strong restric­tions that my web space provider had set up (which is also why I can not edit the php.ini file directly to turn on error messages).

    Solu­tion: Go to Set­tings -> papercite plu­gin and change the parser to OSBiB parser (which does not depend on PEAR), et voilà my résumé with pub­li­ca­tions is back! :)

    Finally, let’s remove the PHP line I added in the begin­ning from the index.php file.

    17 Jan 2011, 6:38pm
    gwt jobs:

    leave a comment

  • Anzeige
  • Testing GWT Application in Virtual Machine

    I am devel­op­ing on a Mac, but to test my GWT appli­ca­tions for cross-browser com­pat­i­bil­ity in Inter­net Explorer I need to use Win­dows, thus I got Win­dows 7 installed using Par­al­lels. Just by the way, to be able to test in dif­fer­ent Inter­net Explorer ver­sion, I am using a pretty handy appli­ca­tion called IETester.
    But try­ing to access local­host with IE in the vir­tual machine did not work. I got a “404 page not found” error instead of see­ing my app run­ning on the local App Engine instance. Obvi­ously, Par­al­lels does not auto­mat­i­cally for­ward local­host requests to OSX and maybe that is actu­ally a good idea security-wise.
    To fix the issue, you need to run Google App Engine on a pub­lic net­work inter­face, or in other words, bind the App Engine server to all avail­able IP addresses. The down side: every­body know­ing your IP address can see the GWT app now, but oth­er­wise you are not allowed to access it in the viru­tal machine as from your OSX’s point of view, that Win­dows machine is “some other guy access­ing from the out­side”, too. To make GAE acces­si­ble from the out­side, add the para­me­ter “-bindAd­dress″ when launch­ing you local GAE. Using Eclipse you can achieve that by right click­ing your project -> Run As -> Run Con­fig­u­ra­tions -> Choose “(x)= Argu­ments” tab; add the option to the top most box titled “Pro­gram argu­ments” in the options area (e.g. before “-port 8888″).

    The first part of the list of argu­ments should look some­thing like that:

    -remoteUI "${gwt_remote_ui_server_port}:${unique_id}" -startupUrl GlocalUiPg2.html -logLevel INFO -codeServerPort 9997 -bindAddress -port 8888 ...

    Now, you can access you app using the OSX’s pub­lic IP address. (You can get to know your IP by hav­ing a look at the net­work pref­er­ences panel.) Launch­ing GAE from Eclipse, you will see a dif­fer­ent link (URL) in the “Devel­op­ment Mode” tab now, con­tain­ing the pub­lic IP already. Using that one in, say, your Fire­fox on Mac, it will ask you now whether you want to allow the debug­ger access. That is also due to the fact, that you are now using a pub­lic address, so it is not clear to your local debug server, whether that request came from the same com­puter or some­one else in the network.

    18 Feb 2010, 7:10pm
    jobs projects:

    leave a comment

  • Anzeige
  • Getting Drupal’s Access Control Module to Work Properly

    After set­ting up some con­tent types — some pub­lic, some inter­nal. I installed the Access Con­trol mod­ule, set up inter­nal con­tent not to be vis­i­ble to anony­mous users — but with­out any effect.

    After some research, but with­out suc­cess, I real­ized the *Advanced* sec­tion at the bot­tom of the Access Con­trol tab for each con­tent type. And now the magic trick: Increase the weight and you are done. So I guess the build in access man­age­ment was fight­ing the Access Con­trol mod­ule, so it is up to you to make your favorite mod­ule stronger by giv­ing it more weight. — I doubt this is intu­itive. Addi­tion­ally, it is for sure dif­fi­cult to sim­ply find the tiny lit­tle select box down there in a sec­tion, which is by default folded.

    2 Mar 2006, 4:07pm

    leave a comment

  • Anzeige
  • education portal for the city of Augsburg

    screenshot: list view
    screenshot: list view
    screenshot: list view

    A new por­tal has been launched for the city of Augs­burg. It is meant to be a cen­tral plat­form about all kind of infor­ma­tion and events con­cern­ing edu­ca­tion in and around Augs­burg (Ger­many). Dif­fer­ent lay­outs have been cre­ated in the course of a sem­i­nar, the one to be real­ized, has been cho­sen by a per­son in charge of the munic­i­pal­ity. Two stu­dents of the “win­ning” team and myself, we formed a team, got a work con­tract by the munic­i­pal­ity and imple­mented the web­site on the basis of the Typo3 CMS within one year, besides our studies.

    » go to see the website »

    7 Dec 2005, 12:22pm

    leave a comment

  • Anzeige
  • Content and navigation as zoomable UI and masked floating layer

    See the Zoomable UI/floating layer navigational approach of my old (unmaintained!) home page

    See the Zoomable UI/floating layer nav­i­ga­tional approach of my old (unmain­tained!) home page (in german).

    This ver­sion of my home­page fea­tures a new nav­i­ga­tional con­cept com­bin­ing the idea of zoomable inter­faces and a masked float­ing layer. I cre­ated this appli­ca­tion as exper­i­ment while search­ing for con­cepts and idea about how to inte­grate con­tents and nav­i­ga­tional layer.

    After infor­mal feed back of user i asked to give it a trail, I had to find, in the end, this RIA will stay more an exper­i­ment than a easy to use infor­ma­tion portal.

    The text and media con­tained is in ger­man and has not been update ever since, addi­tion­ally the guest book is deac­ti­vated. There­fore give it a trail but do not take the con­tent seri­ous :) .