• You are currently browsing the Christian Heilmann blog archives for March, 2006.

  • Archive for March, 2006

    Web2.0-tastic – my office outside the office

    Thursday, March 16th, 2006

    As much as I am annoyed with the web2.0 hype and a lot of products that are just clones of others (how many RSS readers are there?) I just had an epiphany of sorts when I was on the client site and had to do some work without my trusty laptop with Photoshop, Homesite, Word and all the other goodies.

    It is pretty amazing how efficient you can work without your local software when you use what the web offers you:

    • Writely allows for uploading word documents, changing them and saving them again (this has been bought by Google, so some privacy fanatical people might object to it). Works good for simple documentation, but of course it seems to break makros and change tracking
    • Pixoh allows for uploading, cropping, resizing and turning pictures and saving them in an optimised fashion.
    • Meebo is a browser interface for all of the Instant Messaging Networks out there and allows you to stay in touch with your work mates without installing MSN, Yahoo or AIM.
    • Openomy allows you to store and share files with work mates (and stop you from abusing your personal FTP)

    What I haven’t found yet is a cool online code editor that would allow me to upload JavaScript, HTML, PHP or CSS and edit in a color coded fashion. Has anybody web2.0-yfied the portable NVU yet?

    Some good lists of Web2.0 apps:

    And in case this bores you and you need the lighter side of the idea:

    Time to move on

    Wednesday, March 15th, 2006

    Allow me to be a bit narcistic for a moment – don’t worry it does not involve a podcast of me talking about web design stuff:

    I just wanted to announce that I am quitting my current job on the 14th of April and from the 24th of April (2 days before my birthday) onwards I will work for Yahoo UK as a web developer.

    I am quite happy to join a company that dabbles in the same market sizes I worked in the last few years but really does subscribe to ideals like web standards and User Centric Design. To illustrate my dedication to this cause it might be of interest that I took a slight paycut and will not have the fancy “Lead Developer” title any longer. I think having fun and getting satisfaction out of what you do is more important anyways.

    Tip: Using CSS and dynamic classes to avoid loops

    Tuesday, March 14th, 2006

    This is nothing groundbreaking, but a thing I realised when checking some of my older scripts.

    When it comes to hiding a lot of elements via JavaScript and CSS we tend to loop through and apply a class to hide them:

    HTML:

    <div id="sections">
    <div>
    <h2>Section 1</h2>
    [... content ...]</div>
    <div>
    <h2>Section 2</h2>
    [... content ...]</div>
    <div>
    <h2>Section 3</h2>
    [... content ...]</div>
    </div>

    CSS:

    .hide{
      position:absolute;
      left:-999em;
      height:1px;
      overflow:none;
    }

    JavaScript:

    var s=document.getElementById('sections');
    if(!s){return;}
    var divs=s.getElementsByTagName('div');
    for (var i=1;i
    var& s = document.getElementById('sections');
    if (!s){ return; }
    var divs = s.getElementsByTagName('div');
    for (var i = 1;i < divs.length;i++) {
      divs[i].className='hide';
    }

    We can avoid this loop by using the contextual selector in CSS in conjunction with one dynamic class:

    #sections.dynamic div{
      position:absolute;
      left:-999em;
      height:1px;
      overflow:none;
    }

    We need the dynamic class to avoid us using CSS to hide things and JavaScript to show them, which is just not safe as either of the two might not be available. Instead of the loop all we need to do is assign the class to the parent node:

    JavaScript:

    var s=document.getElementById('sections');
    if(!s){return;}
    s.className='dynamic';

    In the script that should show one of the elements we apply a class that overrides the initial hiding:

    #sections.dynamic div.show{
      position:relative;
      left:0;
      height:auto;
      overflow:auto;
    }

    This does not only mean that we spare us the looping, we also keep all the look and feel in the CSS.

    Poke London are looking for a designer and a webcoder

    Thursday, March 9th, 2006

    I am not affiliated with those guys, just heard about them via flow once, but I really really like the job post they have on their site:

    Desperation of the most charming kind

    Sounds like a fun place to be.

    DOMnews, well, news: Coincidence or Plagiarism?

    Monday, March 6th, 2006

    I just got informed via email that The XHTML compliant scroller at ibloomstudios looks spookily like a slightly edited version of my own DOMnews script .

    I don’t want to point fingers and Nick claims in the comments that he did the script himself.

    Am I paranoid?

    Update: Nick has taken the article off-line, agreeing that the code is similar. He had claimed in the article beforehand that the code was taken from a horizontal scroller without giving the source or credit though. Now it might be interesting to know where that horizontal scroller is, as Nick doesn’t know any longer. Anyone?